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

グラフィック デザインにおいて、グリッドとは、コンテンツを構造化するために使用される一連の交差する直線 (垂直、水平、および角度) または曲線 (グリッド ライン) で構成される構造 (通常は2 次元) です。グリッドは、デザイナーがグラフィック要素 (画像、グリフ、段落など) を合理的で理解しやすい方法で編成するための骨組みまたはフレームワークとして機能します。グリッドを使用すると、ページ、ページ上の他のグラフィック要素、または同じグラフィック要素または図形の他の部分との関係でグラフィック要素を編成できます。

あまり一般的ではない印刷用語「参照グリッド」は、印刷の初期に起源を持つ無関係のシステムです。

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

第二次世界大戦後、マックス・ビル、エミール・ルーダー、ヨーゼフ・ミュラー＝ブロックマンなど多くのグラフィックデザイナーが、ヤン・チヒョルトの『新しいタイポグラフィ』のモダニズム思想に影響され、当時の慣習的なページレイアウトの妥当性に疑問を抱き始めました。彼らは、デザイナーがページを整理する際に一貫性を保つのに役立つ柔軟なシステムを考案し始めました。その結果が、国際タイポグラフィ様式と関連付けられるようになった現代のタイポグラフィックグリッドです。この主題に関する独創的な研究であるミュラー＝ブロックマンの『グラフィックデザインにおけるグリッドシステム』は、まずヨーロッパで、後に北米でグリッドの使用を広めるのに役立ちました。

1970 年代半ばまでに、ヨーロッパ、北米、ラテンアメリカの多くの地域では、グラフィック デザインのカリキュラムの一部としてタイポグラフィ グリッドを指導することが標準になりました。グリッドのグラフィック スタイルは、企業コミュニケーションの外観として採用されました。1980 年代初頭には、グリッドの定着、特にその教条的な使用と企業文化との関連に対する反発により、一部のデザイナーはグリッドの使用を拒否し、より有機的な構造を選択しました。Apple Macintosh コンピューターの登場と、その結果として、タイポグラファーによる書体設定からデザイナー自身による書体設定への移行が起こり、その多くは Tschichold と Müller-Brockmann の原則に反する実験の波が起こりました。タイポグラフィ グリッドは今日でも教えられていますが、すべてのページ デザインの要件または開始点としてではなく、一部のプロジェクトに役立つツールとして教えられています。

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

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

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

• ブートストラップ
• ZURB財団

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

ほとんどのデスクトップ パブリッシング ソフトウェア、プロフェッショナル パブリッシング ソフトウェア、およびワード プロセッサを含むその他のオフィス ソフトウェアでは、グリッド レイアウトがオプションとして表示されます。

• スイススタイル（デザイン）
• 国際タイポグラフィスタイル

• ベインズ、フィル、ハスラム、アンドリュー。タイプとタイポグラフィ、第2版。ニューヨーク：Waston-Guptill Publications、2005年。ISBN 0-8230-5528-0。 
• バーンヒル、ピーター。『タイプスペース：アルドゥス・マヌティウスのタイポグラフィにおける社内規範』ロンドン：ハイフン・プレス、2003年、101ページ。
• エラム、キンバリー。グリッドシステム：タイプ編成の原則。ニューヨーク：プリンストン・アーキテクチュラル・プレス、2004年。ISBN 1-56898-465-0。 
• Hochuli、Jost.本のデザイン：実践と理論。
• ハールバート、アレン。『グリッド：新聞、雑誌、書籍のデザインと制作のためのモジュラーシステム』。Wiley：1982年。ISBN 0-471-28923-X。 
• ル・コルビュジエモジュラー I。
• ミュラーブロックマン、ヨーゼフ。グラフィックデザインにおけるグリッドシステム。ニグリ: 1996. ISBN 3-7212-0145-0 
• ルーダー、エミール。タイポグラフィ。ヘイスティングスハウス：1981年。ISBN 0-8038-7223-2。 
• ルドルフ・ボスハルト、ハンス。『タイポグラフィック・グリッド』 。ニグリ：2002年。ISBN 3-7212-0340-2。 
• Khoi Vinh、「Oh Yeeaah! グリッドは良い」、サウス・バイ・サウスウエスト・カンファレンスでのプレゼンテーション、2007年。[1]
• アントニオ・カルソーネ「Flash用グリッドシステムの設計」 [2]
• マルコット、イーサン (2009 年 3 月 3 日)。「Fluid Grids」。
• カポ、ダニエレ（2009年4月5日）。「中世的でありながら後期近代的な方法でセグメントをn個の部分に分割する。」[3]

• グリッド システム 多くのリソースを使用して、実際のグリッドの技術的側面を検討します。