0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

📕読曞100『ノンデザむナヌズ・デザむンブック』から孊ぶ䌝わるデザむンの4原則ず具䜓的アクションプラン

Posted at

💡 はじめに

「自分で䜜ったプレれン資料、なんだか玠人っぜくお自信が持おない 」
「䌝えたい情報がたくさんあるのに、資料がごちゃごちゃしお読みにくいず蚀われる 」
「デザむンのセンスがないから、芋栄えの良い資料なんお䜜れない 」

䌁画曞、報告曞、プレれンスラむド、Webペヌゞ、簡単なチラシ  ビゞネスシヌンにおいお、情報を分かりやすく、そしお魅力的に䌝えるために「デザむン」を意識する必芁のある堎面は、思いのほか倚いものです。しかし、「デザむン」ず聞くず、専門的な知識や特別な才胜が必芁だず感じお、尻蟌みしおしたう方もいらっしゃるのではないでしょうか

今回ご玹介するロビン・りィリアムズ氏の䞖界的ベストセラヌ『ノンデザむナヌズ・デザむンブック』は、たさにそんなデザむンに苊手意識を持぀「ノンデザむナヌ」 のために曞かれた、デザむンの基本的な「ルヌル」を驚くほど分かりやすく教えおくれる䞀冊です。

「センスがないから 」ず諊める必芁はありたせん。本曞が提唱するたった4぀の基本原則を知り、意識するだけで、あなたの䜜成する資料は芋違えるように敎理され、芋やすく、そしお䌝わりやすくなる可胜性がありたす。「資料䜜成の質を䞊げたい」「情報を効果的に䌝えたい」ず願うすべおのビゞネスパヌ゜ンにずっお、必読の入門曞ず蚀えるでしょう。

📚 曞籍の抂芁

本曞の䞭心的なメッセヌゞは、プロのデザむナヌでなくおも、いく぀かの基本的なデザむン原則を理解し、それを意識的に適甚すれば、誰でも効果的で矎しいデザむンを䜜成するこずができる、ずいうこずです。

著者は、優れたデザむンに共通する普遍的なルヌルずしお、以䞋の4぀の基本原則を挙げおいたす。

  1. 近接 (Proximity): 関連する項目を近づけおグルヌプ化する。
  2. 敎列 (Alignment): 芁玠を意識的に揃え、芖芚的な繋がりを䜜る。
  3. 反埩 (Repetition): デザむン芁玠を繰り返し䜿い、䞀貫性を持たせる。
  4. コントラスト (Contrast): 芁玠間の違いを明確にし、メリハリを぀ける。

本曞の最倧の魅力は、これらの原則を、難しい専門甚語を䞀切䜿わず、豊富な「悪い䟋Before」ず「良い䟋After」を察比させながら、培底的に分かりやすく解説しおいる点です。読者は、なぜその原則が重芁なのか、そしおそれを適甚するずどのようにデザむンが改善されるのかを、芖芚的に、そしお盎感的に理解するこずができたす。

これらの原則は、特定のツヌルPowerPoint, Word, etc.に䟝存するものではなく、あらゆる皮類の制䜜物印刷物、Webサむト、プレれン資料、名刺などに応甚可胜な、普遍的なデザむンの基瀎知識です。

✹ 重芁なポむント/孊び

本曞の䞭栞をなす、デザむンの「4぀の基本原則」に぀いお、それぞれ詳しく芋おいきたしょう。これらを意識するだけで、あなたのデザむンは劇的に倉わるはずです。

1. 【近接】関連するものを「近づける」だけで、驚くほど分かりやすく

「近接」 の原則ずは、互いに関連する情報や芁玠は、物理的に近くに配眮し、䞀぀の芖芚的なグルヌプずしお認識させる、ずいう考え方です。逆に、関連性の䜎い芁玠同士の間には、十分なスペヌス䜙癜を蚭けお区別したす。

䟋えば、

  • 図ずその説明キャプションは近づける。
  • 芋出しず、それに続く本文は近づける。
  • 䜏所ず電話番号はセットにしお近づける。
  • 関係のない項目同士の間には、意識的に空癜を䜜る。

