移行中の知識
視覚的構成
Visual Composition
定義
視覚的構成（visual composition）とは、色、文字、画像、形、余白など複数の要素をframeやlayoutの中で配置し、全体として関係・優先順位・流れ・messageが成立するよう組み立てることです。個別のalignment、contrast、repetition、rhythm、emphasis、balance、unityなど一つの原理ではなく、それらを必要に応じて組み合わせた全体の構成を扱います。写真だけでなくWeb、poster、editorial、UIにも適用できます。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
product website
landing pageのhero全体を組む
見るポイント
見出し、product image、CTA、背景、余白を個別に整えるだけでなく、最初にどこへ注目し、次に何を読み、どの要素が全体を支えるかを一つのcompositionとして見る。
event graphic
posterで情報と画像を統合する
見るポイント
写真だけ、文字だけの出来を別々に評価せず、frame内でscale・position・contrast・negative spaceが一つのmessageへまとまっているか確認する。
注意
誤解しやすい点
- compositionを写真の構図だけに限定し、typographyやUI layoutでは別概念だと考える。
- 個別のdesign principleをすべて満たせば、全体のcompositionも自動的に良くなると考える。
- 三分割法など一つの構図techniqueをcomposition全体の正解として扱う。
関連
関連する概念
出典