移行中の知識
面
Plane
定義
面（plane）とは、二次元のvisual field内で高さと幅を持つ連続した平面的な領域として捉える視覚要素です。point・line・planeを基礎要素として扱うdesign教育では、lineが広がったり閉じたりして面を作るという関係で説明されることがあります。実制作では、色面、画像領域、背景surfaceなどが画面のどの範囲を占め、他の領域をどう分割するかを見るために使えます。shapeと意味が重なる文脈もあるため、両者をすべての分野で厳密に別分類できるとは限りません。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
landing page art direction
Heroの色面が画面をどう分けるかを見る
見るポイント
背景色の大きな領域、写真が占める領域、copyの周囲に残る領域を個別objectだけでなくplaneとして捉え、画面全体の分割と重なりを観察する。
dashboard / web interface
Cardと背景のsurface関係を見る
見るポイント
cardの矩形shapeだけでなく、page背景とcard surfaceがどの面積を占め、どこで領域が切り替わるかを見る。borderの有無だけでなく、面としてのまとまりとcommon regionの成立を確認する。
注意
誤解しやすい点
- planeをHTMLのpanelやcard componentだけの意味に限定する。
- shapeとplaneには常に一意で厳密な境界があると考える。
- pointからline、lineからplaneという説明を、すべてのvisual designがその順番で作られるべきという制作手順へ変える。
関連
関連する概念
出典