Webサイト | 配色パターンでみる印象の違い
おはようございます。田中です。
今回はカラーバランスについてのお話しです。
私個人的にですが、洋服を選ぶ時も、部屋のコーディネートを考える時も、色の組み合わせを優先しているんですが、第一印象って、ほんとにこのカラーバランスで決まると思うんです。
もちろん、人それぞれ好みが違うので、「このバランスが絶対!」というのはないと思うのですが、少し興味があってカラーバランスについて調べてみました。
ホームページにおける配色の違いで、どんな印象を与えられるのか。是非参考にしてみてください!
目次
- 黄色は楽しさ・インパクト・暖かさを与える!
- オレンジは大胆かつ快活なイメージ!
- 紫はオシャレ感たっぷりなイメージ!
- 青は信用や信頼を印象づけます!
- まとめ
黄色は楽しさ・インパクト・暖かさを与える!
黄色は、楽しさを表現したり、黒と組み合わせることでインパクトを与えたり、オレンジや赤などの同系色を組み合わせると暖かい印象を与えることができます。
参考にしたいカラー配分参考例はこちら
黄色を使ったサイト例
東京メトロ_銀座線全面リニューアル
http://www.tokyometro.jp/ginza/#
M_M_S®_オフィシャルWebサイト
http://www.m-ms.jp/index.html
オレンジは大胆かつ快活なイメージ!
オレンジ色は、大胆であり、快活なイメージを与えます。また、親しみやすい印象が強いので、意外と多くのサイトでオレンジ色は使われることが多いです。
参考にしたいカラー配分参考例はこちら
オレンジを使ったサイト例
Lipton_chilled_|_リプトンチルド飲料_森永乳業
http://www.liptonchilled.com/
キッズイノベーション|子ども向けキャリア教育スクール_東京
http://kidsinnovation.net/
紫はオシャレ感たっぷりなイメージ!
紫は、クリエイティブな雰囲気をつくれるので、組み合わせによってはオシャレな印象を与えます。また、「和」なイメージを造りたい時も紫は欠かせないカラーです。
参考にしたいカラー配分参考例はこちら
紫を使ったサイト例
CORE_8_FITNESS_|ショップジャパン
http://shopjapanfitness.jp/core8/
Quincy_Réquin___Associés
http://www.quincy-requin-avocats.com/
青は信用や信頼を印象づけます!
青は、多くの企業が採用しているカラーでもあり、信用や信頼を印象づける色として人気があります。身近なところで言うと、FacebookやTwitterなども青もを基調にしていますよね。
参考にしたいカラー配分参考例はこちら
青を使ったサイト例
リポビタン、ファイト一発!|シリーズトップページ|大正製薬
http://www.taisho.co.jp/lipovitan/
RECRUIT_SITE_2016_スター精密株式会社
http://www.star-m.jp/recruit/#wrap
まとめ
今回紹介した参考にしたいカラー配分と参考サイトはほんの一部ですが、色によって与える印象が異なることは伝わりましたでしょうか。
現在のサイトのリニューアルをお考えの方、新しいサイトを立ち上げようとお考えの方、是非参考にしていただけたらと思います。
インファクト編集部
最新記事 by インファクト編集部 (全て見る)
- 【Google Chat】グーグルチャットツールの使い方|Google Workspace - 2024年1月19日
- 【最新】Canva Docsの使い方|おしゃれで見やすい文章作成ツール - 2023年9月1日
- 【パラメーターとは】Googleアナリティクスでパラメーターの表示方法 - 2023年8月16日