STERFIELD

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

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

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つと異なり、白いスペースが一切ありません。

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

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

 

まとめ

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

 

 

 

 

Author Profile

著者近影

NINOMIYA

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

SHARE

合わせて読みたい