すぐに取り入れよう！美しいデザインを実現する「8ポイント方眼デザイン」とは？

Webデザインについて勉強していくと必ず出会うのが*「グリッドデザイン」*あるいは「グリッドレイアウト」「グリッドシステム」という言葉です。 グリッドとは「方眼」を意味する言葉で、画面やページを縦横に分断する直線で分割し、これを組み合わせてブロック内の要素の大きさや配置を決定していく方法のことです。 ところが、Webデザインにおいては*「グリッド」(方眼)*という言葉が使われながらも、実際には縦の線で分割しただけのものでも「グリッド」と呼んでいました。 水平位置に関してはテキストのベースラインは考慮されることもありましたが、基本的にはあまり考えられていない場合が多いようです。 確かに縦の線を意識することでレスポンシブデザインに簡単に対応することができるのですが、単にデスクトップサイトとモバイルサイトの互換性だけを考えていては、非常にもったいないです。 というのも、せっかく縦の線を均等の割合

[ayk-fkd]

デザイン

[charmstore300]

簡単で統一しやすい。取り入れたいですね(^^♪

[norando]

オブジェクトのサイズとmarginをタテヨコ8pxの倍数でデザイン

[komz]

すぐに取り入れよう！美しいデザインを実現する「8ポイント方眼デザイン」とは？

[ylupin]

Web デザイン グリッド 方眼紙