読み方 : デザインのよんげんそく

デザインの4原則【four design principles】CRAP

概要

デザインの4原則とは、視覚情報を分かりやすく整理し、秩序と一貫性を保つための基本的な構成指針。近接、整列、反復、対比の四つで構成される。
デザインの4原則のイメージ画像

この四原則は、米国のデザイナーであるロビン・ウィリアムズ(Robin Williams)が1998年に著書「The Non-Designer's Design Book」(邦題:ノンデザイナーズ・デザインブック)で紹介した概念が広まったものとされる。専門的なデザイン理論というよりも、印刷物やWebページなどのレイアウト設計において実践的に活用される基本法則であり、視覚伝達の分野の基礎知識として普及している。各原則の英語の頭文字をつなぎ合わせて「CRAP」と呼ばれることもある。

「近接」(proximity)は、関連する情報同士を物理的に近づけて配置する原則である。人間は距離の近い要素を一つのまとまりとして認識する傾向があるため、見出しと本文、項目名と説明文などを適切にグループ化することで、情報構造が直感的に理解しやすくなる。逆に無関係な要素が近接していると、誤解や混乱を生じる可能性がある。

「整列」(alignment)は、要素を一定の基準線や軸に沿って配置する原則である。左揃えや中央揃えなどの明確な整列は、視線の流れを安定させ、秩序感や洗練された印象を生み出す。要素がばらばらの位置に配置されていると、視覚的な雑然さが増し、情報の信頼性可読性に影響を与えることがある。

「反復」(repetition)は、色、書体、線の太さ、形状、配置パターンなどの視覚的特徴を繰り返し用いる原則である。統一されたスタイルを継続的に使用することで、ブランドや媒体の一貫性を形成しやすくなる。単なる装飾ではなく、構造的なまとまりを強化する役割を担う。

「対比」(contrast)は、異なる要素の差異を明確にする原則である。大きさ、色、太さ、形状などに明確な違いを設けることで、重要な情報を強調し、視覚的な階層構造を示すことができる。対比が不十分な場合、要素間の優先順位が曖昧になり、重要な情報が埋没するなど、伝達効率が低下することに繋がる。

これら四原則は相互に関連しながら、印刷物、広告、Webデザイン、プレゼンテーション資料など幅広い分野で基本的な設計指針として用いられている。各原則を個別に適用するのではなく、互いに組み合わせながら活用することで、特別なセンスに頼ることなく、論理的で分かりやすい構成を作り上げることが可能となる

資格試験などの「デザインの4原則」の出題履歴

▼ ITパスポート試験
令7 問72】 見る人に意図が伝わりやすいデザインにするための四つの原則に関する次の記述中の a,b に入れる字句の適切な組合せはどれか。
この記事の著者 : (株)インセプト IT用語辞典 e-Words 編集部
1997年8月より「IT用語辞典 e-Words」を執筆・編集しています。累計公開記事数は1万ページ以上、累計サイト訪問者数は1億人以上です。学術論文や官公庁の資料などへも多数の記事が引用・参照されています。