OWNED MEDIAウェブ制作に役立つコンテンツを発信中!

イメージ別の配色についてまとめてみる(2)

最終更新日:2019.11.28 Update!!
前回記事「イメージ別の配色についてまとめてみる(1)」に引き続き、今回もいろんなイメージ別の配色についてまとめていきたいと思います。   【目次】
  1. 9. 都会的なイメージの配色
  2. 10. 自然なイメージの配色
  3. 11. 未来的なイメージの配色
  4. 12. 原始的なイメージの配色
  5. 13. スポーティーなイメージの配色
  6. 14. シックなイメージの配色
  7. 15. 男性的なイメージの配色
  8. 16. 女性的なイメージの配色
 
9. 都会的なイメージの配色
20160111_img_09   寒色系+低彩度 ブルーをはじめとする寒色系の配色がクールでスタイリッシュな都会のイメージを表現します。グレイッシュトーンなどの低彩度の色もコンクリートやアスファルトを連想させるので組み合わせるとより効果的です。  
10. 自然なイメージの配色
20160111_img_10   ローコントラスト・中彩度・アースカラー 調和させることが一つのポイントになります。コントラストは抑えて、中彩度にまとめます。グリーンやブラウンなどのアースカラーが中心の配色になります。  
11. 未来的なイメージの配色
20160111_img_11   ハイコントラスト・高彩度・寒色系 コントラストを強くしメリハリをつけ、高彩度のカラーを使うことで人工的な印象を与えます。色相は寒色系のほうが相性が良いようです。色数もある程度多いほうがより雰囲気が出ます。  
12. 原始的なイメージの配色
20160111_img_12   ハイコントラスト・高彩度・アースカラー 自然に存在する配色のアースカラーですが、コントラストを強くし彩度を高くすることで非現実的な印象になっていきます。自然なイメージでよりインパクトを残したい時などに効果的です。  
13. スポーティーなイメージの配色
20160111_img_13   ハイコントラスト・補色+モノトーン コントラストが最大になる補色(もしくは補色に近い)の組み合わせとモノトーンである無彩色を合わせることで、よりコントラストが強くなります。色数はある程度絞ったほうが効果的です。ミニマムかつコントラストが強い個性的な配色になります。  
14. シックなイメージの配色
20160111_img_14   低彩度+モノトーン 彩度が低い色とモノトーンの組み合わせという、色味を極力抑えることによって洗練された大人の雰囲気を表現できます。またコントラストの強弱で違った印象を与えることができます。  
15. 男性的なイメージの配色
20160111_img_15   寒色系・グリーン系・ブラウン系 男性的なイメージには寒色系やグリーン系、ブラウン系の中間色がマッチします。ハイコントラスト+高彩度+高明度にすると若い男の子のイメージになり、ローコントラスト+低彩度+低明度となると大人の男性向けのイメージになります。コントラストと彩度、明度のコントロールで年代を合わせることができます。  
16. 女性的なイメージの配色
20160111_img_16   ピンク系・パープル系 女性的なイメージにはピンク系のカラーがメインに使用されることが多く、合わせてパープル系もよく見かけます。男性的なイメージの配色と同じくコントラストと彩度、明度のコントロールで年代を合わせることができ、ハイコントラスト+高彩度にすると若い女の子のイメージになり、ローコントラスト+低彩度+高明度になると大人の女性向けのイメージになります。   今回は2記事にわたりイメージ別の配色についてのテーマでまとめてみました。デザインの中で色が持つ意味というのは非常に大切な要素になりますし、数多くある色の中から選定するのも難しいですが、このようにイメージ別に配色することでデザインの良さが活きてくるのではと思います。    
  • はてなブックマーク
  • Pocket
  • Linkedin
  • Feedly

この記事を書いた人

Twitter

SPONSORED

    KEYWORD SEARCH

    RECENT POSTS

    合同会社デザインサプライ -DesignSupply. LLC-

    サイト制作・開発 / 各種デザイン制作 / ウェブプロモーション企画

    合同会社デザインサプライ(DesignSupply. LLC)

    Office:大阪府大阪市天王寺区清水谷町3-22
    Email:info@designsupply-web.com
    • Twitter
    • Github
    CONTACT USSCROLL TO TOP
      • Facebook
      • Twitter
      • Github
      • Instagram