移行中の知識
モジュラーグリッド
Modular Grid
定義
モジュラーグリッド(modular grid)とは、columnにhorizontal divisionsを加え、rowとcolumnの交差から反復するmoduleを作るgrid typeです。要素は一つのmoduleだけでなく複数moduleをspanできます。単なる正方形tileの集合ではなく、二方向の反復単位を持つlayout structureを指します。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
annual report
データを並べるeditorial spread
見るポイント
chart、caption、本文、写真が複数のrowとcolumnを共有し、それぞれ異なる数のmoduleを占有している構成をmodular gridとして分類する。
analytic interface
情報量の多いdashboard
見るポイント
panelの高さと幅の両方が共通unitの倍数として組まれている時、columnだけでなくhorizontal subdivisionもlayout structureを担っているかを見る。
注意
誤解しやすい点
- modular gridを同じ大きさのcardを並べるlayoutだけと考える。
- moduleを必ず正方形にする必要があると考える。
- 細かいmodule数を増やすほど自由度や品質が必ず上がると考える。
関連
関連する概念
出典