ノーブル
デザインの雰囲気は、色や質感の組み合わせで大きく変わる。
スタイルの概要
ノーブルスタイルの意味や印象、デザイン全体に広がる雰囲気から、その特徴を読み解く。
ノーブル*nobleとは
・気品のあるさま
・高貴なさま
・気品と高貴さのある雰囲気を演出する
・上質で格調高い印象を与える
配色のバランス
ノーブルスタイルを形づくる代表的な色と、それぞれが与える印象の関係から全体像を捉える。
#1F2A44 ロイヤルネイビー
#6A1B2D ディープバーガンディ
#C6A75B アンティークゴールド
#F8F4E3 アイボリー
#6D6D6D クラシックグレー
#FF4D4D ビビッドレッド
#39FF14 ネオンライム
#FFCC00 ビビッドイエロー
彩度が高すぎる蛍光色や派手な原色は、ノーブル特有の気品や格式、高級感を損ないやすい。
低
落ち着きと気品のある印象を与える
格調高さのある雰囲気を演出する
中〜高
上品で柔らかな印象を与える
洗練された印象を演出する
配色と展開
配色の考え方を起点に、実際の使われ方やデザインへの広がりへとつながる。
トーン
気品と静かな威厳を感じさせる落ち着いた色調で構成する。
ベースカラー
ネイビー、アイボリー、グレージュなど上品な色を使用する。
サブカラー
ライトグレーやベージュで柔らかさと調和を加える。
アクセントカラー
ゴールドや深いボルドーで格調高さを演出する。
素材・質感
シルクやウールなど高品質で滑らかな質感を用いる。
活用シーン
・ラグジュアリー・ブランド
・ホテル・ホスピタリティ
・ビューティー・コスメ
・ファッション・アパレル
・企業・サービスブランディング
活用例
・コーポレートサイト
・ランディングページ（LP）
・プロモーションサイト
・広告バナー・ビジュアル制作
・ブランド紹介資料・パンフレット
など
関連キーワード
ノーブルに関連する「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
ロイヤルノーブル
高い品格と威厳を感じさせる重厚な色調で構成された、格式あるラグジュアリーな世界観を表現する配色。
深みのある色彩と金属的なアクセントを組み合わせることで、圧倒的な存在感と権威性、揺るぎない高級感を演出する。
身分や家柄などが高く近寄りがたいさま
人柄などに気品のあるさま
貴重で値段が高いこと
#2C3E50
#8E44AD
#B7950B
#2F3C3A
#C7A98B
#8C9FA5
#2F3F38
#5A746A
#9FB4AC
おごそかで堂々とした態度や雰囲気
#1F3A5F
#8C2F39
#C2A878
#3F2A30
#B8A45A
#3E6F73
#1B2A41
#324A5F
#6A8CAF
他の者を支配し服従させる威力
ある分野において、優れたものとして信頼されていること
#2E4057
#7A306C
#C6A15B
#352F44
#E6C36A
#2F5D62
#8C6A00
#C9A227
#F1C453
気高く尊いさま
#2F2F2F
#BFA980
#3F5D7D
#432B6E
#6E437A
#6E7A43
#9684C2
#5E4B8B
#2F1B4C
身分・家柄などによって定まっている礼儀や作法
#2F4F4F
#7B3F61
#C2A14D
#1F2A44
#C8A45A
#8C6A3C
#2B1E2F
#5B3E6B
#A592B3
階級や地位、程度や品質が高くすぐれているさま
#3D2C57
#573D2C
#2C573D
#523361
#615233
#613352
#3F2A5B
#553C70
#6A4E85
クラシックノーブル
普遍的で王道的な美しさを感じさせる、バランスの取れた落ち着いたトーンで構成された配色。
ニュートラルな色彩と控えめなコントラストを組み合わせることで、時代に左右されない安定した上品さと洗練を演出する。
その人や物から感じられる、気高さや上品さ
#3A2E39
#2E8B8B
#C9A66B
#1B365D
#C49A6C
#8A4F7D
#3B0F19
#7B1E2B
#C08081
形や趣*おもむき
/ 物事や場所が持つ、独特の風情や味わい深い雰囲気が正しく整っていて上品なさま
#2E1A47
#8B5A2B
#355E3B
#2F4A6B
#8A3A5E
#6B5E2F
#E9E3DA
#A38C6B
#4B3A2A
気品に満ちているさま
品格のあるさま
#2E3A59
#8C6A3B
#5C3A6E
#3C2F2F
#4A5D73
#D8C9A3
#8C6F3E
#C4A96A
#E7D6A8
どことなく感じられる上品で、気高い趣*おもむき
/ そのものが感じ取られる様子があるさま
どことなく凜として上品な感じのあるさま
#3F3A2F
#7A5C8E
#A6B8A0
#2D3142
#F1E3D3
#C7B198
#2E3C3A
#5C7A76
#B9C9C6
トラディショナルノーブル
歴史や伝統に根ざした落ち着きのある色調で構成された、長く受け継がれてきた価値観を感じさせる配色。
重厚で安定感のある色彩を組み合わせることで、信頼性と由緒ある雰囲気、正統性のある上品さを演出する。
古くから受け継がれてきた慣習や文化のこと
時代の変化に応じて姿を変えながら、その本質を次代へと繋いでいく営み
#2E4B83
#834B2E
#4B832E
#4B3D2E
#2E4B83
#83702E
#2E3D2E
#4B835A
#70A583
正しい系統・血筋
伝 統やしきたりを正しく継承すること
#7F3F3B
#4A5568
#D9A953
#2B2D42
#8D6E63
#5C6B73
#7F3F3B
#A05855
#C07672
物事のルーツ
現在に至るまでの歴史・いきさつ
#2F4A6D
#8B5A2B
#556B2F
#1F3552
#C4A46A
#7A5C3A
#3A2818
#7A5A3A
#C7A87A
おごそかで心が引き締まるさま
まじめできびしいさま
#1C2A44
#5A1F3D
#7A6A2F
#24314F
#6B4A43
#8F8768
#0D1A2E
#203556
#4B6894
どっしりしているさま
態度や人柄、外見などが重々しく落ち着いているさま
#2F2F3F
#4A3A3A
#2F3F2F
#523926
#265252
#522652
#4B3B24
#664F38
#80634D
エレガントノーブル
しなやかで優雅な印象を持つ柔らかな色調で構成された、繊細で美しい気品を感じさせる配色。
淡く上品な色彩を組み合わせることで、女性的な華やかさと穏やかな高級感、軽やかな洗練を演出する。
おくゆかしくみやびやかであるさま
#5E4B8B
#8B5E4B
#4B8B7A
#8C5A6A
#6A8C5A
#5A6A8C
#E6DAF2
#9C7ACB
#4B2E6D
態度や言動が穏やかであるさま
安定した状態になるさま
平静な状態になるさま
#2F3A56
#7A5C61
#7D8766
#6B5A7A
#7A8A5A
#5A8A7A
#2F3A40
#516169
#85949C
モダンノーブル
無駄を削ぎ落としたシンプルな色調で構成された、都会的で洗練された印象を与える配色。
シャープなコントラストとニュートラルカラーを組み合わせることで、知的で現代的な上品さとスタイリッシュな雰囲気を演出する。
独特のしつこさやあざとい性質がなくなるさま
#4A3A56
#6F8A6A
#A89A86
#2E4057
#B08A72
#6C7A89
#3B3B3B
#7A7A7A
#CFCFCF
知性や判断力に優れ、物事を論理的かつ的確に捉えるさま
洗練された知的な雰囲気を感じさせるさま
#1F2A44
#6B7AA1
#B8A45A
#2E4057
#D4B483
#6C8A9F
#2F3640
#718093
#DCDDE1
本質を見極めて、状況に応じて適切に判断し、成果に結びつく行動に移す能力
#1B2A41
#6E4F8A
#BFA046
#2E4057
#D4B483
#6B7AA1
#2F3640
#718093
#DCDDE1