当ブログでは、ビジネスシーンで作成する資料で“誰でも・手軽に使える”レイアウトノウハウ・テクニックをお伝えしています。
今回は、ビジネスシーンで作成する資料で『絶対に意識すべき４つのデザイン原則・ルール』の中の「対比」（ギャップを作る）について共有したいと思います。
あらゆるビジネスシーンでのデザイン（社内・社外向け文書、Word・Excel・PowerPoint等）で役立つ原則なので、日頃資料作成などが多い方の参考になれば幸いです。
- 株式会社トリッジ代表取締役 / デザイナー / コンテンツディレクター
- グラフィック・WEBデザインやオウンドメディアの運営サポート・ディレクションを手掛けつつ、パワポ資料作成の研修講師兼アドバイザーとしても活動中。パワーポイント資料作成の企業研修実績も多数（延べ150社以上、2,000人以上にレクチャー）。著書に『ひと目で伝わるプレゼン資料の全知識』（株式会社インプレス発行）がある。
「対比」って、どんな原則？
『資料作成時に絶対意識すべきデザインの４大原則』のうちの１つ、「対比」。
この「対比」というのは、“意識的に”デザインの中に「量や性質のギャップを作る」ことを意味しています。たとえば、1つのデザインの中に大きいものと小さいもの、太いものと細いもの、濃いものと薄いものなど、対になる要素を混在させて配置・レイアウトするイメージです。
これができると、特に資料のわかりやすさが飛躍的にアップするので、ぜひ意識したいデザインの原則です。
「対比」って、具体的に何をすればいいの？
「対比」の原則で具体的に行うことは、以下の２つだけです。
- デザインの中に量や性質のギャップを作る
- 伝えたい情報の優先順位に応じてギャップの大きさをコントロールする
以上の２点が対比の原則で守らなければいけないポイントになります。
「対比」と聞くと少しわかりにくいかもしれませんが、「コントラストをつける」と言われた方が何となくイメージがつきやすいかもしれません。大きい⇄小さいなど、要素にギャップを作ってコントラストをつける、それが「対比」の原則です。
「対比」の原則の効果は？
そんな「対比」の原則の効果は、デザインの単調さを回避し、伝えたい情報に“優先順位”をつけられることです。それによって、デザインの見やすさ・わかりやすさがアップしていきます。
たとえば下のパワーポイントの例を見てみると、２つの数字が並んでいますが、デザインの中に強い対比（ギャップ）が存在していないため単調さが出てしまい、情報として“どちらの数字が重要なのか（どちらを強調したいのか）”が瞬間的にわかりづらくなっています。
一方で下の例のように、より強く伝えたい方の数字を“大きく・太く”し、もう一方を“小さく・細く”して対比を加えてあげると、パッと見ただけで「93%」という数字の方が「大事な情報である」（＝強調されている）ように感じます。
このように、デザインの中に対比を持ち込むことで、「伝えるべき情報の優先順位がわかりやすくなる」わけですね。これが対比の効果です。
仮に資料などの場合、その資料の中にはたくさんの情報が出てきます。そうすると読み手からすれば「どの情報が重要なのか」がパッと見ただけで判断できないと、どうしても資料がわかりづらく感じてしまいます。
そういった見づらさ・わかりづらさを回避するために、デザインにはしっかりとした対比（ギャップ）を作ることが大切です。
伝えたい情報の優先順位に応じて対比の大きさをコントロールする
特に大切なのは、「伝えたい情報の優先順位に応じて、対比の大きさをコントロールすること」。仮に情報A→情報B→情報Cの順に伝えたい優先順位が下がっていくのであれば、情報Aに最も大きな対比を作り、続いて情報B、情報Cの順にコントラストを弱めていくイメージです。
具体例で考えてみましょう。たとえば、あるイベントのポスターを作っていて、そのポスターの中にイベントタイトル、参加申込方法のお知らせ、イベント開催日・場所、主催者情報の4つを掲載するとします。
そのような場合は、まずそれら4つの情報のうち、“最も伝えたいこと”を踏まえた上で、伝えたいことの優先順位をつけていきましょう。今回は以下のように優先順位がついたと仮定します。
- イベントタイトル
- イベント開催日・場所
- 参加申込方法のお知らせ
- 主催者情報
そうしたら、この優先順位に応じて（①→②→③→④）、①を最も大きく・太く、④を最も小さく・細くなるように、対比・コントラストを調整してデザインします（以下参照）。
こうすることで、複数の情報が混在していたとしても「何が伝えたいのか」や「どの情報が重要なのか」が瞬間的にわかりやすくなります。むやみやたらに対比を行うのではなく、情報の優先順位に応じて対比をつけていくのがポイントです。
対比させるときは「大きさ・太さ・色」の３つが基本
なお、対比させるときは、上の例でも使ったように、以下の３つの要素が基本になります。
- 大きさの対比（大きい・小さい）
- 太さの対比（太い・細い）
- 色の対比（色がついている・ついていない、色が濃い・薄い）
この３つの対比は使いやすいですし、資料の読み手に与えるインパクト（コントラストの強さ）も大きいので、うまく組み合わせながら使いこなしましょう。
また、３つの対比はそれぞれを組み合わせれば組み合わせるほど、そのギャップの強さも増していきます。特に強調したい箇所（優先順位が高い情報）には、複数の対比を組み合わせてデザインするのもおすすめです。
対比の注意点
最後に対比における注意点を1つだけ挙げておきます。対比の注意点、それは「ギャップは意図的に強く出すようにするということ。ちょっとした対比（あまり差がないギャップ）だと、それは見る人にとっては“ただの間違い・ミス”に見えてしまう可能性があるからです。
たとえばパワーポイントのプレゼン資料で、大きい文字と小さい文字でギャップを作りたい場合であれば、少し極端なくらいに大きさに差を作りましょう。
仮に20ポイントの文字と18ポイントの文字のように、小さな対比になってしまっていた場合、読む人はそれが“意図的に作ったギャップ”なのか、それとも本当は全部同じ文字の大きさ18ポイントに揃えようとしていたのに“誤って１カ所だけ20ポイントになってしまった”のかわかりません。
プレゼン資料の文字であれば、イメージとしては1.5〜2倍くらいの大きさのギャップは作ってあげた方がいいでしょう。
YouTubeでも「対比」の原則が学べるよ
今回の内容「対比」の原則を動画で学びたい方は、当ブログ筆者がYouTubeでも解説していますので、下の動画も併せてご参考ください！（チャンネル登録もしていただけると、中の人は飛び跳ねて喜びます）
まとめ：対比を使って情報の優先順位をコントロールしよう
今回はデザインの４大原則の１つ「対比」について、その概要とポイントをまとめました。
ビジネス資料は、伝えたいことがしっかり相手に伝わって、初めて価値が生まれます。そのような意味では、「対比」によって“情報の優先順位を明確にする”のは非常に重要です。今回例として挙げたプレゼン資料やポスターのデザインに限らず、たとえばWEBのデザインなどでも大切になります。
理解できれば内容的にも取り組みやすい原則だと思いますので、これまであまり意識していなかった人は、今後ぜひこの原則を意識して資料作りをしてみてくださいね。
