移行中の知識
複合グリッド
Compound Grid
定義
複合グリッド（compound grid）とは、一つのformat内で複数のgrid systemを重ねる、切り替える、または異なるcontent領域へ割り当てる構成方法です。単一のcolumn / modular gridだけでは表現しにくい異なる情報構造を、複数のordering systemとして共存させる分類名です。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
magazine feature
editorial spreadの本文とdata panel
見るポイント
本文はcolumn grid、data visualizationは別のmodular gridを使い、同一spread内で異なるgrid systemがどこで切り替わっているかを見る。
responsive marketing site
landing pageのsection別layout
見るポイント
heroとfeature listとcase studyで異なるcolumn logicを持ちながら、outer alignmentやspacing ruleで同一pageとして接続されている構造を観察する。
注意
誤解しやすい点
- gridから外れた要素が一つあるだけでcompound gridと呼ぶ。
- 複数gridを混ぜれば複雑なlayoutが自動的に整理されると考える。
- grid system同士を接続するalignmentやspacing関係を持たず、単なる別layoutの寄せ集めにする。
関連
関連する概念
出典