ウェブサイトの配色を選択する方法

10月 19, 2016

様々な調査によると、色が人に与える印象は、その商品・サービスが顧客に利用されるか否かに影響すると言われています。ですから、配色はウェブサイトの最も重要な構成要素のひとつです。ロゴや見出しに適した色を選ぶこと、メインカラーと補色の組み合わせ、選んだ色を使う場所や位置がとても重要です。

配色を決める際には細心の注意が必要だ。留意すべき主なポイントは以下の通り。

1.ウェブサイトとブランドに適したドミナントカラーを選択する。
2.補色を組み合わせて完璧な配色を。
3.自分に合った背景色を選ぶ。

色の意味を理解する
異なる色は特定のタイプの訪問者を引き付け、顧客の行動を変えることができる。また、性別、年齢、職業などによる嗜好の違いもあります。色の使い方は、コンバージョン率に影響を与えます。

ウェブサイトのドミナントカラーを適切に使用する
ドミナントカラーは、何カ所にも使うのではなく、訪問者に注目してもらいたい場所や、行動喚起をクリックしてもらいたい場所に使いましょう。ドミナントカラーは、注目させたい部分を強調するようにしましょう。

適切なアクセントカラーを選ぶ
正しいアクセントカラーを加えることで、デザインはよりプロフェッショナルに見えます。Adobe Color CCツールのようなカラーマッチングツールを使えば、アクセントカラーの選択に役立ちます。アクセントカラーの適切な使い方は、ウェブサイトの二次的な情報を強調するために使用することです。

最適なウェブサイトの背景色を選ぶ
ウェブサイトの背景色は、訪問者がどこに焦点を当てるかによって異なります。例えば、情報サイトやeコマースサイトでは、ウェブサイトのデザインよりもコンテンツや製品に焦点を当てるため、白や中間色の背景色を使用するのが一般的です。背景色は、コンテンツをより見やすく、読みやすくするためのものです。

ブランドを宣伝するコーポレート/ビジネスサイトでは、背景色にドミナントカラーやブランドカラーの様々な色合いを使うのが一般的です。しかし、ファッション、デザイン、食品、美容、その他のクリエイティブな業界に関連するクリエイティブなウェブサイトの場合、背景画像や使用する色に決まりはありません。テキストやコンテンツが快適に読めるような背景を選ぶことです。

jaJapanese