移行中の知識
グリッドモジュール
Grid Module
定義
グリッドモジュール（grid module）とは、modular gridでrowとcolumnの区切りによって生じる反復可能な最小の空間単位です。実際の要素は一つのmoduleだけでなく複数moduleをspanできます。UI componentの「module」やsoftware上のgrid cellと必ずしも同義ではありません。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
modular editorial grid
annual reportの図版領域
見るポイント
pageをrowとcolumnへ分割した時、一つの交差領域をmoduleとして捉え、写真やchartが何module分を占有しているかを見る。
dense desktop interface
dashboardのpanel sizing
見るポイント
panelごとに自由なpixel sizeを付けるのではなく、共通するhorizontal / vertical unitの何倍を占有しているかをlayout vocabularyとして観察する。
注意
誤解しやすい点
- moduleを必ず正方形のcellだと考える。
- moduleとUI componentを同じ概念として扱う。
- すべての要素を1moduleへ収める必要があると考える。
関連
関連する概念
出典