デザインの原則

岩崎芽衣

今回はデザインの原則について学習します。

岩崎芽衣

いいえ。
デザインの原則とよばれる「近接」「整列」「反復」「対比」といった、情報を分かりやすく伝えるための四つの基本原則について学習します。

岩崎芽衣

そうですね。
あとは、「○○という説明に該当するのはどれか」といったパターンが予想されますね。

岩崎芽衣

はい。
ただし、デザインの基本原則ですし、情報を正しく伝えるために必要な知識なので、本当に試験対策としてだけ学習してしまうのはもったいないと思います。

岩崎芽衣

デザインの原則は、Webデザインやプレゼンテーションの資料、なんなら報告書の作成にも使える知識です。

岩崎芽衣

始末書ですか……。
私は書いたことがないので、何とも言いにくいところですが、おそらくテンプレート化されているので、デザインの原則が適用できる余地はかなり少ないんじゃないかと思います。

岩崎芽衣

もしかすると、活かせる部分があるかもしれませんので、実際に学習して活かせるところがないか探してみてください。

岩崎芽衣

2つ目の原則は整列です。

岩崎芽衣

そうですね。でも、それだけではありません。
整列は、要素の位置をそろえて、デザインに安定感を持たせる原則です。

岩崎芽衣

はい。
例えば、文章の左端をそろえたり、複数の画像を同じ位置に並べたりします。
目には見えない線に沿って、要素を配置するようなイメージですね。

岩崎芽衣

次の図を見てください。

岩崎芽衣

そうですね。
左側は、画像や説明文の位置がそろっているので、全体に安定感があります。

岩崎芽衣

そうなんです。
右側は一つ一つの情報を読むことはできますが、配置する位置に共通した基準がないので、全体として不安定な印象になっています。

岩崎芽衣

はい。
ただし、何でも同じ場所に置けばよいという意味ではありません。
左揃え、右揃え、中央揃えなど、どこを基準にするかを決めて、要素の位置をそろえることが大切です。

岩崎芽衣

そういうことではありません。
始末書だと、「始末書」という文字は中央揃えだと思いますが、日付は右揃え、提出先や本文は左揃えになっているはずです。

岩崎芽衣

すべてを中央揃えといった感じではなく、要素ごとに基準を決めて、その基準に沿ってそろえることが大切なんです。
さらに細かく言うと、左揃えや右揃え、中央揃えだけでなく、見えない線を引いて、その線に合わせて配置するという感覚が大切ですね。

岩崎芽衣

はい、その理解で大丈夫です。

岩崎芽衣

4つ目の原則は対比です。

岩崎芽衣

これは、強弱をつけると考えると分かりやすいと思います。
大きさや色、文字の太さなどに明確な違いをつけて、重要なものを目立たせます。

岩崎芽衣

こちらも図を見てみましょう。

岩崎芽衣

そうですね。
画像も「普通のバロン」という文字も大きくして、ほかの要素との差をはっきりさせています。

岩崎芽衣

はい。
このように大きさなどに明確な違いをつけると、どの情報を重要なものとして見せたいのかが分かりやすくなります。

岩崎芽衣

一方、図の右側では、どのバロンも同じくらいの大きさで並んでいます。

岩崎芽衣

そうですね。
すべてを同じように見せたいのであれば問題ありませんが、特定の情報を目立たせたいのであれば、対比を使って明確な違いをつける必要があります。

岩崎芽衣

少しだけ違う程度では、意図的に目立たせているのか、単に大きさがずれているのか分かりにくくなります。
対比を使う場合は、違いをはっきりさせることが大切です。

岩崎芽衣

はい。
大きさだけでなく、色や文字の太さなどでも対比をつけることができます。

岩崎芽衣

そうですね。
本文よりもタイトルを大きくすることで、どこがタイトルなのかが一目で分かるようになっています。

岩崎芽衣

大きくするといっても限度はありますので、気を付けてくださいね。