グリッドデザインにつ...|独学でWebデザインの勉強をする人のためのまとめサイトです。


  • レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)

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

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

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

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

「グリッドデザイン」のメリット

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

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

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

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

960 Grid System
http://960.gs/

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

ご質問・メッセージは以下のフォームよりどうそ!

*
*
*
*


レスポンシブWebデザイン動画講座受講について

【初級編】【応用編】【練習問題】を受講するには、講座へのお申し込みが必要となります。


レスポンシブWebデザイン使い方講座詳細・お申し込みはこちら



Pagetop