ページレイアウトは複雑なプロセスであり、多くのデザイナーは長年にわたって物事を単純化するための独自のヒントやトリックを開発してきましたが、それらのツールの中でグリッドシステムより便利なものはほとんどありません。

デザイナーがレイアウトデザインにおけるグリッドについて語るとき、通常は1900年代半ばにモダニズムのタイポグラファーによって作られた特定のデザインシステムを指します。 この方法はいくつかのデザインプロジェクトの出発点として有用ですが、InDesignでグリッドを作る方法はこれだけではありません!

InDesignでグリッドを使用する理由

20世紀後半にグリッドがデザイン界で大流行したのには、さまざまな理由があるが、その主な理由は、情報の構造を明確かつシンプルにする方法だったからである。

グリッドはデザイン要素を配置するための一貫したフレームワークを提供し、ドキュメント全体のスタイルを統一するのに役立ちます。

グリッドは便利なデザインツールですが、それだけでページが構成されるわけではありません。 自由で有機的なレイアウトも効果的ですし、グリッドを作り、時にはそれを「破る」ことで2つのアプローチをミックスしてもうまくいきます。 これらの構造は、あなたを制限するものではなく、あなたを助けるためのものなのです。

InDesignでグリッドを作成する4つの方法

作業時 InDesignでは、レイアウト作業に役立つグリッドシステムの利用方法として、ベースライングリッド、ドキュメントグリッド、コラムグリッド、ガイドグリッドがあります。

これらのグリッドの種類はすべて、次のように知られています。 不印刷のグリッド というのは、ドキュメントの作成プロセス中にのみ表示され、PDFや他のフォーマットにファイルをエクスポートする際には含まれないからです。

(InDesignでも印刷用グリッドを作ることは可能ですが、それについては後述します！)

方法1：ベースライン・グリッド

タイポグラフィにおいて、ベースラインとは文字列の底辺を走る概念的な線のことである。 ほとんどの文字はベースライン上に直接置かれるが、g、j、p、q、yなどの一部の文字のディセンダーはベースラインを越えている。

この事実を踏まえれば、InDesignのベースライングリッドを使えば、異なるテキストフレーム間でテキストを揃え、全体としてより一貫性のある洗練された外観に仕上げることができると推測できるのではないでしょうか。

ベースライングリッドを有効にするには 表示 メニューを選択します。 グリッド＆ガイド サブメニューで ベースライン・グリッドの表示 . (注：Normalモード以外の画面モードではグリッドは非表示です)。

PCの場合は プリファレンス のセクションは、その中にあります。 編集 メニュー

おそらく、現在の文書に対して適切に設定されていないことがわかると思いますが、ベースライングリッドの設定を調整するには、「ベースライングリッドの設定」を開いてください。 プリファレンス パネルに表示されます。 プリファレンス を選択します。 グリッド というタイトルのセクションを探します。 ベースライン・グリッド .

があります。 スタート の設定では、ベースライングリッドの開始をオフセットすることができます。 相対する。 は、グリッドがページ全体を覆うか、ドキュメントの余白に収まるかを選択できます。

最も重要なのは インクリメント・エブリ。 は、各ベースラインの間隔を定義します。 この設定は、ボディコピーに使用するリーディングの設定と一致させる必要があります。 派手にしたい場合は、リーディングの半分または1/4を使用すると、よりカスタマイズした配置が可能になりますが、まずはリーディングと一致させることから始めるとよいでしょう。

ベースライン・グリッドは、ドロップキャップにも適用される

ベースライングリッドの設定が終わったら、任意のテキストフレームを選択し、その中の パラグラフ パネルの下部にある パラグラフ パネルをクリックします。 ベースライングリッドへのアライン リンクされたテキストフレームであれば、テキストそのものを タイプ ツールを使用してから、アライメントを適用することができます。

ベースライングリッドの使い方については、まだほんの一部ですが、チュートリアルが必要です。 もし、コメント欄で十分な関心があれば、準備したいと思います

方法2：ドキュメントグリッド

InDesignのドキュメントグリッドは、画像やフラリッシュなどの非テキストオブジェクトの配置に使用されることを除けば、ベースライングリッドに似ています。

