イメージ(印象・雰囲気)
解説
Webサイトの配色を考えるときに一番重要になるのは、イメージを明確にすることです。
イメージとWebサイトの内容やテーマが合えば、Webサイトを訪れた人は落ち着いて内容を見ることができますし、信頼性も高まります。逆に、合致していないと落ち着かないだけではなく、Webサイトの信頼性までもが損なわれてしまうことがあるからです。
日常生活の中にはさまざまな色が溢れていて、人はそれぞれの「色」から無意識に感じ取っているイメージがあります。
たとえば、寒色系(青や緑など)は「男の子」、暖色系(赤やピンクなど)は「女の子」といった幼少期からの習慣によって感じ取るイメージもありますし、緑は山や草花、青は海や空などを連想させるといった日常の共通する認識によって感じ取るイメージ、信号機や道路標識のように規格化された認識により感じ取るイメージなどもあります。
また、単色だけでなく「配色」によるイメージもあります。
黄色+黒であれば「工事中」を連想させたり、緑+白+赤であれば「イタリア」を連想させたりするのがこの例です。
こういった無意識に持っているイメージとWebサイトの内容やテーマを合致させれば、より効果的に訪問者へアピールすることができます。
なお、色を使用する箇所や面積によってイメージも違ってきます。単純に「配色」だけを考えるのではなく、形や動きなどを含めた全体的なデザインをバランスよく行うことが大切になります。
次にそれぞれの色が与えるイメージについて一覧にしました。参考になさってくださいね。
1. 色が与えるイメージ一覧
| 連想するもの | 連想させるイメージ | |
| 赤 Red (#FF0000) |
太陽，火，リンゴ，薔薇，血，消火器，トウガラシ，だるま，消防車，ポスト，トマト，中国，闘牛，口紅，炎，生命力 | 情熱，危険，派手，興奮，激しい，愛，恋，燃える，対立，強烈，禁止，友情，戦い，注目，美味，辛い |
| オレンジ Orange (#FF9900) |
太陽，オレンジ，ジュース，夕焼け，焚き火，炎，みかん，はっさく，柑橘類 | 開放的，新鮮，弛緩，団らん，活発，明朗，快活，危険，燃える，にぎやか，元気，トロピカル，親近感，爽快，陽気，穏やか，ほのぼの |
| 黄 Yellow (#FFFF00) |
バナナ，レモン，みかん，黄身，イチョウ，菜の花，菊の花，ひまわり，月，カレー，信号，みつばち，光線，お金 | 注意，緊張，軽率，愉快，イライラ，かわいい，鋭利，躍動，にぎやか，華やか，騒がしい，幸福，平和，誕生，酸っぱい |
| 緑 Green (#00FF00) |
草木，草原，葉，信号，野菜，森林，芝生，メロン，キュウリ，ピーマン，若葉，牧場，非常口，高原，自然，毒 | 安全，平和，新鮮，自然，若さ，爽やか，健康，安息，安らぎ，幸福，生命力，癒し，雄大，若返り |
| シアン Cyan (#00FFFF) |
空，水，海，湖，水中，氷，夏，秋の空，プール，清涼飲料水，高原，サンゴ礁，ガラス，マリン | クール，冷たい，清潔，涼しい，清涼，爽快，理知的，純粋，気持ちよい，デリケート，透明 |
| 青 Blue (#0000FF) |
空，水，海，湖，水中，氷，氷河，夏，深海，信号，制服，病気 | クール，冷たい，清潔，涼しい，清涼，冷酷，理知的，静寂，純粋，神秘，精神的，知性，フォーマル，素直，憂鬱，寒い，安全 |
| 紫 Purple (#CC00FF) |
スミレ，僧衣，ナス，藤の花，カトレア，ぶどう，ラベンダー，アヤメ，あじさい，宇宙，グレープ，占い，アイシャドウ，着物 | 高貴，高尚，高級，豪華，崇高，神聖，神秘，優雅，上品，エキゾチック，大人っぽい，妖艶，ロマンチック，近寄りがたい |
| マゼンタ Magenta (#FF00FF) |
女性，アジサイ，グレープジュース，牡丹，つつじ，ルビー，ワイン，口紅，ラディッシュ | 女性的，上品，不安，ムード，うぬぼれ，奇抜，華美，優雅，華やか |
| 白 White (#FFFFFF) |
紙，シャツ，歯，白衣，シーツ，病院，豆腐，雲，ウェディングドレス，白無垢，お米，キャンバス，割ぽう着，雪 | 清潔，潔癖，明るい，新しい，軽い，純潔，真理，空虚，冷淡，薄情，冷たい，潔白，ピュア，無垢，純粋，軽薄 |
| 黒 Black (#000000) |
インク，炭，すす，闇夜，礼服，喪服，墨，タイヤ，カラス，黒帯，学生服，死，闇 | 厳粛，豪華さ，重々しさ，強さ，神秘的，男性的，アングラ，暗さ，不安，死，悪，不気味，荘厳，シック，恐怖，憂鬱，重厚 |
上記一覧表は、単色の与えるイメージですが、配色によるイメージの違いは下記ページにまとめています。
関連ページ
- ■ Color Table
- ■ Data Table
