移行中の知識
視覚的統一感
Visual Unity
定義
視覚的統一感（visual unity）とは、構成を成す複数の要素が、ばらばらな部品ではなく一つのまとまりとして秩序立って見える程度です。共通する形状、色、spacing、alignment、repetition、symmetryなど複数の手がかりから生じます。すべてを同じ見た目にすることではなく、違いがあっても全体として関係性を読み取れる状態を指します。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
複数画面を持つWebアプリ
design systemのcomponent群
見るポイント
button、input、cardの形を完全に同一化するのではなく、radius、spacing scale、border、typographyなど共通する語彙を揃える。役割ごとの差を保ちながら同じproductの部品に見えるか確認する。
章ごとに表情を変える長いページ
editorial landing page
見るポイント
sectionごとに画像比率やlayoutを変えても、grid、見出し体系、余白のリズムなどを繰り返し、全体が一つのstoryとして読めるかを見る。変化を消すことを統一としない。
理解
理解のポイント
- website研究ではperceived unityとvarietyを独立に扱えることが示され、両者が共存する構成でaesthetic appreciationが高まる条件が報告されている。
注意
誤解しやすい点
- 統一感を「すべて同じ色・同じ形・同じlayoutにすること」と解釈し、必要な階層や役割差まで消す。
- tokenを共有しているだけで統一感が成立すると考え、配置・内容・画像表現の不整合を見ない。
- 統一感を高めるほど常に美しくなると考え、多様性や強調が必要な箇所まで均質化する。
関連
関連する概念
出典