【デザイン学生必見！】
ポートフォリオをゼロから作ろう！

【InDesign】フレームグリッドの設定方法を徹底解説forインデザ初心者

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

InDesign（インデザイン）のフレームグリッドを設定する方法を徹底解説します。

フレームグリッド設定はInDesignで文字組をする上で必要不可欠な機能の一つ。
当コンテンツでフレームグリッドを使った書式設定の使い方の基礎を身に着けてみませんか？

インデザ初心者の方に単独でフレームグリッドを使った書式設定ができるよう、詳しく解説いたします！

フレームグリッドとテキストフレーム

上記のようにInDesignの文字にはフレームグリッドとテキストフレームが存在します。
当記事はフレームグリッドの設定方法について解説します。

※なお、InDesign（インデザイン）未導入の方は事前にInDesign公式サイトから入手しておきましょう。

フレームグリッドに文字パネルは使うの？
フレームグリッドで入力した文字は文字属性があるので、基本的にはフレームグリッド設定で行う事をオススメします。

テキストフレームで入力した文字は文字属性が無いので文字パネルで行いましょう。

フレームグリッド設定

フレームグリッドを選択した状態で [ Ctrl + B ] (Mac：⌘ + B) を押すとフレームグリッド設定が開きます。

先にも解説しましたが、フレームグリッドで入力した文字を編集する際はフレームグリッド設定を使用しましょう。

グリッド書式属性

フォント
フォントを変更できます。
ファミリーが存在する場合はフォントファミリーが設定できます。
サイズ
フォントサイズを変更できます。
InDesignの初期設定の単位は「級（Q）」が使われています。
1Q = 0.25mm　（単位の詳細はコチラで解説しています）
文字垂直比率　文字水平比率
文字の垂直比率と水平比率が設定できます。
縦長の文字、横長の文字に変形できます。
字間
字間の調整が設定できます。
初期設定では単位が「歯（H）」が使われています。
1H = 0.25mm
行間
行間の調整が設定できます。
字間と同様、InDesignの初期設定では単位が「歯（H）」が使われています。
1H = 0.25mm

揃えオプション

行揃え
行揃えが設定できます。
「左揃え」、「中央揃え」、「右揃え」、「左揃え均等配置」、「中央揃え均等配置」、「右揃え均等配置」、「両端揃え」の7種類から選択できます。

InDesignの初期設定は「左揃え均等配置」です。
グリッド揃え
グリッド揃えが設定できます。
「なし」、「欧文ベースライン」、「仮想ボディの上」、「仮想ボディの中央」、「仮想ボディの下」、「平均字面の上」、「平均字面の下」の7種類から選択できます。
文字揃え
文字揃えが設定できます。
文字サイズに差がある場合に設定可能。
「欧文ベースライン」、「仮想ボディの上」、「仮想ボディの中央」、「仮想ボディの下」、「平均字面の上」、「平均字面の下」の6種類から選択できます。

表示オプション

文字数
文字数の表示位置の設定ができます。
「なし」、「左」、「上」、「右」、「下」の5種類から選択できます。
サイズ
表示オプションの文字サイズが設定できます。
表示
フレームグリッドの表示方法を設定できます。
「文字枠」、「N / Z 表示」、「揃え表示」、「文字枠とN / Z」の4種類から選択できます。

行と段組

行文字数
行文字数が設定できます。
行数
行数が設定できます。
サンプルは行数が「5」です。
右下の表示オプションに小さく「5L」と表記されています。
段数
段数が設定できます。サンプルは段数が「2」です。
右下の表示オプションに小さく「2C」と表記されています。
段間
段間が設定できます。
フレームグリッドの初期設定を変更
何も選択していない状態で [ Ctrl + B ] (Mac：⌘ + B) を押すと、フレームグリッド設定（ドキュメントデフォルト）が開きます。
初期設定のフレームグリッドが設定できます。

フレームグリッドとテキストフレームを変換

テキストフレームは後からフレームグリッドに変換する事ができます。
[ 対象のテキストフレームを選択 ] →  [ 右クリック ] → [ フレームの種類 ] → [ フレームグリッド ]

※フレームグリッドからテキストフレームにも変換可能。

高品質なポートフォリオテンプレート

紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。

商用利用可能で高品質テンプレートばかり厳選！
今まで意識しなかった多くの「気づき」に出会えますよ。

※なお、ポートフォリオ制作はInDesign（インデザイン）を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

#01 Pink Portfolio Layout

ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽！
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。

ダウンロードする

#02 Portfolio Layout with Gray Accents

モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ！
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。

ダウンロードする

#03 Portfolio Layout with Yellow Accents

黄色が鮮やかでキレイなポートフォリオテンプレートです。
爽やかな画風のイラストにもピッタリ！
クセが無く、ベースデザインとして非常に扱いやすいテンプレートの一つです。

ダウンロードする

#04 Portfolio Template in Pale Green and Mint

収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。

ダウンロードする

#05 Minimalist Portfolio Layout

ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか？そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。

ダウンロードする

紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています！
ポートフォリオ用の高品質なテンプレート42選【InDesign,Illustrator,Photoshop】
【InDesign】ポートフォリオ用のテンプレートを編集する方法forインデザ初心者

ワンランク上のテンプレート素材

プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり！
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

InDesignで編集可能なINDT形式で作られた雑誌のテンプレートです。短時間で高品質なページ物のレイアウトが作成できる優れもの！全て商用利用可能です。
高品質な雑誌のレイアウトテンプレート30選

フライヤーでよくある二つ折りのテンプレートを厳選しました。ゼロから作ると時間がかかる二つ折りパンフレットですが、テンプレートを活用すれば文字と画像をはめ込むだけ！
【商用可】二つ折りパンフレットのテンプレート50選

シンプルで使いやすい白黒のポートフォリオテンプレートです。豊富なレイアウトパターンが収録されているので初めてポートフォリオを作られる方にもオススメですよ。もちろん商用利用可能！
高品質な白黒のポートフォリオテンプレート42選

写真をはじめとしたアート作品を掲載するのにピッタリなフォトブックテンプレートです。印刷用途、PDF化、どちらにでも使える便利なテンプレートばかりです。
【商用可】高品質なフォトブックテンプレート24選

お洒落で高品質なカフェメニューのデザインテンプレートを厳選しました。ペライチ、二つ折り、三つ折りなど、よくある高品質なカフェメニューがあっという間に作成可能です。
【商用可】高品質なカフェメニューのテンプレート48選

良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！
【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について
クリエイティブ業務で使える優良素材まとめ

おわりに

以上、InDesign（インデザイン）のフレームグリッド設定についてでした。

フレームグリッドで作成した文字オブジェクトの調整は必ずフレームグリッド設定を使いましょう。
IllustratorやPhotoshopと同じ感覚で文字パネルを使ってしまいそうですね。
しかしフレームグリッドには文字属性が備わっています。

ちなみにテキストフレームで作成した文字オブジェクトは文字パネルから編集可能ですよ。

ではまた！

Illustratorは活用されていますか？
Photoshopだけでなく、Illustratorも活用されているでしょうか？
まだIllustratorを導入されていない方はAdobe公式サイトから入手できます。
なお、学生や教職員の方は公式サイトの学割コンプリートプランが最強にお得！
Illustratorの使い方はゼロから始めるIllustratorで徹底解説しています。
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！

前の記事

【InDesign】文字入力の基本を徹底解説forインデザ初心…

次の記事

【InDesign】ペンツールの基本操作と応用操作を徹底解説f…