レイアウトとは、ページや画面上にテキストや画像を配置する作業です。要素の配置場所や占有スペースを決定します。レイアウトは、密集したものにも、ゆったりとしたものにもできます。左右対称にも、非対称にもできます。グリッドに従うことも、グリッドから逸脱することも可能です。レイアウトは、閲覧者がコンテンツをどのように体験するかを左右します。ごちゃごちゃしたレイアウトは圧倒され、簡素なレイアウトは空虚感を与えます。適切なバランスは、伝えたいメッセージと媒体によって異なります。

レイアウトの原則は、何世紀にもわたって洗練されてきました。印刷デザインがそのルールを確立しました。余白はコンテンツにゆとりを与え、列はテキストを整理して読みやすくします。空白は要素を区切り、視線を誘導します。階層構造は最も重要なものを示します。デジタルデザインはこれらの原則を画面に適用しました。レスポンシブレイアウトはさまざまな画面サイズに合わせて調整されます。デスクトップの3列レイアウトは、モバイルでは1列になります。コンテンツは再配置され、階層構造は維持されます。レイアウトはユーザビリティにも影響します。ユーザーが期待する場所に配置されたボタンはクリックされます。標準的な場所に配置されたナビゲーションメニューは使用されます。明確なラベルと論理的なグループ分けのあるフォームは入力されます。レイアウトは単なる美的要素ではありません。機能的であり、行動を形作ります。デザイナーはレイアウトを使用して、誘導し、情報を提供し、説得します。すべての配置は決定であり、すべての決定には結果が伴います。

レイアウトの原則

• 余白 ― コンテンツの周囲のスペース
• 列 — テキストの垂直方向の区切り
• ホワイトスペース ― 要素を区切る空白領域
• 階層構造 ― 視覚的な重要度の順序
• 整列 — 要素が共通の辺に沿って並ぶ
• 近接性 — 関連する要素はグループ化される

レイアウトとは、部品の配置のことです。部品そのものも重要ですが、部品間の空間も同様に重要です。