グリッドシステムって何？
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノンデのための超得情報「デザインパワー」012 魔法のレイアウト術-3
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「グリッドシステム」でデザインパワーを引き出せ！
------------------------------------------------------------------------
by ノンデの杜 http://non-designer.com
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
あなたにも、デザインのパワーを活用してもらいたい！
このメルマガは、すべての読者にデザインパワーを「少ない労力で」「楽に」
そして「お得に」実践してもらう事を目標にお届けしてます。
◇1.アイデア ◇2.レイアウト ◇3.フォント ◇4.カラー
の4つのテーマからランダムに超得情報をお届けしているこのメルマガ。
今回のテーマは「レイアウト」です。
いきなりですが、「レイアウト」って、難しいです。
プロでもデザインするときにかなり悩まされるのが、「レイアウト」なんです。
「レイアウト」を分かりやすく言うと、
「デザインの構成要素をどう並べるか？」っていうことですが、
これが正しい！という答えはありません。
逆に言うと、「どう並べてもいい」から難しいのです。
デザインに必要なことは、正体の分からない「センス」など
というものではなく、実は、単なる「テクニック」だったりします。
「グリッド」は目には見えません。
手元に新聞があったら、ぺらぺらと何ページか開いて、
よく観察してみてください。
記事と、挿し絵や写真は、目には見えない線上に並んでいませんか？
試しに、紙面にこの目に見えない線へ、実際に線を引いてみましょう。
縦横にいくつもの線が格子状に引けると思います。
これが「グリッド」です！
この格子状の線を用いて、デザイン要素を並べていく
レイアウト手法を「グリッドシステム」と呼びます。
また、記事部分は、何段かに渡って記載されていると思いますが、
これを「段組み」といいます。
「段組み」は、見えない線で作られていますので、
これも「グリッド」の一種といえるでしょう。
------------------------------------------------------------------------
プロのデザイナーは、この「グリッド」を駆使しています。
「グリッドシステム」によるデザインの素晴らしいところは、使うだけで、
・デザインに秩序が生まれる。
・欲しい情報がすぐに見つかる。
・デザイン作業を楽にする！
といった効果を発揮することです。
自由にデザインしているようでも、実は、
「見やすい」「きれいな」「まとまった」デザインは、
よく見ると、このグリッドをしっかりと用いていたりします。
「グリッドシステム」の基本を簡単に言ってしまえば、
「規則正しく引かれた見えない格子状の線上に、デザイン要素を並べて
いくことで、デザイン秩序を生み出す。」
「これにより、情報が整理され、見やすくまとまりのあるデザインとなる。」
「また、一度使ったグリッドを繰り返し使えるので、スタイルシートとしての
役割を持ち、デザイン作業がらくになる。」
といったところでしょうか？
これだけでも、大変なデザインパワーを持っていますが、
これを応用すると、さまざまな展開が可能になります。
例えば、、、
・グリッドで作られる格子状の「ブロック」同士の大きさ比率に
「黄金比」を用いてみる。
・グリッドで秩序を持たせつつ、部分的に自由なレイアウトを
組み入れ、「くずし」のデザインで「遊び」の要素を取り入れる。
などなど。。。
アイデア次第で、さまざまな可能性を秘めています。
実際の「グリッド」によるデザインテクニックは、
ここでは伝えきれませんので、興味のある方は下に紹介する書籍等に
詳しく載っていますので、参考にしてください。
今回のデザインパワーは、
・「グリッドシステム」でデザインパワーを引き出せ！
でした。
「レイアウト」のデザインパワーがもっと知りたくなったら、、、
わたしのＨＰ、ノンデの杜 http://non-designer.com にも解説がありますので
気になる方は今すぐクリック！↑↑↑
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
超得おすすめの一冊！ 【【基本はかんたんレイアウト】】
------------------------------------------------------------------------
「ノンデの杜」では、上記「ノンデザイナーズデザインブックSecond Edition」
を「レイアウト」の基礎が分かる、教科書的存在として紹介してきました。
そして、次のステップへと導いてくれる良書をずっと探し続けてきました。
なかなか無いんですよね。自信を持っておすすめできる書籍って。
そして、やっと見つけたんです。
「レイアウト」の基礎から応用までを実践的に解説してある「使える良書」を。
それが、
基本はかんたんレイアウト です。
分かり易いデザイン関連本を多く手がける、視覚デザイン研究所の出版です。
「グリッドシステム」により、デザインテイストをどう表現してゆくか？
が、分かりやすく丁寧に解説されています。
「レイアウト」を3つの「テイスト」と5つの「エレメント」で分類し、
最適なレイアウトを簡単に導き出すことができるように書かれています。
学習編・分析編・実践編となっており、各ステップごとに多くの図版を用いて
解説。自然に理解を深めることができます。
手元にあると安心の一冊です。
本屋に無ければアマゾンで。（amazon.comなら送料無料！）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
超得おすすめのもう一冊！ 【【グリッド】】
------------------------------------------------------------------------
ある程度デザイン知識のある方には、こちらの書籍がおすすめです。
「グリッドシステム」によるデザイン手法のことが、作成方法から実例まで、
かなり詳しく解説してあります。
洋書の翻訳本なので、実例に英表記ものが多いのが玉に瑕ですが、
これほど「グリッドシステム」について詳しく書かれた実用書は、
他にありません。
本屋に無ければアマゾンで。（amazon.comなら送料無料！）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
＜次号予告＞
------------------------------------------------------------------------
次回の「デザインパワー」は、
・フォントを使いこなしてクールなデザインを！！（欧文フォント編）
です。お楽しみに。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■【発 行】ノンデの杜 http://non-designer.com
ノンデザイナーのための簡単で分かりやすい「超得」デザインサイト。
アイデア・レイアウト・フォント・カラーの4ステップで、
魔法のデザイン技を公開中。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◇ あなたのご感想を心からお待ちしております。ぜひお聞かせください！
それを原材料にこのメルマガは発行されています。m(__)m
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Copyright(C)2006 ノンデの杜 無断転載、引用を禁じます。
------------------------------------------------------------------------
ノンデザイナーのあなたにも
デザインのパワーを
活用してもらいたい！
このメルマガは、すべての
読者にデザインパワーを
少ない労力で・楽に・お得に
実践してもらう事を目標に
お届けしております。
知る人ぞ知る裏情報もありで
デザイナーの方にも
超！オススメです。
メルマガ申し込み
はこちらから。