STERFIELD
開発ナレッジ2013.03.07

全色相系のサイトデザインを調べる

4つ以上の色相を使ったカラフルなデザインは、元気で楽しげな印象を与えてくれます。

にぎやかさや楽しげな印象を出したいときに、よく使われるデザインで、子ども・ファミリー向けで見かけることの多いです。

ただ、色数が多いので、バランスを整えたり、印象を狙い通りにしていくことが、難しいです。

 

そこで今回は、全色相系でデザインされた5つのサイトについて、調べてみました。

 

bikke

 

http://bikke-bikke.jp/

メインのイメージにアイコン的なイラストと、文字をカラフルに並べ、

楽しそうなイメージがたくさんつまった印象を感じます。

 

 

givery

http://givery.co.jp/special/

ごくわずかな場所に限定してカラフルな場所を使い、

カラフルながらに、落ち着いた印象を受けます。

 

マップMAP

http://map.itp.ne.jp/

全体に広がるように全色相が並べられていて、地図の色と合わせて、

楽しげな印象が感じられます。

 

 

http://agrinext.jp/kidsmuseum/

http://agrinext.jp/kidsmuseum/

全色相系ですが、緑が多く使われていて、

かわいらしさと、まとまった印象を感じることができます。

 

 

motoideRico

http://motoiderico.com/

他の4つと異なり、白いスペースが一切ありません。

ピンク系にやや色を偏らせているようです。

にぎやかさを超えた、サイケデリックな印象を受けます。

 

まとめ

  • 基本は白をそれぞれの色に使い別ける。
  • カラフルな部分が限定されるほど、落ち着いた印象になる。
  • 全色相系でも、中心となる色相に近い色を多めに配置することで、ある色のイメージを出すこともできる。

 

 

 

 

WRITER

ninomiya

Webデザイナー兼コーダー出身のフロントエンド開発者です。 UXデザインやチーム開発の効率化など、勉強中です。

この著者の記事を見る

CONTACT

記事の内容について
相談したい方へ

実際の進め方は、状況を伺ってからご提案します。

2営業日以内にご返信します
資料ダウンロード無料相談に申し込む