本文へ移動
Visual Gallery

モジュラーグリッド

Modular grid

列と行の両方で区切ったマス目に、要素を当てはめる。

視覚的特徴

  • 列と行の両方で、ページを同じ大きさのマス(モジュール)に分ける
  • 要素は1マスか、いくつかのマスでできた長方形を占める
  • 溝の幅は、縦と横で同じ

AI向けデータ

プロンプト

Modular grid layout: divide the page by columns and rows into equal modules, and let each element fill one module or a rectangle of modules, with equal gutters in both directions.

ネガティブプロンプト

freeform layout, column-only grid, irregular gaps