【補色を使ってアイキャッチ】看板デザインの配色テクニックと色使いのコツ

データの作り方

こんにちは。インクイットブログ担当です。今回はデザイン作成の基本の色の使い方をサクッとお話しします。

看板を目立たせインパクトを持たせる際に欠かせないのが配色です。同じ表示内容でも色の組み合わせを変えると全く違った印象を与えるものです。では、目立たせるための配色のポイントは何でしょうか。

インクイットの商品一覧

色についての基礎知識

最初に色を考える時に基本となる3つの属性を見てみましょう。それは「色相」「明度」「彩度」と呼ばれます。
「色相」とは、赤、青、黄色、緑、紫といった「色味」、「色合い」のことを指します。それぞれの色は他の色とは異なり独立した存在ですが組み合わせることで互いの色の間の色が埋まっていき一つの環として表現されます。
「明度」とは、色の「明るさ」のことを指します。
明度が高い色は明るい色、明度が低い色は暗い色となります。
「彩度」は、色の「鮮やかさ」のことを指します。鮮やかな色、くすんだ色などといった色相、明度とは別に、色が持つ鮮やかさの度合いを表したものが彩度になります。
この3つを理解した上で、肝心の看板を目立たせるための配色について考えてみましょう。

大判印刷の配色ルール|デザイン初心者でも失敗しない色の組み合わせの基本

補色・反対色・対照色

補色は別名「反対色」や「対照色」と呼ばれたりもします。補色を探すには色相環と呼ばれる色味の違いを円状に並べたものを使用します。色相環には様々な種類があります。ただし、どの色相環でも自身の色から一番離れた場所にある色(180度反対側)が補色である事には変わりがありません。
目立つ色使いの補色を上手くデザインに取り入れると人目を惹く看板が創れます。ただし「派手」「どぎつい」「落ち着かない」「下品」等のマイナスイメージも付いてしまう恐れもありますので、全体のどの部分にどれくらい使用するかが重要なカギとなります。基本的には周りとの差別化と人目を惹くことと読みやすさのバランスをしっかり取ることで内容が伴ったデザインとなる事を忘れないようにしましょう。

HSB色相環表

補色
レッド (Red)シアン (Cyan)
オレンジ (Orange)マジョリカブルー (Majolica Blue)
イエロー (Yellow)青 (Blue)
黄緑 (Yellow-Green)紫 (Purple)
グリーン (Green)マゼンタ (Magenta)
青緑 (Blue-Green)ペールオレンジ (Pale Orange)
シアン (Cyan)レッド (Red)
マジョリカブルー (Majolica Blue)オレンジ (Orange)
青 (Blue)イエロー (Yellow)
紫 (Purple)黄緑 (Yellow-Green)
マゼンタ (Magenta)グリーン (Green)
ペールオレンジ (Pale Orange)青緑 (Blue-Green)
HSB色空間は色相、彩度、明度の値を指定できる理論値のカラーモードです。補色のイメージと少し違って感じるのが「赤の補色は緑」だったりするかもしれません。

色相・明度・彩度とは?色の三属性と明度・彩度の違いをわかりやすく解説!

簡単な作成事例

まず補色の2色でデザインしてみます。(図1)補色の色味をそのまま重ねてしまうと重なり合う色と色のフチがにじんで(ぼやけて)見えてしまいます。これは補色の色同士は混ざり合うと互いの色を消しあって無彩色(グレー)になるという特性があるからです。補色とは目立たせるために使用する一方、本来は、互いの色の特徴を消し合う存在でもあるのです。これを印刷用語でハレーションを起こすと言います。

図1 2色のみのデザイン


ハレーションを低減する為には補色に限ったことではないですが、補色関係に近い配色や明度が近い配色同士の場合、フチに線をつけることでハレーションを防ぐことができます。(図2)

図2 白縁ありのデザイン


最後に一部分を目立たせてみます。そうすることで瞬時に情報を伝えることが出来ます。(図3)

