概念 / Column layout

段組レイアウト

縦の列に情報を分けて並べる配置

縦の列に情報を分けて並べる配置。

まず使える表現句

情報を縦の列に分ける配置を指定する。

見た目と効果

縦の列と列間の余白が情報を整える。

見た目の特徴

  • 縦の列
  • 列間の余白

期待される変化

  • 情報が縦の列に分かれやすい
  • 列間の余白が生まれやすい

5つの作例

1 — 中型犬
画像を別表示 ↗
2 — 猫
画像を別表示 ↗
3 — 十代の少年
画像を別表示 ↗
4 — 誰もいない室内
画像を別表示 ↗
5 — 川と山並みのある谷
画像を別表示 ↗

意味と適用範囲

定義

画面を複数の縦の列に分け、文字、画像、または補足情報を列ごとに配置するレイアウト。特定の内容、画風、出版物形式は決めない。

詳しい説明

列の幅と間隔で情報を整理し、横断する見出しでまとまりを示せる。列数、内容、色、書体、画像の画風は別に選べる。

含まれるもの

  • 複数の縦列に情報を分ける配置

対象外

  • 単なる左右二分の構図
  • 表形式のデータ表示
  • 特定の画風や最終形式

この指定が意味しないこと

  • 固定された列数
  • 表形式のデータ
  • 特定の書体、画風、最終形式

表現の変動

列数と幅は情報量や画面比率に合わせて調整できる。

使い方と調整

使い方

  • 縦の列による情報配置だけを指定する
  • 列数と内容は別に指定する

似た表現との区別

  • 数値を行列で読む表とは区別する

使う場面

  • 長い情報を読みやすく分ける
  • 複数の話題を並べて比較する

意図どおりにならない例

  • 列の境界が曖昧で一続きに読める
  • 列が狭すぎて内容が読めない

原稿更新:

同じテーマから

明示されたテーマへの所属に基づく項目です。