「自分にはデザインセンスがないから…」 企画書や提案資料、社内向けの報告書を作成するとき、こんな風に諦めていませんか？ 時間をかけて作ったのに、なんだか見づらい。伝えたいことがうまく伝わらない。そんな悩みを抱えているビジネスパーソンは少なくありません。 多くの人が「デザイン＝センスや才能」だと誤解しています。しかし、実はプロのデザイナーが作る「分かりやすい」「美しい」デザインのほとんどは、感覚ではなく「ルール」に基づいて作られています。 このルールは、誰でも学び、実践することができます。 この記事では、デザインの専門知識が一切ない方でも、今日からすぐに実践できる「数値化されたデザインのルール」を徹底的に解説します。 このルールを守るだけで、あなたの作る資料は驚くほど見やすく、説得力のあるものに生まれ変わるはずです。 もう、「センスがない」と嘆くのは終わりにしましょう。
NotebookLM でも動画解説しました。 ながらインプットしたい方はぜひご活用ください。 https://youtu.be/7_3EaJ1G0mY 初の書籍が10/21に刊行されます。 ぜひ「AI × デザイン」を武器にしてください。 「AIでゼロからデザイン」のご予約はこちら 世界最大のAIコミュニティ「The AI Collective」 の日本イベントが開催されます。テーマは “AI × Design ” です。 https://luma.com/aixdesign-10-5
本題に入る前に、少しだけデザインの目的について考えてみましょう。 ビジネスにおけるデザインの目的は、アート作品のように自己表現をすることではありません。 その目的はただ一つ、「情報を、正しく、分かりやすく、そして効果的に伝えること」です。 情報が整理されておらず、どこを読めばいいか分からない資料は、読み手の時間と集中力を奪い、結果としてあなたの伝えたいメッセージの価値を下げてしまいます。 デザインのルールは、この「分かりやすさ」を実現するための、先人たちが築き上げた知恵の結晶です。ルールを知らずに感覚だけで作ると、無意識のうちに「分かりにくい」要素をたくさん詰め込んでしまうのです。 これから紹介するのは、センスに頼らず、誰がやっても同じように「分かりやすい」デザインの最低ラインをクリアできる、いわばデザインの「法律」のようなものです。まずはこの法律を守ることから始めてみましょう。
デザインで最も印象を左右するのが「色」です。 そして、初心者が最も失敗しやすいのも、この色使いです。カラフルにすれば見栄えが良くなるだろうと、たくさんの色を使ってしまい、結果的にまとまりがなく、どこが重要なのか分からない資料になってしまいます。 今日から、色に関する以下のルールを徹底してください。 これは最も重要で、最も効果のあるルールです。色は以下の3つの役割に分けて考え、それ以外の色は使わないと固く誓いましょう。
【BADな例】 見出しは青、本文は黒、グラフは赤と緑と黄色、強調したい文字は赤字で太字… これでは、どこが一番重要なのか全く分かりません。 【GOODな例】 背景は白（ベース）、見出しや図形は会社のロゴの青（メイン）、そして「最重要」と示したいグラフの1項目だけをオレンジ（アクセント）にする。これだけで、視線が自然に誘導され、情報の重要度がひと目で分かります。 「コントラスト比」とは、色の明るさの差を示す数値で、これが低いと文字が非常に読みにくくなります。 例えば、薄いグレーの背景に白い文字を置くようなデザインは、おしゃれに見えるかもしれませんが、多くの人にとっては判読困難です。 【チェック方法】 Webで「Contrast Checker」と検索してみてください。背景色と文字色のカラーコードを入力するだけで、誰でも簡単にコントラスト比を測定できる無料ツールがたくさん見つかります。この数値が「4.5:1」以上になっていれば、まず問題ありません。 https://webaim.org/resources/contrastchecker/ 意外に思われるかもしれませんが、白い背景に真っ黒な文字というのは、コントラストが強すぎて、長時間見ていると目が疲れてしまいます。 少しだけ柔らかい印象にするために、本文の黒は「#333333」のような、少しだけグレーがかった黒に設定してみてください。 たったこれだけの変更で、資料全体の印象がプロっぽく、洗練されたものになります。
デザインの主役は、多くの場合「文字」です。 文字が読みにくければ、どんなに良い内容でも相手には伝わりません。文字の扱い方にも、明確な数値ルールが存在します。 資料内で使うフォントは、多くても2種類までにしましょう。3種類以上使うと、途端に統一感がなくなり、素人っぽい印象を与えてしまいます。
デザインのクオリティは「余白」で決まると言っても過言ではありません。要素をただ配置するのではなく、それらの「間」を意識することで、デザインは劇的に改善します。 なぜ「8」なのか？多くのデバイスの画面解像度が8で割り切れるため、デザイナーの世界では基準とされることが多い数字です。このルールに従うことで、デザインに一貫したリズムと安定感が生まれます。
【BADな例】 見出しは中央揃え、その下の画像はなんとなく真ん中あたり、本文は左揃え… これでは視線がさまよい、非常に不安定な印象を与えます。 【GOODな例】 すべての要素を「左揃え」で統一する。たったこれだけで、デザインに一本の芯が通り、驚くほどスッキリと見やすくなります。まずは「左揃え」を徹底することから始めましょう。 これも基本4原則の一つ「近接」の考え方です。
どんなにレイアウトや配色が良くても、使用する写真やイラストの品質が低いと、資料全体の信頼性を損ないかねません。 最近のPCやスマートフォンの多くは、高解像度ディスプレイ（Retinaディスプレイなど）を搭載しています。 こうした画面で解像度の低い画像を表示すると、ぼやけて不鮮明に見えてしまいます。 これを防ぐために、例えば資料上で幅400pxで表示したい画像があるなら、最低でも幅800pxの画像データを用意するようにしましょう。少しの手間で、資料のクオリティが格段にアップします。 資料内で複数の写真を使う場合、その「テイスト」を揃えることが重要です。
今回ご紹介したルールを、もう一度おさらいしましょう。