移行中の知識
非対称
Asymmetry
定義
非対称とは、軸を挟んで同じ配置を繰り返さず、異なる大きさ・形・位置などの要素を組み合わせる構成関係です。非対称でも、要素が持つ視覚的な重みを位置や大きさなどで釣り合わせれば視覚的均衡を作れます。単に要素が揃っていないことや、ランダムに置かれていることは、非対称の均衡を意味しません。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
Webサイトのファーストビュー
ヒーローセクションの左右構成
見るポイント
左に大きな見出しとCTA、右に小さめの画像や補助情報を置く。左右の形を揃えなくても、面積・余白・位置による視覚的な重みが釣り合えば、非対称のまま安定した構成にできる。
特集記事の導入部
ずらした編集レイアウト
見るポイント
大きな写真を片側へ寄せ、反対側に小さな見出しと本文を置く。要素の大きさや開始位置を意図的にずらしながら、余白とスケールで全体の重みを調整する。
理解
理解のポイント
- 視覚的な重みの差と位置関係によって、方向感や緊張感を生みやすいが、その効果は構成全体に依存する。
注意
誤解しやすい点
- 要素が揃っていないだけの配置を、意図的な非対称バランスとみなす。
観察
見比べて確かめる
関連
関連する概念
出典