レイアウトサンプル

3×3パネルを使用して生成できる基本的なレイアウトイメージ38種類の一覧です。
これ以外のレイアウトを作成する事もできますが、一般的に見られるものを掲載しています。

縦分割を主とした構造

コーポレートサイトやシステム管理画面、ブログなど、数多くのサイトで使用される縦分割主体のレイアウトイメージ一覧です。

ドキュメント系サイトや、コーポレートサイトなどで使用される、横分割を主体としたレイアウトイメージ一覧です。

より複雑な構造が必要になった場合は、もっとも広い面積の領域に上記のいずれかの基本形状をネストする事で大体のものは再現可能となります。

モジュールのみで構築していくようなランディングページやブランディングサイトなど、領域分割が不要な場合は分割なしの状態となります。