魔法の線!グリッドを使えばレイアウトはますます面白くなる!

レイアウトを行うときに有効的に使えるのがグリッドです。

グリッドとは格子状になっているものを指しますがこのルールを守ることでレイアウトはより綺麗に見やすくなります。

今回はそんなグリッドについてお話をしてまいります。

 

様々なグリッド

デザインを行う上でグリッドをどのように使えば綺麗にレイアウトができるのか解説をしてまいります。

まずグリッドには様々な種類があります。2段組みや3段組みなど様々です。

161021-02

この様なグリッドに従って文字や写真・図などをレイアウトしていきます。

実際にやってみましょう。

161021-03

実際にグリッドに従って写真や文を配置したものになります。2段組みの場合と3段組みの場合だと配置に仕方や文章量、画像の大きさなどに違いが表れます。

グリッドの段が増えるほどにレイアウトのバリエーションが増えます。

 

グリッドを意識してみよう。

雑誌や本などのレイアウトをグリッドを意識してみてみましょう。

このページは何段組みかな?と見てみるとまた違った見方ができるようになっていきます。

同じ段組みにする事で統一感を出すことができ、読み手もどこから順に読んでいけばよいのかなどを自然に身につけることができます。

この様な統一感がある事で本全体のバランスを崩さずにデザインを行う事ができます。

 

格子状だけがグリッドじゃない

上記の様なグリッドの格子状は基本的な形です。

格子状以外でも様々なグリッドを作り出すことができます。

161021-04

長方形や正方形など大きさや並び順などによって様々なグリッドを作り出すことができます。

デザインがしやすいグリッドを作り出して統一感を出してみるのも良い方法の一つかと思います。

 

 

いいね!&シェアお願いします!

関連記事

  1. 超便利!パソコンがなくてもワードプレスが更新ができる!hpbpadアプ…

  2. 原点回帰!ホームページの必要性

  3. メリハリをつけるとはっきりわかる!レイアウトの基本

  4. レイアウトをマスターしよう!流れと分け方編

  5. 集客でお困りの飲食店経営者様へ!飲食店にオススメな集客方法

  6. 結局どっちが良いの?無料ホームページ制作と制作会社への依頼

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA