意味解説
専門家向け解説
テキスト・画像・ボタンなどの要素をどこにどのように配置するか。という構成や割付けを決める設計全般を指す。Webサイトではページ全体の構造（ヘッダー・サイドバー・コンテンツ領域など）画面全体を構成する大まかな枠組みを決めるマクロレイアウトと、カードや入力フォームなどコンポーネント内の配置を決めるミクロレイアウトに分けて考えると整理しやすくなる。 要点は、レイアウトはデザインの「骨格」であり、視線誘導・情報の優先順位・ゲシュタルト原則が直接反映される場所であること。落とし穴は、デザインの段階で決めたレイアウトが実装やレスポンシブ対応を経て崩れてしまうケースと、コンテンツの量が変動することを想定しないまま固定的に設計してしまうこと。
クライアント向け説明
ページの中に「何をどこに置くか」を決める設計のことです。情報の重要度・読む順番・視覚的なバランスがレイアウトによって決まります。「このページは左側に本文、右側にサイドバー」といった構成の判断もレイアウト設計の一部です。良いレイアウトは「見た目がきれい」なだけでなく、ユーザーが迷わず目的の情報にたどり着けるように設計されています。
監修
yoneco
Makoto Koizumi (Zoomin)