デザインの４つの基本原則とは何か？『ノンデザイナーズ・デザインブック』から解説

​2024年4月5日

近接

近接とは、関連する項目を近づけてグループ化させるという原則です。
近接を用いることで、情報の組織化に役立ち、混乱を減らし、明確な構造を読み手に示すことができます。

たとえば、写真の説明文を書くとします。図１の左側は、写真とその下のテキストが離れているので、テキストが写真の説明をしていると視覚的にはわかりません。
一方で、図１の右側は、写真のすぐ下にテキストが配置されているので、内容を読まずとも、説明文が書かれているだろうと推測できます。

また、図２の左側は、見出しＡと見出しBの文章が離れているので、異なるテーマの話をしている印象を受けます。
一方、図２の右側では、見出しCと見出しDの文章が近いため、同じテーマの話をしている印象を受けます。

このように、近接の原則を用いて情報を組織化することで、読みやすいデザインになり、掲載されている情報を把握しやすくなります。

整列

整列は視覚的つながりを持たせることで、デザインに一体性を持たせる原則です。

イベント情報の一覧など、図３のように類似する情報が並ぶことは多々あります。しかし、図３の状態では読み手はうまく情報を把握できません。

これを図４のように、同じカテゴリーの情報は同じ高さ、同じ文字の大きさでまとめると、見た目もよくなり、情報が把握しやすくなります。

反復

反復とは、色、形、テクスチャー、位置関係、線の太さ、フォント、サイズ、画像のコンセプトなどを反復させ、情報の組織化を促進し、一体感を強化するという原則です。
つまり、同じ要素が繰り返されるのであれば、同じデザインを適用し、同じグループの情報であることを示します。

コントラスト

コントラストとは、同一ではない要素をはっきり異ならせるという原則です。
異なる要素、とくに読み手に見てほしい情報は、目立たせることが大切です。

たとえば、図５では、左側の文章は見出しと本文の差がほとんどありません。
一方で、右側の文章は本文に対して見出しが大きく書かれています。このように強弱をつけることにより、目立つ部分が読み手にはっきりと伝わり、情報を把握しやすくなります。