ドキュメントグリッドを表示するには 表示 メニューを選択します。 グリッド＆ガイド サブメニューで ドキュメントグリッドを表示する .

ベースライングリッドと同様、思い通りの結果を得るためには、グリッド設定のカスタマイズが必要でしょう。 InDesignを開き プリファレンス ウィンドウを開き グリッド タブをクリックします。

内 ドキュメントグリッド のセクションでは、水平と垂直のグリッド線に独立した値でグリッドパターンをカスタマイズできます。 グリッドのサイズは、ページ寸法にきれいに分割されるように選ぶとよいので、文書に最適なグリッドサイズを計算する必要があります。

ドキュメントグリッドへの要素の配置を簡単にするために、スナップをオンにすると、プロセスが大幅にスピードアップされます。 表示 を選択します。 グリッド＆ガイド サブメニューで ドキュメントグリッドへのスナップ .

方法3：柱状グリッド

モダニズムのタイポグラフィを踏襲するなら、カラムグリッドが最適です。 すべてのページで見ることができ、スナップを強制しないので、効果と使いやすさのバランスがとれていることが多いのです。

新しいドキュメントを作成しながら、単純に コラム と ガター 設定すると、ドキュメントの各ページに印刷しないコラムガイドが自動的に作成されます。

新しい文書を作成した後で、コラムグリッドを追加したいと思った場合は、次のようにします。 レイアウト メニューをクリックし マージン と コラム .調整する コラム と ガター を必要に応じて設定してください。

方法4：ガイドを使ったカスタムレイアウトグリッド

ただし、ガイドは1ページに限定されるため、小規模なプロジェクトに最適なカスタムグリッドです。

ドキュメントルーラーをクリックして現在のページにドラッグすれば、好きな場所に手作業でガイドを配置できますが、これは面倒で時間のかかる作業です。

を開く レイアウト メニューを選択し ガイドの作成 である。 ガイドの作成 ダイアログウィンドウが表示されていることを確認します。 プレビュー オプションが有効な場合は、カスタマイズして 列 , コラム そして ガター を設定して、グリッドを作成します。

この方法の大きなメリットは、各ガイドの間に正確なガターを追加して、要素間の間隔を標準化できることです。 大したことではありませんが、文書全体の視覚的な一貫性に大きな影響を与えることができます。

ボーナス：InDesignで印刷用グリッドを作成する

InDesignで印刷可能なグリッドを作りたい場合、時間をかけて手作業で ライン しかし、これはすぐに面倒になります。 その代わりに、このショートカットを使ってください

に切り替えてください。 ライン ツールを使って ツール パネルまたはキーボードショートカット \ (Shiftキーを押しながら線を引くと、完全に水平になります。

新しい行が選択されたままになっていることを確認します（[3]の項参照）。 セレクション を開き（必要であればツール）、その後に 編集 メニューを選択し ステップ＆リピート

での ステップ＆リピート ダイアログウィンドウで グリッドとして作成 のボックスの中に入っており、それを増やすと 列 の設定は、十分な水平線ができるまで続けます。 オフセット セクションで、調整します。 縦型 を設定することで、思い通りの行間を確保することができます。

オプションで プレビュー をクリックして、結果を視覚的に再確認してください。 よっしゃー ボタンをクリックします。

選択ツールで、新しくできた線をすべて選択し、キーボードショートカットを使ってグループ化します。 コマンド + G 用 Ctrl + G PCの場合）を押します。 コマンド + オプション + シフト + D 用 Ctrl + アルト + シフト + D PCの場合）を使って複製し、新たに複製された線を90度回転させる。

これで、完璧に正確で均一な印刷用グリッドが完成しました。

最後に

以上、InDesignでグリッドを作る方法について、どんなグリッドが必要なのか、そのすべてをご紹介しました

ベースライングリッドやドキュメントグリッドは一般的ですが、グリッドの使い方やページレイアウトについては、まだまだ学ぶべきことがたくさんあります。 もう少し研究して練習すれば、すぐに12カラムのグリッドをプロ並みに使いこなせるようになるでしょう。

ハッピーグリット