tone

COLOR

色の調子【トーン】を利用した色選び

かわいい、楽しい、大人っぽい… 色でイメージを表現するには?

色でイメージを伝えたい…でも何を手がかりにして決めたらいいのか悩んでしまうという方へ。 色選びに迷った時に参考にしたい基本的な配色技法をご紹介していきます。

色の調子【トーン】を利用した配色

「鮮やかな色使い」「柔らかな色調で統一されたデザイン」など、配色のイメージを言葉で伝える時には様々な表現を用いますが、こうした「鮮やかな」 「柔らかい」などの形容詞(イメージワード)に当たる部分をまとめたものが【トーン(Tone)】です。 【トーン】とは、色の三属性である【色相・明度・彩度】の内、【明度】と【彩度】を複合した概念であり、色の調子(色調)とも呼ばれます。 このトーンを手掛かりにして色の組み合わせを決めることができます。

PCCSトーン図
PCCS*トーン図 色の三属性の内の【明度】を縦軸に、【彩度】を横軸にしており、トーンを表す名称(vividなど)が付けられています。 上のトーン図ではイメージワードの内、それぞれのトーンを代表するものが記載されています。 *日本色彩研究所によって開発された『日本色研配色体系 Practical Color Co-ordinate System』の略で、色彩調和を主な目的としたカラーシステム
例えば同じ赤系でも、トーンを変えることで印象が変わります。
色相:赤のトーン別イメージ

トーンを利用して統一感を出す

トーンを統一

赤・青・緑など、色相が違ってもトーンを揃えることで統一感を出し、共通するイメージを持たせることができます。 色相は複数使用しているが、ライト(浅い)トーンのイメージが保たれている。
lt(ライト)トーンで統一したイメージ

色相を統一

同じ色相でもトーンを変えることで色のバリエーションを増やすことができます。 トーンは複数使用しているが、色相は赤のみを使用しているので統一感が生まれる。
色相を赤で統一、トーンを複数使用したイメージ

トーンのイメージワードから選ぶ

トーンが持つイメージワードから配色を決めることも出来ます。 上のトーン図には代表的なワードのみ表記されていますが、それ以外にも各トーンのイメージには以下のようなものがあります。

イメージワード一覧

v(vivid) 鮮やかな、さえた、派手な、目立つ、いきいきした
b(bright) 明るい、健康的な、陽気な、華やかな
s(strong) 強い、くどい、動的な、情熱的な
dp(deep)濃い、深い、充実した、伝統的な、和風の
lt(light) 浅い、澄んだ、子どもっぽい、さわやかな、楽しい
sf(soft) 柔らかな、穏やかな、ぼんやりした
d(dull) 鈍い、くすんだ、中間色的
dk(dark) 暗い、大人っぽい、丈夫な、円熟した
p(pale) 薄い、軽い、あっさりした、弱い、女性的、若々しい、優しい、淡い、かわいい
ltg(light grayish) 明るい灰みの、落ち着いた、渋い、おとなしい
g(grayish)灰みの、濁った、地味な
dkg(dark grayish)暗い灰みの、陰気な、重い、固い、男性的
W(white) 清潔な、冷たい、新鮮な
Gy(Gray) スモーキーな、しゃれた、寂しい
Bk(Gray) 高級な、フォーマルな、シックな、おしゃれな、締まった

イメージワードを手掛かりにした配色の流れ 🅐

1. テーマ:例『ベビー用品のイメージを伝えたい』
2. イメージワード一覧からテーマに合うワードを選ぶ:『優しい、かわいい』など
3. 導き出されるトーン:『paleトーン』

〈 paleトーンで作成した配色イメージ 〉

イメージワードを手掛かりにした配色の流れ 🅑

1. テーマ:例『クラシカルなイメージを伝えたい』
2. イメージワード一覧から選んだワード:『伝統的な、重い、円熟した』など
3. 導き出されるトーン:『dpトーン、dkトーン、dkgトーン』

〈 dpトーン、dkトーン、dkgトーンで作成した配色イメージ 〉

dpトーン、dkトーン、dkgトーンで作成した配色イメージ

ポイントまとめ
  • トーン(Tone)とは色の三属性の内、明度と彩度を複合した概念
  • トーンの選び方によって全体のイメージを方向づけることができる。
  • 各トーンのイメージワードを手掛かりにして配色を決めることができる。

Color Methodologies基本を抑えたロジカルな色選び前のページ

色の対比が生む視覚効果次のページcontrast

ピックアップ記事

  1. 書籍『失敗しないカラーリング』が出版されました!
  2. 色の連想
  3. カラー・リテラシーを高めよう
  4. 心理学を取り入れて効果的なLPを作ろう|ランディングページ制作の基本
  5. 無料で使えるデザインツール・Canvaの活用法