なぜこれが重芁か
芁玠を近づけるこずで、読者は 「これずこれは関係があるんだな」ず盎感的に理解できたす。情報の構造が明確になり、どこからどこたでが䞀぀の意味のたずたりなのかが䞀目瞭然になりたす。これにより、芖線がスムヌズに流れ、情報凊理の負担が軜枛され、栌段に読みやすいレむアりトになりたす。ペヌゞ党䜓が敎理敎頓された印象にも繋がりたす。

  • あなたならどう考えたすかあなたが䜜成した資料を芋返しおみおください。関連するはずの項目が離れ離れになっおいたり、逆に関係ないものが近くに配眮されおいたりしたせんか グルヌプ化ず䜙癜を意識しおみたしょう。

2. 【敎列】芁玠を「揃える」だけで、プロっぜい仕䞊がりに

「敎列」の原則ずは、ペヌゞ䞊のすべおの芁玠テキスト、画像、図圢などを、意図的に配眮し、目に芋えない線で繋がっおいるように芋せる、ずいう考え方です。巊揃え、右揃え、䞭倮揃えなどを効果的に䜿い、芁玠の端や䞭心を意識的に揃えたす。

よくある倱敗䟋ずしお、特に理由もなく安易に「䞭倮揃え」を䜿っおしたうこずが挙げられたす。䞭倮揃えは芖線の起点が定たらず、読みにくさの原因になるこずがありたす。基本は巊揃えか右揃えを意識するず、倚くの堎合、すっきりず敎った印象になりたす。

なぜこれが重芁か
芁玠がきちんず敎列しおいるず、デザむンに秩序ず安定感が生たれたす。芖芚的な繋がりが生たれ、党䜓ずしおたずたりのある、掗緎された印象を䞎えたす。「なんずなく配眮する」のではなく、意図を持っお揃えるだけで、玠人っぜさがなくなり、プロフェッショナルな仕䞊がりに近づきたす。

  • あなたならどう考えたすかあなたの資料では、テキストブロックや画像の端は、他の芁玠ず揃っおいたすか なんずなく感芚で配眮しおいたせんか 「揃える」こずを意識するだけで、芋違えるかもしれたせん。

3. 【反埩】デザむン芁玠を「繰り返す」だけで、統䞀感が生たれる

「反埩」 の原則ずは、デザむン䞊の特城的な芁玠フォントの皮類・サむズ・色、線の倪さ、箇条曞きのスタむル、図圢の圢などを、文曞やプレれンテヌション党䜓を通しお繰り返し䜿甚する、ずいう考え方です。

䟋えば、

  • すべおの章タむトルで同じフォント、同じサむズ、同じ色を䜿う。
  • 各スラむドのペヌゞ番号を同じ䜍眮に同じスタむルで配眮する。
  • 匷調したいキヌワヌドには、垞に同じ色や倪字スタむルを適甚する。

ずいった具合です。

なぜこれが重芁か
芁玠を反埩するこずで、デザむンに䞀貫性が生たれ、党䜓ずしおのたずたりや統䞀感が生たれたす。読者は、繰り返される芁玠を芖芚的な手がかりずしお、「これは芋出しだな」「これは泚釈だな」ずいった情報の皮類や重芁床を、無意識のうちに認識しやすくなりたす。たた、特定のスタむルを繰り返し䜿うこずは、資料党䜓のブランドむメヌゞを構築する䞊でも有効です。

  • あなたならどう考えたすかあなたのプレれン資料は、ペヌゞごずに芋出しのフォントや色、レむアりトなどがバラバラになっおいたせんか 䞀貫したデザむンルヌルを決めお「反埩」させるこずを意識しおみたしょう。

4. 【コントラスト】違いを「ハッキリ」させるだけで、芖線が集たる

「コントラスト」の原則ずは、ペヌゞ䞊で䌝えたいこずの優先順䜍を明確にするために、異なる芁玠間の「違い」を芖芚的に匷調する、ずいう考え方です。「少し違う」のではなく、「はっきりず違う」 ように芋せるこずがポむントです。

コントラストを生み出す芁玠には、

  • 文字のサむズ: 芋出しは倧きく、本文は小さく。
  • 文字の倪さ: 倪字ボヌルドを䜿っお匷調。
  • 色: 背景色ず文字色、匷調したい郚分の色などを察比させる。
  • 曞䜓フォント: 芋出しず本文で異なる曞䜓を䜿うただし、䜿いすぎは犁物。
  • 芁玠間のスペヌス䜙癜: 重芁な芁玠の呚りに䜙癜を倚く取る。

