BiND CAMP | ホームページ作成・Webデザインのノウハウブログ｜CSS

BiNDupには背景の設定するにも色々な方法があります。大きくわけて3つあり、設定方法によっては今後の更新作業に大きな影響を及ぼします。今回は設定エリア別の背景の設定方法と影響範囲についてまとめます。

彩度が強いビビットな色は、きちんとルールを定めて使わないと色同士が喧嘩してしまい、ビジネスでの信頼感を感じさせるサイト作りにつながらないことも。実在のサイトを例に、彩度の強い色をサイトデザインに使う際のポイントをWebデザイナーが解説します。

新しくなったBiNDのデザイン管理機能「Dress」。UIが一新されて使いやすくなりました。今回から3回の連載で「デザイナーが使うDress機能について」お伝えしていきたいと思います。

BiNDupのテンプレートでデザイン変更したいと思った時にどこを変更するか分からない事がありますね。最も簡単にDressで修正箇所を見つけ出す方法を解説します。

BiNDupのテンプレートでデザイン変更したいと思った時にどこを変更するか分からない事がありますね。Dressで修正箇所を探す方法とその構造を解説します。

今回はBiNDupのCSS編集機能「Dress」について解説。サイトのさまざまなデザイン要素を一括して変更できるDressですが、手始めにWebサイトのキーカラーの変更手順を説明します。

写真の上にNEWやオススメなどの文字を重ねる装飾は、CSSを使えば画像を直接加工せずに実装できます。BiNDupのDressでは、デザインが崩れる恐れがあるので普段は閉じられている高度な設定ではありますが、使いこなせばデザインの幅がかなり広がるので一部の仕様と使い方をご紹介します。

コンバージョンに繋がるホームページの条件に、導線のわかりやすさは欠かせません。サイトで使用する色の数を絞る、見出しの色や大きさを揃えるなどは、基本的なことですがサイトの見やすさに繋がる大切な条件です。スポーツアスリートを支援するサイトを例に、見やすさの理由をWebデザイナーが解説します。

新しいDressに搭載された新機能『Dressカラー』を既存サイトに反映する方法を解説します。Dessカラーを使う事で統制の取れたデザイン管理が可能になります。

“CSS”の記事一覧