【デザイン】色の基礎知識 / 色が持つイメージ
チーム開発でも思ったけど色の使い方で印象がとても変わるので奥深い。
簡単にですが色のお勉強。
色の基礎知識
三原色
覚えているようで覚えていない三原色。
光の三原色:色を重ねていくと明るくなり、すべて重なると白になる。
色の三原色:色を重ねていくと黒くなる。
色の三属性
色の三属性:『色相:色の種類』『明度:色の明るさや暗さ』『彩度:色の鮮やかさやくすみ具合』
デザインとの関係性
-
バランス
色のバランスはデザイン全体が安定感を持つかどうかを左右する。色相(異なる色の種類)や彩度(鮮やかさ)をうまく組み合わせることで、デザイン内の要素が均等になり、全体が調和して見えるようになる。 -
感情表現
色で感情や雰囲気を伝えることができる。明るい色(例: 赤や黄色)は、活気やエネルギーを表し、暗い色(例: 青や緑)は冷静で落ち着いた雰囲気を出せる。また、色の組み合わせによっても感情も表現できる。例えば、青と白の組み合わせは清潔感や信頼性を、赤と黒の組み合わせは力強さや情熱を表現することができる。 -
注目の引き方
色をうまく使うことで、デザイン内で特定の要素を目立たせることができる。例えば、背景と対照的な鮮やかな色を使うことで、テキストや画像を引き立てることができる。 -
コントラスト
色の明るさや彩度の違いを利用してコントラストをつけることは、情報をわかりやすく伝えられる。コントラストがあるデザインでは、要素同士を区別し、読みやすくする。例えば、明るい背景に濃い文字を配置することで、テキストが目立ちやすくなる。
色が持つイメージ
上述の通り、色は人の印象に影響を与えるため、ターゲットに合わせた色使いがブランディングになる!
イメージは以下表のとおり。
色 | ポジティブイメージ | ネガティブイメージ | 適したサイト |
---|---|---|---|
赤 | 情熱的、エネルギッシュ、活気に溢れる | 怒り、危険、警告 | レストラン、イベント、セール |
青 | 落ち着き、信頼、知識、冷静 | 寂しさ、冷たさ、無気力 | テクノロジー、教育、ビジネス |
黄 | 明るさ、楽しさ、希望 | 注意喚起、無関心、浮ついた印象 | 食品、子供向け、創造的なサイト |
緑 | 健康、成長、安定感 | 嫉妬、過度の安定、嫌気 | 環境、健康、エコロジー |
黄緑 | 活気、新鮮さ、元気 | けなげさ、幼稚、不安定 | 子供向け、アウトドア、健康・フィットネス |
オレンジ | 活力、友好的、ポジティブ | 興奮、過度の刺激、不安定感 | アート、アウトドア、創業者のブログ |
紫 | 高貴、謙虚、創造性 | 高慢、不安、孤立感 | 芸術、スピリチュアル、ラグジュアリー |
ピンク | 優しさ、ロマンス、幸福 | 甘さ過ぎ、幼稚、非現実的 | ファッション、美容、女性向け |
ブラウン | 安心感、信頼、地に足が着いている | 陰鬱、退屈、古さ | 自然、アウトドア、手作り商品 |
グレー | 中立的、洗練、バランス | 退屈、冷淡、無関心 | ビジネス、コーポレート、テクノロジー |
ブラック | クール、エレガント、パワフル | 不吉、悪意、暗さ | ファッション、ラグジュアリー、クリエイティブ |
ホワイト | 清潔、純粋、シンプル | 冷たさ、無感情、距離感 | ヘルスケア、テクノロジー、ミニマル |
ゴールド | 豪華、成功、貴族的 | 金遣いが荒い、高慢、不正直 | ラグジュアリー、高級商品、ビジネス |
配色の参考サイト
これを学んでとても納得感があった。ホテルのホームページは茶色のイメージだし、ブライダル系はピンクが多い。
ポートフォリオの色を決めるのにとても参考になった。
Discussion