ドラマチック
デザインの雰囲気は、色や質感の組み合わせで大きく変わる。
スタイルの概要
ドラマチックスタイルの意味や印象、デザイン全体に広がる雰囲気から、その特徴を読み解く。
ドラマチック*dramaticとは
・劇的な展開や強い感情の動きを感じさせる、印象深く心を惹きつけるさま
・物語性のある印象的な雰囲気を演出する
・感情を引き込むような印象を与える
配色のバランス
ドラマチックスタイルを形づくる代表的な色と、それぞれが与える印象の関係から全体像を捉える。
#7B0323 ワインレッド
#4B0082 ディープパープル
#2E2E2E チャコールグレー
#D4AF37 ゴールド
#CC5500 バーントオレンジ
ペールグリーン
ペールブルー
アイボリー
淡く穏やかな色だけでまとめると、緊張感や感情の高まりが伝わりにくくなり、ドラマチックな迫力や物語性を表現しにくくなる。
中〜低
深みのある印象を与える
感情的な雰囲気を演出する
中〜低
シックで落ち着いた印象を与える
物語性のある雰囲気を演出する
配色と展開
配色の考え方を起点に、実際の使われ方やデザインへの広がりへとつながる。
トーン
強いコントラストと深みのある色調で、物語性と感情の高まりを表現する。
ベースカラー
ブラック、ディープレッド、ネイビーで重厚に構成する。
サブカラー
ダークグレーやボルドーで陰影を加える。
アクセントカラー
ゴールドや強い光色でクライマックス感を演出する。
素材・質感
ベルベットやレザーなど強い存在感のある素材を使用する。
活用シーン
・エンターテインメント
・ブライダル
・ファッション
・観光・地域PR
・アート・文化
など
活用例
・広告ビジュアル制作
・プロモーションサイト
・キャンペーンコンテンツ
・ブランドイメージ制作
・イベント告知・販促ツール
など
関連キーワード
ドラマチックに関連する「20」のキーワードをもとに、それぞれの雰囲気を際立たせる3色の配色パターンを一覧で紹介。
同じテーマでも、連想されるイメージは人によって異なる。似た意味を持つキーワードであっても、選ぶ言葉によって微妙に異なる雰囲気や世界観を表現できる。
ぜひ、ご自身のイメージに近いキーワードを探しながら、用途やデザインに合わせてブラッシュアップ*brush up
/ 既にあるものを磨き上げてさらに良いものにすることし、配色選びの参考にしてください。
サスペンスドラマチック
非日常 / 不穏 / 挑発的
エモーショナルドラマチック
エモーショナル / 感動的 / 斬新 / 前衛的 / アバンギャルド / 革新的 / エッジィ
シネマティックドラマチック
刺激的 / 鮮烈 / 衝撃的
クライマックスドラマチック
情熱的 / 強烈 / センセーショナル / インパクト
スペクタクルドラマチック
クライマックス / 爆発的 / 破壊的
基本の配色テクニック
ここに記している配色は、個人的な見解で組み合わせたものです。配色のバランスによって印象は大きく変わるため、すべてのデザインに当てはまるとは限りません。
トライアド*triadとは、色相環上で正三角形を描く位置にある3色配色。
「トライアド」とは、音楽の三和音*3つの音が3度ずつ積み重ねられてできた和音（コード）のことに由来する名称で、変化がありながらもバランスが良く、安定感と華やかさを兼ね備えた配色となる。
スプリット・コンプリメンタリー*split complementary
分離補色とは、補色の片方を隣接色に分離した3色配色。
スプリットとは、「分割する・分離する」を意味し、補色配色よりもコントラストをやわらげつつ、配色に変化とバランスを与えられる。
トーン・オン・トーン*tone on toneとは、「トーンを重ねる」を意味し、同じ色相や隣接した色相で全体をまとめ、明度差を大きくした多色配色。
色相の印象を強調しつつ統一感を保ち、明度差によって変化をつけられるため、バランスがとりやすく穏やかな印象になる。また、明度差を活かすことで立体的な効果を演出することも可能である。
また、3色の配色は「どの色を主役にするか」「どの順で配置するか」によって印象が大きく変わる。
同じ3色でも、主役となる色を明るく見せるか、あるいは背景として引き立てるかによって、全体の雰囲気は華やかにも落ち着いた印象にも変化する。
そのため、色の配置順や面積バランスを入れ替えながら、最も意図に合った見え方を調整することが重要である。
ベースカラー
#D9D9D9
アクセントカラー
#FF6B6B
サブカラー
#7FB3FF
ベースカラー
#FF6B6B
アクセントカラー
#7FB3FF
サブカラー
#D9D9D9
ベースカラー
#7FB3FF
アクセントカラー
#D9D9D9
サブカラー
#FF6B6B
配色比率
配色の印象は、色の組み合わせだけでなく使用する面積比率によっても大きく変わる。一般的には「ベースカラー70％・アクセントカラー5％・サブカラー25％」を目安にすると、バランスの取れた配色にまとめやすい。
ここでは、視覚的に理解しやすいよう「ベースカラー70％・アクセントカラー10％・サブカラー20％」の比率を基準としている。
ベースカラー: 70%
背景や余白など、最も広い面積に使用する基本色。全体の雰囲気やトーンを決定づける。
#D9D9D9
アクセントカラー: 10%
視線を集めたい部分に使う強調色。ボタンや見出しなどに用い、デザイン全体を引き締める。
#FF6B6B
サブカラー: 20%
ベースカラーを補完し、全体の印象を整える補助色。デザインに奥行きや安定感を与える。
#7FB3FF
サスペンスドラマチック
非日常や緊張感を感じさせる、不安と期待が入り混じるサスペンスドラマチックな世界観を表現した配色。
深みのあるダークカラーに鮮やかなアクセントカラーを組み合わせることで、謎や危険を秘めたスリリングな雰囲気を演出する。
普段の生活とは違う、特別な状況や体験のこと
#FFD166
#06D6A0
#EF476F
#FFBE0B
#3A86FF
#8338EC
#001219
#005F73
#0A9396
穏やかでないこと
患者が興奮して落ち着きをなくし、、精神的に不安定になっている状態のこと
#2E1F27
#D7263D
#3F88C5
#22223B
#C9184A
#F0A6CA
#2D1E2F
#4A1942
#6A0572
相手を刺激して、あえて攻撃や反撃を誘い出そうとするさま
#F72585
#4CC9F0
#B5179E
#FF1B6B
#00E5FF
#2BFF00
#330000
#990000
#FF3333
エモーショナルドラマチック
心の揺れや感情の高まりを感じさせる、エモーショナルドラマチックな世界観を表現した配色。
温かみのある色や深みのあるトーンを組み合わせることで、情熱や切なさが交差する感動的な雰囲気を演出する。
感情に動かされやすいさま
情緒豊かなさま
#EF476F
#06D6A0
#FFD166
#FF0054
#00BBF9
#9B5DE5
#1B263B
#415A77
#778DA9
ある物事に深い感銘を受けて、強く心を動かされるさま
#EF476F
#06D6A0
#FFD166
#FF0054
#00BBF9
#9B5DE5
#1B263B
#415A77
#778DA9
趣向や発想などがきわだって新しいさま
#3A86FF
#FF006E
#8338EC
#2EC4B6
#FF9F1C
#E71D36
#003049
#1D3557
#457B9D
考え方や態度などが、時代に先駆けていること
#FF005C
#00F0FF
#F7FF00
#FF7A00
#0099FF
#00FF85
#0F1A1A
#1F4068
#4EA8DE
前衛
先駆け
革新的
主に芸術、文化、政治の分野において、時代の最先端を行く革新的な運動のこと
#FFAA00
#00AAFF
#AA00FF
#FF0033
#00FF99
#0099FF
#330000
#990033
#FF4D88
従来の制度や組織、習慣などを根本から改めて、新しいものに変えようとするさま
#FF0054
#00C2FF
#FFD500
#7209B7
#4CC9F0
#F72585
#2B2D42
#4A4E69
#8D99AE
研ぎ澄まされた刃のように鋭い
奇抜さを持ち合わせ、流行に左右されない独自のスタイルを貫くこと
#00FFC6
#FF3D00
#8A2BE2
#FF005C
#00FFEE
#00A8FF
#001A1A
#003333
#006666
シネマティックドラマチック
映画のワンシーンのような臨場感と物語性を感じさせる、シネマティックドラマチックな世界観を表現した配色。
光と影のコントラストや奥行きのある配色を組み合わせることで、没入感のある映像的な雰囲気を演出する。
気持ちを興奮させるさま
知覚や感覚に強く影響を及ぼすさま
#F72585
#4CC9F0
#7209B7
#FF8C00
#0057FF
#8C00FF
#9D0208
#D00000
#DC2F02
色や記憶、印象などが、あざやかではっきりしていること
#00A2FF
#FF3D00
#A6FF00
#00FFCC
#FF006E
#FF9E00
#FF6A00
#FF944D
#FFD1B3
心を強く動かされるさま
#002BFF
#FF0033
#00FFCC
#FF00E1
#00FF88
#C6FF00
#330000
#990000
#FF4D4D
クライマックスドラマチック
物語の頂点を思わせる、緊張感と高揚感が最高潮に達したクライマックスドラマチックな世界観を表現した配色。
強いコントラストと大胆な色彩を組み合わせることで、爆発的なエネルギーと劇的な展開を感じさせる雰囲気を演出する。
感情を激しく燃え上がらせるさま
#D7263D
#1B998B
#2E294E
#9D0208
#023047
#8ECAE6
#3C096C
#7B2CBF
#C77DFF
力・作用・刺激などが、非常に強く激しいさま
#FF2A00
#00E0FF
#7A00FF
#FF0088
#00FFAA
#0033FF
#FF00CC
#99007A
#330029
人々の興味や関心を強く引くようなさま
#E6007A
#00E1FF
#A6FF00
#FF2A00
#00FFC2
#0055FF
#14100A
#40321A
#FFC82A
強い影響や印象を与えるさま
#FF0054
#00D1FF
#F7FF00
#6A00FF
#FFB703
#FB5607
#3A0CA3
#7209B7
#B5179E
スペクタクルドラマチック
圧倒的なスケールと壮大な世界観を感じさせる、スペクタクルドラマチックな配色。
重厚なダークカラーと輝きのあるアクセントカラーを組み合わせることで、壮麗で映画的なスケール感を演出する。
物事の緊張や精神の高揚が最高潮に達した状態のこと
ドラマや物語において、最も緊張感が高まり、物語が大きく動く最大の見せ場のこと
#E63946
#1D3557
#F4A261
#2B2D42
#EF233C
#8D99AE
#0B132B
#1C2541
#3A506B
溜まったエネルギーが一気に広がるさま
#FF003C
#00E5FF
#FFD600
#FF2D00
#00B3FF
#0057FF
#FF4D00
#CC3D00
#662000
物事を打ち壊す勢いや力が、きわめて激しいさま
既存の仕組みや概念を根底から覆すようなさま
#7A00FF
#00FF94
#FF4500
#FF2200
#0066FF
#00FFD5
#0A0A0A
#3A0033
#FF004C