━━━━━━━━━━━━━━━━━━
デザインパワー003
魔法のレイアウト術-1
━━━━━━━━━━━━━━━━━━
◇1.アイデア
◇2.レイアウト
◇3.フォント
◇4.カラー
の4つのテーマからお役立ちデザイン情報を掲載しているこのブログ。
今回のテーマは「レイアウト」です。
いきなりですが、「レイアウト」って、難しい。
プロでもデザインするときにかなり悩まされるのが、「レイアウト」なんです。
「レイアウト」を分かりやすく言うと、「デザインの構成要素をどう並べるか？」っていうことですが、これが正しい！という答えはありません。
逆に言うと、「どう並べてもいい」から難しいのです。
そんな「レイアウト」のお助けツールが「グリッド」なんです。
デザインに必要なことは、正体の分からない「センス」などというものではなく、実は、単なる「テクニック」だったりします。
「グリッド」は目には見えません。
手元に新聞があったら、ぺらぺらと何ページか開いて、よく観察してみてください。
記事と、挿し絵や写真は、目には見えない線上に並んでいませんか？
試しに、紙面にこの目に見えない線へ、実際に線を引いてみましょう。縦横にいくつもの線が格子状に引けると思います。
これが「グリッド」です！
この格子状の線を用いて、デザイン要素を並べていくレイアウト手法を「グリッドシステム」と呼びます。
また、記事部分は、何段かに渡って記載されていると思いますが、これを「段組み」といいます。
「段組み」は、見えない線で作られていますので、これも「グリッド」の一種といえるでしょう。
－－－－－－－－－－－－－－－－－－
プロのデザイナーは、この「グリッド」を駆使しています。
「グリッドシステム」によるデザインの素晴らしいところは、使うだけで、
・デザインに秩序が生まれる。
・欲しい情報がすぐに見つかる。
・デザイン作業を楽にする！
といった効果を発揮することです。
自由にデザインしているようで、実は、「見やすい」「きれいな」「まとまった」デザインは、よく見ると、このグリッドをしっかりと用いています。
「グリッドシステム」の基本を簡単に言ってしまえば、
「規則正しく引かれた見えない格子状の線上に、デザイン要素を並べていくことで、デザイン秩序を生み出す。」
「これにより、情報が整理され、見やすくまとまりのあるデザインとなる。」
「また、一度使ったグリッドを繰り返し使えるので、スタイルシートとしての役割を持ち、デザイン作業がらくになる。」
といったところでしょうか？
これだけでも、大変なデザインパワーですが、これを応用するとさまざまな展開が可能になります。
例えば、、、
・グリッドで作られる格子状の「ブロック」同士の大きさ比率に「黄金比」を用いてみる。
・グリッドで秩序を持たせつつ、部分的に自由なレイアウトを組み入れ、「くずし」のデザインで「遊び」の要素を取り入れる。
などなど。。。
アイデア次第で、さまざまな可能性を秘めています。
実際の「グリッド」によるデザインテクニックは、ここでは伝えきれませんので、興味のある方は下に紹介する書籍等に詳しく載っていますので、参考にしてください。
今回のデザインパワーは、
・グリッドシステム でした。
━━━━━━━━━━━━━━━━━━
超得おすすめの一冊！
【【グリッド】】
－－－－－－－－－－－－－－－－－－
ある程度デザイン知識のある方には、こちらの書籍がおすすめです。
「グリッドシステム」によるデザイン手法のことが、作成方法から実例まで、かなり詳しく解説してあります。
洋書の翻訳本なので、実例に英表記ものが多いのが玉に瑕ですが、これほど「グリッドシステム」について詳しく書かれた実用書は、他にありません。
本屋に無ければアマゾンで。（amazon.comなら送料無料！）
デザインパワー003
魔法のレイアウト術-1
━━━━━━━━━━━━━━━━━━
◇1.アイデア
◇2.レイアウト
◇3.フォント
◇4.カラー
の4つのテーマからお役立ちデザイン情報を掲載しているこのブログ。
今回のテーマは「レイアウト」です。
いきなりですが、「レイアウト」って、難しい。
プロでもデザインするときにかなり悩まされるのが、「レイアウト」なんです。
「レイアウト」を分かりやすく言うと、「デザインの構成要素をどう並べるか？」っていうことですが、これが正しい！という答えはありません。
逆に言うと、「どう並べてもいい」から難しいのです。
そんな「レイアウト」のお助けツールが「グリッド」なんです。
デザインに必要なことは、正体の分からない「センス」などというものではなく、実は、単なる「テクニック」だったりします。
「グリッド」は目には見えません。
手元に新聞があったら、ぺらぺらと何ページか開いて、よく観察してみてください。
記事と、挿し絵や写真は、目には見えない線上に並んでいませんか？
試しに、紙面にこの目に見えない線へ、実際に線を引いてみましょう。縦横にいくつもの線が格子状に引けると思います。
これが「グリッド」です！
この格子状の線を用いて、デザイン要素を並べていくレイアウト手法を「グリッドシステム」と呼びます。
また、記事部分は、何段かに渡って記載されていると思いますが、これを「段組み」といいます。
「段組み」は、見えない線で作られていますので、これも「グリッド」の一種といえるでしょう。
－－－－－－－－－－－－－－－－－－
プロのデザイナーは、この「グリッド」を駆使しています。
「グリッドシステム」によるデザインの素晴らしいところは、使うだけで、
・デザインに秩序が生まれる。
・欲しい情報がすぐに見つかる。
・デザイン作業を楽にする！
といった効果を発揮することです。
自由にデザインしているようで、実は、「見やすい」「きれいな」「まとまった」デザインは、よく見ると、このグリッドをしっかりと用いています。
「グリッドシステム」の基本を簡単に言ってしまえば、
「規則正しく引かれた見えない格子状の線上に、デザイン要素を並べていくことで、デザイン秩序を生み出す。」
「これにより、情報が整理され、見やすくまとまりのあるデザインとなる。」
「また、一度使ったグリッドを繰り返し使えるので、スタイルシートとしての役割を持ち、デザイン作業がらくになる。」
といったところでしょうか？
これだけでも、大変なデザインパワーですが、これを応用するとさまざまな展開が可能になります。
例えば、、、
・グリッドで作られる格子状の「ブロック」同士の大きさ比率に「黄金比」を用いてみる。
・グリッドで秩序を持たせつつ、部分的に自由なレイアウトを組み入れ、「くずし」のデザインで「遊び」の要素を取り入れる。
などなど。。。
アイデア次第で、さまざまな可能性を秘めています。
実際の「グリッド」によるデザインテクニックは、ここでは伝えきれませんので、興味のある方は下に紹介する書籍等に詳しく載っていますので、参考にしてください。
今回のデザインパワーは、
・グリッドシステム でした。
━━━━━━━━━━━━━━━━━━
超得おすすめの一冊！
【【グリッド】】
－－－－－－－－－－－－－－－－－－
ある程度デザイン知識のある方には、こちらの書籍がおすすめです。
「グリッドシステム」によるデザイン手法のことが、作成方法から実例まで、かなり詳しく解説してあります。
洋書の翻訳本なので、実例に英表記ものが多いのが玉に瑕ですが、これほど「グリッドシステム」について詳しく書かれた実用書は、他にありません。
本屋に無ければアマゾンで。（amazon.comなら送料無料！）
コメントする