サイトのデザインをする時にページの上から行うのでなく、どこに何を置くかを考えてから配色します。

レイアウトを先にする理由

これまでは色彩設計を説明するため、便宜上いろいろなサンプルをお見せしてきましたが、皆さんが作っているウェブサイトとはアピールしたいこともメニューの数も違うはずです。

しかしこんな感じにしたいというレイアウトや他のウェブサイトを見て気に入ったデザインなどもあるはずです。またシンプルでものすごくわかりやすいブログのような文章を読ませることを中心としたデザインもあります。

カラーのイメージを中心にアピールするのであれば、それぞれの色を大きな面積に用いることになるでしょうし、テキストを重視するのであれば全体の面積を減らして、白い背景色を中心とした配色になるでしょう。

まずは表示する情報を手書きでもよいので、大雑把に決めてみましょう。重要なことはレイアウトしながら配色していくのではなく、レイアウトをしてから配色すると言うことです。言うまでもないことですが、レイアウトが決まらなければ面積比を考えようがないからです。

重要な部分や見せたい部分を考える

あとは読ませたい部分が読みやすいか、自分の伝えたいイメージが伝えられているかを考えながら配色していきます。行き詰まってしまった時は引き算を上手にしてやれば、混乱することもないでしょう。

関連記事：

• 固定レイアウトの背景色
• Webプロフェッショナルのための黄金則 Web配色デザインのセオリー
• 悩んだら色を減らす
• センスに頼らない配色とは
• 効果的に伝えるWeb配色標準デザインガイド

タグ: ワイヤーフレーム

この記事をTwitterでつぶやく

この投稿は 2010年1月28日 木曜日 9:58 AM に 配色のポイント カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 コメントを残すか、ご自分のサイトからトラックバックすることができます。