グリッドデザインについて

このサンプルサイトでは、「グリッドデザイン」という手法を取り入れています。

「グリッドデザイン」とは

ページを構成する要素を規則正しく分割されたグリッドに沿ってレイアウトを組んでいくという手法です。

「グリッドデザイン」のメリットは、計算されたグリッドに沿ってデザイン要素を並べていくことで全体に秩序を生み出します。

これにより、情報が整理され、見やすくまとまりのあるデザインが出来上がります。

この講座で制作するサンプルサイトでも、何となくPC向けに横幅960pxと決めたのではなく、このグリッドシステムを意識して決めたのです。

グリッドシステムを利用するのに便利なのが「960 Grid System」というサイトです。

960 Grid System
http://960.gs/

公式サイトに行くと様々なグリッドデザインのサイトが見られますので、ぜひ、参考にされてみて下さい。

[contact-form-7 id=”601″ title=”めんばー質問フォーム”]