移行中の知識
遮蔽
Occlusion
定義
遮蔽（occlusion）とは、ある要素が別の要素の一部を隠すことで、隠している側を手前、隠されている側を奥として知覚しやすくするdepth cueです。単なるlayer順ではなく、輪郭がどこで途切れ、どの形が連続して見えるかという重なり関係が重要です。UIでも重なりはlayer関係を示せますが、操作可能性や重要度まで自動的に意味しません。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
campaign visual
商品写真に手前の葉を重ねる
見るポイント
foreground要素がproduct輪郭の一部を隠すことで距離感を作る。主役の識別に必要な部分まで覆っていないか確認する。
design tool UI
floating panelとcanvas
見るポイント
panelがcanvas contentへ部分的に重なることで手前のlayerだと示す。shadowだけでなく輪郭の遮蔽関係でもdepthが読めるかを見る。
注意
誤解しやすい点
- 要素を重ねれば必ず自然なdepthが生まれると考える。
- 主題の重要部分を隠しても「奥行きのため」と正当化する。
- occlusionが示す前後関係を、importanceやclickabilityの意味へそのまま拡張する。
関連
関連する概念
出典