Webサイトにおいて、来訪者に与える印象を大きく左右する要素といえば、何を思い浮かべますか。画像や色使い、フォントなどとともに、大きく影響する要素として「レイアウト」もあげられると思います。 「レイアウト」、すなわち「コンテンツの配置」は、ユーザエクスペリエンスとユーザビリティに直接関わるのは言うまでもありません。この「レイアウト」の作成に役立つツールの一つとして、「グリッド」があります。そしてこの「グリッド」を利用して作成したレイアウトを「グリッドレイアウト」と呼びます。今回はアイデア次第で様々な可能性を生み出せる「グリッドレイアウト」について考察します。 「グリッドレイアウト」とは グリッドレイアウト(grid layout)は、グリッドシステム(grid system)、グリッドデザイン(grid design)とも呼ばれ、Webページなどを設計する際の手法の一つです。「グリッド(g
![マルチデバイス対応に適した「可変グリッドレイアウト」 | コラム・研究会 - 株式会社マイクロウェーブ](https://cdn-ak-scissors.b.st-hatena.com/image/square/798fa5b47d2a68458f3274e820791b03c576e45a/height=288;version=1;width=512/http%3A%2F%2Fwww.micro-wave.net%2Fcommon%2Ffb_microwave.jpg)