１

デザインとは？

２

レイアウトの基礎

３

文字の基礎

４

図版の基礎

５

配色の基礎

44

□□□□□□□□Design. □□□□□□□Client. □□□□□□□

□□□□□□□□Design. □□□□□□□Client. □□□□□□□

規則正しく並べる

画面を格子状に分割し、それに合わせて文字や図版を配置すると規則

正しいレイアウトになります。

　

画面を格子状に分割して、それに合わ

せて文字や図版を整理する方法をグリッ

ドデザインもしくはグリッドシステムと

呼びます。方眼紙の升目にそって、文字

や図版を配置していくことを思い浮かべ

てみてください。基準の線を決めること

で、図版や文字の位置を揃えやすくなる

だけでなく、画面全体の統一感も出しや

すくなります。

　

合理的に整然と情報を整理することが

できるグリッドデザインは、ページ数の

多いカタログや文字量の多い新聞などに

も適しています。角版の写真の大きさや

枠に収まる文章の量を調整しやすく、移

動や変更がやりやすいのも利点です。

　

グリッドデザインは規則正しい分単調

になりやすいので、図版や見出し、ライ

ンなどの要素を使って、アクセントを入

れると読みやすくなります。

規則正しく並べる

見出し

実例

45

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

グリッドデザイングリッドデザインの例

上部に大きく写真、下部には同じ幅でタイトルと内容の文字情報が配分されている、グリッドデザインの美しいポスター。

白地にシンプルな文字が力強い。上下の白いスペースに挟まれた 2 行の文字が同じ高さで収まっていることで、よりストレートにメッセージが響く。

「超［メタ］ヴィジュアル展」ポスターDesign. 永原康史Client. 東京都写真美術館

「WE LOVE THE BEATLES」ポスターDesign. Mag.（青木宏之 + 関根亜希子）Client. J-WAVE

角版 .............................. P.90関連用語