概念 / Asymmetrical editorial layout

非対称エディトリアルレイアウト

異なる大きさと位置の要素で緊張感のある読む順序を作る配置

異なる大きさと位置の要素で読む順序を作る配置。

まず使える表現句

非対称な情報の配置を指定する。

見た目と効果

異なる大きさと余白が動きのある読む順序を作る。

見た目の特徴

  • 非対称な配置
  • 強弱のある余白

期待される変化

  • 要素の大きさと位置に強弱が出やすい
  • 余白が読む順序を支えやすい

5つの作例

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

意味と適用範囲

定義

大きさ、位置、余白の異なる画像や文字を意図的に釣り合わせ、非対称な読む順序を作る編集レイアウト。特定の画風、題材、出版物形式は決めない。

詳しい説明

要素を中央線に対称に並べず、強弱と余白で視線を導く。内容、色、書体、画像の画風は別に選べる。

含まれるもの

  • 非対称な大きさ、位置、余白で情報の優先順を作る配置

対象外

  • 対称構図そのもの
  • 特定の画風や題材
  • 印刷物などの最終形式

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

  • 特定の画風、題材、色
  • 対称構図
  • 印刷物などの最終形式

表現の変動

非対称でも要素間の釣り合いと読みやすさは保つ必要がある。

使い方と調整

使い方

  • 配置の非対称性だけを指定する
  • 内容と画風は別に指定する

似た表現との区別

  • 意図的な強弱と余白を併せて指定する

使う場面

  • 視線を動かす誌面を作る
  • 画像と文字の強弱をつける

意図どおりにならない例

  • 要素が無関係に散らばる
  • 階層が弱く読む順序が失われる

原稿更新:

同じテーマから

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