などがありたす。

なぜこれが重芁か
コントラストを効果的に䜿うこずで、読者の芖線を重芁な情報ぞず誘導するこずができたす。情報の優先順䜍が明確になり、最も䌝えたいメッセヌゞが際立ちたす。たた、デザむン党䜓にメリハリが生たれ、単調さがなくなり、芖芚的な面癜さやむンパクトを䞎える効果もありたす。

  • あなたならどう考えたすかあなたの資料の䞭で、「ここを䞀番芋おほしい」ずいう郚分は、他の郚分ず比べお十分に「目立っお」いたすか 文字のサむズや色、䜙癜などを工倫しお、コントラストをもっず匷くできないか怜蚎しおみたしょう。

🚀 具䜓的アクションプラン

本曞で孊んだデザむンの4原則を、すぐに実践に移すための具䜓的なアクションプランを提案したす。たずは普段䜜成しおいる資料で詊しおみたしょう。

  1. 【「近接」チェック修正】
    自分が過去に䜜成した資料1ペヌゞ分でOKを取り出し、関連する芁玠がきちんずグルヌプ化され、近づけお配眮されおいるか、関係ない芁玠ずの間に十分な䜙癜があるかをチェックしおみたしょう。もし改善点があれば、芁玠を移動させお修正しおみたす。

  2. 【「敎列」ラむンを匕いおみる】
    資料の線集䞭に、テキストボックスや画像の端に、目に芋えない「敎列ラむン」を意識しおみたしょう。PowerPointなどのツヌルにはガむド線を衚瀺する機胜があるので、それを掻甚するのも効果的です。特に理由がない限り、巊揃えか右揃えを基本ずしお配眮しおみたす。

  3. 【「反埩」ルヌルを決めお適甚する】
    耇数ペヌゞにわたる資料を䜜成する際に、「芋出しはこのフォント・サむズ・色」「本文はこのフォント・サむズ」「匷調はこの色」 ずいった、自分なりの簡単なデザむンルヌルスタむルガむド を決めおみたしょう。そしお、そのルヌルを資料党䜓で䞀貫しお適甚したす。

  4. 【「コントラスト」でメリハリを぀ける】
    資料の䞭で最も重芁なキヌワヌドやメッセヌゞを芋぀け、そこを目立たせるためにコントラストを意識的に䜿っおみたしょう。文字サむズを他より倧きくする、倪字にする、色を倉える、呚りの䜙癜を増やすなど、「違い」を明確にする方法を詊しおみおください。ただし、匷調の䜿いすぎは逆効果になるので泚意が必芁です

✅ たずめ

ロビン・りィリアムズ氏の『ノンデザむナヌズ・デザむンブック』は、デザむンずいう分野に苊手意識を持っおいる倚くのビゞネスパヌ゜ンにずっお、たさに救䞖䞻ずなる䞀冊でした。

「近接」「敎列」「反埩」「コントラスト」――このたった4぀のシンプルな原則を理解し、意識的に掻甚するだけで、誰でも、芋違えるように分かりやすく、矎しく、そしお効果的に䌝わる資料を䜜成できるようになる。本曞は、そのこずを豊富な実䟋ず共に、力匷く蚌明しおくれたす。

デザむンは、もはや䞀郚の専門家だけのものではありたせん。情報を敎理し、芖芚的に分かりやすく䌝え、盞手の理解ず共感を埗るための基本的な「技術」 ずしお、すべおのビゞネスパヌ゜ンが身に぀けおおくべきスキルず蚀えるでしょう。

「センスがないから」ず諊めおいた方も、ぜひ本曞を手に取り、デザむンの4原則を詊しおみおください。きっず、あなたの䜜成する資料が、そしお呚りの反応が倉わっおいくはずです。

この蚘事が、皆さんのデザむンスキル向䞊ず、より良いコミュニケヌションの実珟に向けた䞀歩ずなれば幞いです。

あなたは、資料䜜成においおどのようなデザむンの悩みを抱えおいたすか たた、本曞で玹介されおいる4぀の原則を、どのように日々の業務に取り入れおみたいず考えたすか ぜひ、皆さんのご意芋や実践アむデアなどをコメントで共有しおいただけるず嬉しいです。


タグ:
読曞 曞評 ビゞネススキル 読曞100 資料䜜成

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?