ジャンル毎に選ぶウェブサイト配色参考カラーコード

 

webサイトの印象作りに欠かせないのがカラーです。デザインの入り口としては「それっぽい」と思わせるデザインができたなら吉です。webデザインの傾向的にジャンル毎にそれっぽいと言われるキーカラーがあるので、webデザインの参考になればと思います。

メインカラーとは

主にwebサイトの配色は「ベースカラー」「メインカラー」「アクセントカラー」の3つで構成されています。

メインカラーとは主に文字色などに使われ、サイト全体の印象を決めるカラーのことです。

メインカラーはサイト全体の25%くらいで使われ、ヘッダーナビ、ボタン、文字等に使われることが多いです。

文字にも使われるので比較的濃いめのカラーが多いです。

今回はメインカラーに絞って見て行きます。

ここから先はデザインクリップさんのページの画像を使わせていただいています。m(_ _)m

 

業種別に見る配色

業種別にみる配色の傾向です。

コーポレートサイトの配色

 

コーポレートには信頼と安心感を与える青が多い印象です。

 

デザインの傾向

・スタイリッシュな斜め線

・明朝体など、かためなフォント

 

スポーツ系サイトの配色

 

 

元気で健康的な黄色系やオレンジ系が多い傾向です。

 

デザインの傾向

・インパクトのある写真

・ワンカラム

病院、医療系のサイトの配色

 

 

 

緑や青がよく使われている印象です。

 

デザインの傾向

・アイコンが多用された、誰にでもわかりやすいデザイン

・ベースカラーが白が多く、清潔感がある

・安心感を与える優しい笑顔の写真などが多い

 

キッズ系のサイトの配色

 

 

黄緑やオレンジ、濃いめの黄色など、ポップな印象のカラーがよく使われます。

 

デザインの傾向

・丸みを帯びたデザインが多い

・カラフル

 

 

食品、レストラン系のサイトの配色

 

食欲促進の効果があるオレンジ系がよく使われます。

 

デザインの傾向

・料理の写真は明度、彩度を上げる

・料理の写真の上に白字の英字を乗せるデザインが多い。

 

以上です!