ピックアップ記事

配色パターンからデザインを考える

フラットカラー

フラットカラー

同じデザインでも、どんな色を使うかによってそのイメージが大きく変わります。さまざまな色の中でも、暖かい印象を受ける色が「暖色」です。

例えば赤、オレンジ、黄色などがそれにあたります。逆に冷たい印象を受ける色を「寒色」と呼び、これには青、緑や紫などが含まれます。また黄緑や赤紫など暖色、寒色の中間の印象の色は「中性色」と呼ばれています。

さらに、色によって重さを表現することも可能です。明るい色や薄い色は軽い印象を与え、逆に暗い色や濃い色は重い印象を与えます。
このように色には性格があるため、デザインを行う上で効果的に使うことで、うまく企業や商品のイメージを伝えることが可能です。

さて身の回りを見てみましょう。例えば飲食店の看板、広告などには、赤や黄の暖色系が多いことに気がつきます。これは食べものの持つ暖かさや、新鮮さ、美味しさを表現しているからです。その反対の例としては、コンピュータや電気関連の企業ロゴや広告などでは、寒色系がよく使われます。青や白などの色で、知性や落ち着きといったクールなイメージを表現しているのです。

これらは一般的な例ですが、必ずしも定石にこだわるのではなく、その時表現したいコンセプト(その商品・企業の特質)を考慮して意外な色使いをすることも、目を引いたりインパクトを与えるためには有効でしょう。

 

 

色合い

 

 

 

まず学校で習った、12色のイメージはこんな感じ、、、
その12色の感じる色のイメージは、、

色合い

 

じゃあ細かくみていきましょう。。

色合い

 

 

次は色の第三原則属性

彩度

色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。

逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。

 

明度

色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽快なイメージに、明度が低い=暗い色は重厚で落ち着いたイメージになります。

企業・学校・病院のWebサイトには白をベースにした、明るく清潔感のある色が取り入れられることが多いです。明度が低い色は、ホテルをはじめとした高級感をアピールするサイトによく使われます。

色相

色相は赤・黄・緑・青などの言葉で区別されています。同じ赤でも赤紫・黄みの赤などがあるように、色相の数は無数に存在します。

それが上記の配色になります!

この記事を書いた人

中村 真徳
中村 真徳
(株)アリスプラン 代表取締社長
サービスITソリューションで関わる人を幸せに
平成5年4月1日 髙松市より香川町剛柔流空手道スポーツ少年団 発足
平成22年11月 個人事業主開業
平成24年8月  株式会社アリスプラン 代表取締役
会社理念「サービスITソリューションで関わる人を幸せに」
道徳と利潤の調和を目指し日々奮闘中
趣味…自分がしたいことをするのが趣味です

この投稿者の最近の記事

関連記事

  1. ありす, 整骨院, 求人, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    自賠責、慰謝料算定

  2. 整骨院.求人. 治療. 高松.事故通院. 高松.整骨院.高松市 ムチウチ, 高松市 整骨院

    イケメンTAGAWA

  3.  ありす, ありす, 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    ふくらはぎの外側の痛み

  4. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    受付さん募集

  5. はじめてのhtml5 css3

    はじめてのhtml5 CSS3 

  6. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    今年の夏こそ、、、

  7. ドットマリオ

    はじめてのhtml5 CSS3

  8. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    緊急告知!

  9. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    トレーナー活動日記③

人気記事

  1. ありす, 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院
  2. 高松 事故通院, 高松市 整骨院, 高松市 ムチウチ,
  3. ありす, 整骨院, 求人, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院
  4.  , ありす, 整骨院, 求人, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

PV解析

  • 162現在の記事:
  • 192846総閲覧数:
  • 35今日の閲覧数:
  • 82昨日の閲覧数:
  • 608先週の閲覧数:
  • 1515月別閲覧数:
  • 140413総訪問者数:
  • 34今日の訪問者数:
  • 63昨日の訪問者数:
  • 417先週の訪問者数:
  • 1105月別訪問者数:
  • 55一日あたりの訪問者数:
  • 0現在オンライン中の人数:
  • 2013年9月21日カウント開始日:
PAGE TOP