グリッド（グラフィックデザイン）

活版印刷の発明以前は、最適な比率に基づいたシステムが、手書きのテキストをページに配置するために使用されていました。ヴィラール図法として知られるそのようなシステムの1つは、少なくとも中世から使用されていました。^{[ 1 ]}

第二次世界大戦後、マックス・ビル、エミール・ルーダー、ヨーゼフ・ミュラー＝ブロックマンをはじめとする多くのグラフィックデザイナーは、ヤン・チヒョルトの『新タイポグラフィ』（Die neue Typographie）のモダニズム思想に影響を受け、当時の従来のページレイアウトの妥当性に疑問を抱き始めた。彼らは、デザイナーがページ構成において一貫性を保つことができる柔軟なシステムを考案し始めた。その結果生まれたのが、国際タイポグラフィ様式と結びついた現代的なタイポグラフィグリッドである。この分野における画期的な著作であるミュラー＝ブロックマンの『グラフィックデザインにおけるグリッドシステム』は、まずヨーロッパで、そして後に北米で、グリッドの使用を普及させるのに貢献した。

1970年代半ばまでに、タイポグラフィグリッドの指導は、ヨーロッパ、北米、そしてラテンアメリカの多くの地域で、グラフィックデザインのカリキュラムの一部として標準となった。グリッドを用いたグラフィックスタイルは、企業コミュニケーションの手法として採用された。1980年代初頭、グリッドの定着、特にその教条的な使用法や企業文化との結びつきに対する反発が起こり、一部のデザイナーはグリッドの使用を拒否し、より有機的な構造を好むようになった。Apple Macintoshコンピュータの登場と、それに伴うタイポグラファーによる組版からデザイナー自身による組版への移行は、多くの実験的な試みを生み出し、その多くはチヒョルトやミュラー＝ブロックマンの原則に反するものであった。タイポグラフィグリッドは今日でも教えられているが、すべてのページデザインの必須要件や出発点ではなく、特定のプロジェクトにおける有用なツールとして扱われることが多い。

グリッドシステムは印刷媒体で広く使われてきましたが、ウェブ開発者の関心が再び高まったのはごく最近のことです。HTMLとCSSを生成するウェブサイトデザインフレームワークは、新しいフレームワークがグリッドベースのレイアウトの使用を普及させる前から存在していました。グリッドシステムの中には、ピクセルで固定幅の要素を指定するものもあれば、「流動的」なものもあり、後者はピクセルやポイントなどの絶対単位ではなく、パーセンテージなどの相対単位でページ要素のサイズを指定することを要求します。^{[ 2 ]}

W3Cは、2次元グリッドベースのレイアウトシステムを定義するためにCSSグリッドレイアウトモジュールレベル1を公開しました。 ^{[ 3 ]}

独自のグリッドシステムを備えたCSSフレームワークも存在します。

• Bootstrap
• ZURB財団

印刷デザインでは、コンテンツを整理・構成するために常にグリッドシステムが使用されてきました。グリッドシステムは、書籍の補助線として始まりました。アーティストは、テキストや画像などのコンテンツを、読みやすく理解しやすいようにレイアウトするためにグリッドシステムを使用しました。新聞、書籍、雑誌、求人広告などはすべて、読みやすさとプレゼンテーションを向上させるためにスペースを最適に活用するさまざまなグリッドシステムを使用しています。^{[ 4 ]}