関連記事

  1. Color Association

    COLOR

    色の連想

    赤は情熱?共有されている色のイメージ 私たちは日常的に色から多…

  2. COLOR

    色のアクセシビリティーについて学べる動画

    色のアクセシビリティーについて学べる動画クリエイティブの最新情報が得ら…

  3. Color Methodologies

    COLOR

    基本を抑えたロジカルな色選び

    様々な配色技法 誰もが使える色彩調和のメソッドを探求して、昔か…

  4. Psychology of Color

    COLOR

    色彩心理

    ビジネスに使える? 押さえておきたい色彩心理の基本「色彩心理」と聞…

  5. COLOR

    Google Material Color Toolの活用法

    Googleカラーパレットで作る10色相のカラーサンプル-➀みなさんは…

  6. contrast

    COLOR

    色の対比が生む視覚効果

    色は互いに影響し合う色の組み合わせによっては、単色の時とは違った見え方…

コメント

  1. この記事へのコメントはありません。

  1. 2023年 10月 21日
    トラックバック:keyXmSK94jfdsjugerhjg
  2. 2023年 11月 16日
    トラックバック:D Change

最近の記事

  1. Color Association
  2. Color Methodologies
  3. ランディングページ制作のポイント
  1. COLOR

    Google Material Color Toolの活用法
  2. COLOR LITERACY

    COLOR

    カラー・リテラシーを高めよう
  3. Color Association

    COLOR

    色の連想
  4. OTHER

    無料で使えるデザインツール・Canvaの活用法
  5. tone

    COLOR

    色の調子【トーン】を利用した色選び
PAGE TOP

バンドワゴン効果

多数に人気のあるもの、支持されているものに惹かれて、それらの製品や事象への人々の支持がさらに高まる現象。行列がさらに人を呼ぶなど。
※『バンドワゴン』とはパレード楽団のこと

フォールス・コンセンサス

多くの人が自分と同じ意見を持ち、同じような行動をするだろうと考え、自分を多数派だと思い込むこと。
(さらには周囲と同じ行動を取れば安心するという心理)
※False Consensus:偽の合意

同調効果

周囲と同じ行動をしていると安心し、逆に自分が正しいと思っても他人が異なる行動をしている場合には不安になるといった集団心理のこと。

ピグマリオン効果

他者の期待値が本人の成長・成績結果に影響を与える心理効果。
アメリカの教育心理学者・ローゼンタールの実験では、教師が期待をかけた生徒とそうではない生徒の間では成績の伸びに違いが見られた。
※『ピグマリオン』はギリシャ神話の自作の乙女像に恋をした登場人物から。

ウィンザー効果

口コミやレビューなど、第三者から間接的に情報が伝わることによって、より信憑性や信頼感が増す心理効果。
直接本人から伝えられる評価に対しては利害関係を疑ってしまうため、無関係の第三者の意見の信憑性が増して感じられる。

ハロー効果

ある対象を評価するときに、目立ちやすい特徴に引きずられて他の特徴についての評価が歪められる現象のこと。後光効果とも呼ばれる、心理学における認知バイアスの1つ。

希少性の原理

需要に対して供給が少ない時、手に入る機会が限定される場合など、同じ内容のものであっても価値を高く評価してしまう認知バイアスのこと。

アンカリング効果

交渉の際、先行して提示される何らかの数値によって後の数値の判断が歪められる認知バイアスの一種。
例えば「この商品は1万円より高いと思うか?」と尋ねることによって、回答はアンカーである1万円に近い数値になる傾向のこと。

カクテルパーティー効果

多人数が談笑している会合など周辺の雑音レベルが高い場合でも、自分が話している相手の声はきちんと聞き取れる現象から、
自分に関係のある情報には注意が向けられる効果のこと。

ストーリーテリング

伝えたい内容を、それに関連した体験談やエピソードなどを引用しながら伝えるすることで、相手に強く印象付ける手法のこと。
物語として記憶されるので印象に残りやすい。

エピソード記憶

特定の日時や場所と関連した個人的経験(イベント)に関する記憶

損失回避性

損失を、利益よりも大きく評価する心理効果のこと。
新たに得られる利益からくる満足より、同額の損失がもたらす苦痛の方が大きいと感じる現象。

バイヤーズリモース

買い物をした直後に感じる不安や後悔の感情。
商品の品質に関係なく発生するため、こうした不安を解消することで返品や解約のリスクを下げ、リピートに繋がることが期待される。

親近効果

最後に提示された情報の再生率が良いこと。「新近性効果」とも言う。
接客業における「お見送り」など、最後の情報で印象が決定されやすい。

リフレーミング

事実に対して与えている意味づけを変え、異なる見方でとらえ直すこと。
例えば不動産物件の「徒歩15分」という表現に対して、「駅から遠過ぎて資産価値が無い」「歩けば健康に良い距離」など、同じ情報でも人によって受け取り方が違う現象。

想起集合

マーケティングにおける想起集合
例えば消費者に対して、ある分野のブランド名や企業名を想起させる「○○と言えば?」といった質問をした際に想起された一群(通常3~5個程度)を想起集合、もしくは喚起集合と呼ぶ。

準拠集団

個人の価値観、信念、態度、行動などに強い影響を与える集団。
何かを決めるときに判断の基準となることがある。