図3 瞬間的に目線を捉えるデザイン

インクジェット印刷で色調整は可能?プロが解説する色合わせの実際とおすすめの方法

まとめQ&A

Q1. 補色を使った配色はなぜ看板デザインで目立つのですか?
A1. 補色は色相環で正反対に位置する色同士で、強いコントラストを生みます。このため、看板デザインに取り入れると視認性が高まり、人目を惹きやすくなります。ただし、多用しすぎると派手になりすぎるので、バランスが重要です。

Q2. 補色を使った配色でハレーションが起きるのはなぜですか?
A2. 補色同士は混ざると互いの色を打ち消し、無彩色(グレー)に近づく特性があります。そのため、印刷やデジタル表示では色の境界がにじんで見える「ハレーション」が起きやすくなります。

Q3. 補色配色でハレーションを防ぐ方法はありますか?
A3. 補色同士や明度が近い配色を使う場合は、境界に白や黒のフチを入れるとハレーションを防げます。また、補色の彩度や明度を少し変えるだけでも見やすさが向上します。

Q4. 看板デザインで補色を使う場合のおすすめの使い方は?
A4. 補色は全体に使うより、特定の文字や図形など「強調したい部分」にだけ使うと効果的です。これにより、瞬時に重要情報へ視線を誘導できます。

Q5. 補色以外で看板を目立たせる配色方法はありますか?
A5. 周囲の環境や他の看板の色に対して反対色を選ぶ方法もあります。たとえば、周囲が暖色系なら寒色系を選ぶなど、背景と対照的な配色をすることで自然に視認性が上がります。

いかがでしたか?簡単にではありますが補色の役割が目立つ看板作りの大切な要素だと知ってもらえたと思います。今回の事例では目立つことが主目的でしたが、やっぱりコーポレートカラーやブランドイメージ等とのバランスが大切なので「悪目立ち」を目指していないのであれば部分的に使用することをお勧めいたします。

補色を使用するのにあたって、環境(周囲の雰囲気やトーン)に対して反対色を使うという方法もあります。また、他の周囲の看板の色合いに対して補色を使用することで目立たせるなど、看板自体のデザインだけではなく人目を惹く色使いを考えてみるのも面白いと思います。

今回は補色を取り上げましたが、デザインを考えるときの色は様々な知識があるとうまく訴求する看板が創れるようになると思います。この機会にご興味を持たれた方は是非他の色についての知識の深堀をしてみてはいかがでしょうか。

デザインした看板や横断幕、ポスターなどの印刷は、ぜひインクイットにお任せください!

印刷通販|インクイットの商品一覧を見る

【こんな記事も読まれています】

暖色と寒色の違いとは?大判印刷デザインで失敗しない配色のコツ

特色とCMYKの違いとは?インクジェットでの色指定ポイントも解説

イラレ初心者必見!デザイン効率がUPするIllustratorショートカット一覧【PDF付き】

#補色 #オレンジ #色相環 #カラーホイール

インクイットブログ担当

販促・イベント・プリントに関するお役立ち情報やSHOPからのお知らせを発信します!

関連記事

特集記事

最近の記事
  1. リサイクルBOXで実現する企業のSDGs|注目されるリボード回収什器とは

  2. グリーンバックに頼らない撮影幕とは?出力幕が選ばれる理由

  3. Affinityで大判タペストリー入稿データを作る|ぬりたし・PDF書き出しを初心者向けに解説

よく見られている記事
  1. 【フォントサイズ換算表あり】1ポイントは何mm?Pt/mm/inch/級数の違いとは?

  2. 色で悩んだ時におすすめ!カラーパレットツール5選【無料・登録不要あり】

  3. RGBカラーをCMYK変換で色がくすむ原因と対策|Photoshopでできる簡単テクニック解説

  4. 簡単なのに高クオリティ!初心者向け画像切り抜きツール3選【PC対応・アプリ不要】

TOP
CLOSE