移行中の知識
階層型グリッド
Hierarchical Grid
定義
階層型グリッド（hierarchical grid）とは、等間隔のcolumnやmoduleを反復することよりも、contentの優先関係や異なる領域サイズに応じてalignment zoneを組み立てるgrid classificationです。規則が見えにくい場合でも、要素間の位置・幅・間隔に再利用される基準がある点で、無秩序な自由配置とは区別します。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
editorial landing page
大きなheroと小さな情報領域
見るポイント
hero、本文、補助情報が同じ等幅columnへ収まらず、異なる幅のzoneを共有alignmentで結んでいる構造をhierarchical gridとして観察する。
exhibition graphic
情報量が異なる展示panel
見るポイント
title、large image、caption、timelineが均一moduleではなく内容の階層ごとに異なる領域を持ちながら、共通するanchor lineを使っているかを見る。
注意
誤解しやすい点
- regular columnが見えないlayoutをすべてhierarchical gridと呼ぶ。
- hierarchicalという名前から、visual hierarchyそのものと同義だと考える。
- 不規則な配置へ後から名前を付ければgrid systemになると考える。
関連
関連する概念
出典