WEBページにおける配色の重要性

こんにちは、コウノです。
現在ふたっぱさんのインターンにて
架空のホームページのデザインを行っております!

「お母さんのためのマタニティ図書館」という課題で。
実際にデザインに挑戦している途中ですが、そこでいくつか問題点が出てきました!

・・・それはカラー問題です!

何色を使うか考えるのが、すごく難しいです。
そして色について調べてみてたところ、色が持つ効果が色々分かってきました!

0616-2

心理に訴えかける色とは?

今回のを例に話を進めて行くと。
「お母さん」「マタニティ」「図書館」など、
いくつかのキーワードがありますが、皆さんが思い浮かべる色とかはありま すか?

僕はなんとなく「お母さん・マタニティ」からピンク色かなあ~っと思いま した。
皆さんも、もしかして、同じじゃないでしょうか。

普段何気なく見る、お店の看板やホームページなどでも
色の印象は人の心理に訴えかけているので
見ず知らずのうちに同じイメージを浮かべることが多いと思います。

赤色
プラスイメージ・・・「情熱」「興奮」「華やか」「行動力」「恋」
マイナスイメージ・・・「危険」「激しさ」「対立」
ピンク
プラスイメージ・・・「優しい」「若い」「かわいい」「幸福」
マイナスイメージ・・・「幼稚」「甘え」「意志薄弱」
オレンジ
プラスイメージ・・・「陽気」「フレンドリー」「明るい」「暖かい」「お
いしそう」
マイナスイメージ・・・「安っぽい」「目立ちたがり」「自分勝手」
黄色
プラスイメージ・・・「楽しい」「にぎやか」「親しみやすい」「社交的」
マイナスイメージ・・・「目立つ」「幼い」「注意喚起」
緑色
プラスイメージ・・・「若々しさ」「寛容」「中立」「安全」「調和」「エ
コ」
マイナスイメージ・・・「無関心」「優柔不断」「不活発」
水色
プラスイメージ・・・「親切」「自由」「理性的」「安心」「冷静沈着」「
すがすがしい」
マイナスイメージ・・・「寂しい」「保守的」「義務感」
紺色
プラスイメージ・・・「繊細」「知的」「落ち着き」「鍛錬」「誠実」「イ
ンテリジェンス」
マイナスイメージ・・・「堅苦しい」「義務的」「ストイック」

プラスイメージ・・・「芸術的」「個性的」「高貴」「セクシー」
マイナスイメージ・・・「浮ついている」「高慢」「個人主義」

プラスイメージ・・・「頼もしい」「沈着」「母」「親和性」
マイナスイメージ・・・「夢見がち」「自己満足」「あいまい」

プラスイメージ・・・「美」「清潔」「純粋」「憧れ」
マイナスイメージ・・・「終」「神経質」「無機質」

プラスイメージ・・・「洗練」「大人」「厳か」「敬愛」「モダン」
マイナスイメージ・・・「抑圧」「頑固」「悲しみ」

色からはこのようなイメージを受けるそうです。

0616-3

色でサイトを覚える

言われてみれば、そうですよね。
病院のHPは、青色や白色が多く使われていると思うのですが、
それは「清潔」「安心」「知的」なイメージのため

そして、化粧品とか女性が使う物はピンク色などが多く
ECサイトなどはオレンジ色を使い明るく賑わってる感じを
高級品は黒色のサイトを使い洗練されたイメージを出す。

そうやって見てみると、本当によく出来ている仕組みです。
パッと一目で色が目に行くと思うのですが、
その色によって一発でイメージを植え付けることができます。
デザインではそういうことも利用して色を決めるようです。

そして何よりも、色でサイトを覚えることができます。
皆さんお使いになられているであろう「LINE」が、
急に赤色とかになったら違和感を感じますよね。
知らぬ間に、色でサイトを覚えたりするので。

色によって差別化を図ったりなど。
デザインにおいて色の持つ役割はとても重要になってきます。
本当にWEBデザインは、覚えること勉強することが多くて奥が深いです!
僕もふたっぱさんにある本などを読み勉強中です!

コウノ