InDesignでプロジェクト用の統合グラフィックを作成する方法

  • InDesign では、ネイティブ ツール、グリフ フォント、スクリプトを使用してチャートやグラフを作成できます。
  • ピクトグラム パネルを使用すると、プログラム内のカスタマイズ可能なアイコンやビジュアルに簡単にアクセスできます。
  • 「bar_charts.jsx」などの専用スクリプトを使用すると、棒グラフを自動化できます。

InDesign 3 でツールバーを表示する方法

Adobe InDesign これは、編集およびグラフィック デザインの世界で最も広く使用されているツールの 1 つです。 InDesignは、表、インフォグラフィック、図表などのグラフィックの作成に特化したプログラムではありませんが、 専門的にグラフやチャートを作成する デザインに取り入れることで、プロジェクトの視覚的なプレゼンテーションを強化します。外部アプリケーションに完全に依存することなく、InDesign で直接グラフィックを作成およびカスタマイズできる便利な方法を求めるデザイナーが増えています。見てみましょう プロジェクト用に InDesign で統合グラフィックを作成する方法。

疑問に思ったことがあるなら InDesignでグラフィックを作成する方法ワークフローを高速化したい場合、Illustrator または Excel から頻繁にエクスポートすることを避けたい場合、または単にレイアウトを完全にカスタマイズしたい場合、この記事はまさに必要なものです。段階的に説明します InDesignでチャートやグラフを作成するためのすべての代替手段ネイティブ オプションやシンボル フォントのトリックから、特殊なスクリプトやグラフィックスの自動化とカスタマイズに関する実用的な推奨事項まで、さまざまな内容が含まれています。

InDesignでグラフィックを作成する利点と可能性

InDesign 内でグラフィックを操作すると、時間を大幅に節約でき、レイアウトの他の要素とシームレスに統合できます。 色、スタイル、サイズを簡単に変更できますすべてを 1 か所で調整できます。 InDesign はスプレッドシートとして設計されていませんが、棒グラフ、表、ピクトグラム、その他の視覚要素を組み込むためのさまざまなツールと方法を提供します。

また、ネイティブ機能や、とりわけ 文字と絵文字ベースのフォントを使用すると、Adobe スイートの他のプログラムに常に依存することなく、出版物のビジュアル レベルを向上させることができます。

InDesignで基本的なグラフと表を作成する

最も速い方法の1つは InDesignでシンプルな表やグラフを挿入、編集する これは、プログラム自体に統合されたテーブル ツールを通じて行われます。例えば、次のようなテーブルを作成できます。 表 > 表の挿入 セルとテーブルのスタイルを使用してカスタマイズします。この方法では、行、列、境界線、塗りつぶしをフォーマットして、データ テーブル、比較リスト、小さな視覚化などの単純なグラフィックをシミュレートできます。

InDesign でプロフェッショナルなカレンダーをデザインする方法

ただし、より視覚的なグラフィック (棒グラフ、列グラフ、円グラフなど) が必要な場合、InDesign では次のような優れた代替手段が提供されています。

  • 描画ツール(長方形、楕円、線)を使用して手動でグラフィックを作成します
  • IllustratorまたはExcelからグラフィックをインポートします。ただし、変更があった場合は元のプログラムでの再編集が必要になります。
  • 専用のスクリプトでチャート生成を自動化
  • ピクトグラムフォントを視覚的なリソースとして活用する

グリフパネル: InDesign を離れずにグラフィックを追加できる便利なツール

InDesignのあまり知られていないが、最も多機能な機能の一つは、 ピクトグラムパネル (またはグリフ パネル)。このパネルは元々特殊文字を挿入するためのものですが、実際にはもっと多くの機能があり、 装飾的なグラフィック要素、シンボル、アイコン、さらにはレイアウトに視覚的なグラフィックを組み込むこともできます。

どうすればそれができるのでしょうか?とても簡単です:

  • InDesignで新規ドキュメントを開く実験するのであれば、サイズは問題ではありません。
  • ダッシュボードにアクセスする ウィンドウ > テキストと表 > ピクトグラム.
  • このパネルには、現在アクティブなフォントのすべての特殊文字が表示されます。フォントとその太さを変更して、さまざまなピクトグラムのコレクションにアクセスできます。
  • シンボルベースまたはアイコンベースのフォントがインストールされている場合は、パネルからそれを選択すると、ダブルクリックするだけでデザインに組み込むことができるグラフィック要素の豊富なレパートリーにアクセスできるようになります。
Indesignのロゴ

出典:Adobe

これは特に便利です。 多くの無料フォントには装飾的な絵文字が含まれています、線、数字、アイコン、または完全にスケーラブルな装飾要素。この方法により、例えばデザインを豊かにすることができます。 データにアイコンを追加する 表内、またはヘッダーや区切り線の装飾に使用できます。

InDesign のピクトグラムフォントの推奨事項

強力なビジュアルコレクションを作成したい場合は、これらの種類の要素を含むフォントを探してインストールしてください。推奨される人気のソースには次のようなものがあります:

  • 接着剤番号セブン: ビンテージ スタイル。装飾的なバナーやラベルに最適です。
  • プリンターオーナメントワン: クラシックな雰囲気や季節感を与える花の装飾やシンボルが満載です。
  • ステートフェイス: 地図の形をしたフォントで、地理的な視覚化に最適です。
  • ヴィッキー・レギュラー: さまざまな代替ピクトグラムと非常に汎用性の高いミニマリスト デザインを備えたモダンなタイポグラフィ。
  • チャリフォル・ダルサティック: 絵文字と文字を組み合わせたモダンな SVG フォント。目を引くグラフィックを作成するのに最適です。
  • ヒムダス: 伝統的なプロジェクト、招待状、カードに最適です。
  • ラモア: すっきりとした現代的なデザインのサンセリフ ピクトグラムです。
  • プラリネアマレット: レトロスタイルのプロジェクト用のビンテージピクトグラム。

次のようなプラットフォームに登録すると エンバト要素、InDesign の作業ですぐに使用できるグリフを含む何千ものプレミアム フォントに無制限にアクセスできます。

InDesignでグリフパネルを使用してカスタムグラフィックを作成する方法

アドビインデザインのロゴ

ドキュメントにピクトグラムを挿入してカスタマイズするプロセスは次のとおりです。

  1. 選択する テキストツール(T) ドキュメント内にテキスト ボックスを作成します。
  2. テキスト ボックスのフォントを絵文字が含まれるフォントに変更します。
  3. ピクトグラム パネルを開いて、利用可能なさまざまなアイコンを調べます。
  4. 目的のピクトグラムをダブルクリックしてテキスト ボックスに挿入します。
  5. 他の文字と同様に、ピクトグラムのサイズを調整したり、色を変更したり、影、グラデーション、透明度などの効果を追加したりできます。
  6. さらに柔軟性が必要な場合は、ピクトグラムを選択して テキスト > アウトラインの作成。この方法では、ピクトグラムは編集可能なベクターシェイプになり、好みに合わせて拡大縮小、変形、操作できるようになります。
  7. InDesign 独自の変換機能 (コピー/貼り付けや水平反転など) を使用して、グリフをミラーリング、回転、複製することもできます。

この技術により、 グラフィック要素のカスタムコレクションを素早く作成 常に外部画像や複雑なベクトルに頼る必要はありません。

InDesignのスクリプトで棒グラフを自動化する

必要なのは創造すること 棒グラフまたは縦棒グラフを動的かつ迅速に作成理想的なのは、 特殊なスクリプト。最もよく知られ、最もよく使われているスクリプトの1つは、Webで入手できる「graficos_de_barras.jsx」スクリプトです。 InDesignで索引と目次を自動作成する方法。このスクリプトは、InDesign 内での自動棒グラフ作成を容易にし、時間を節約してエラーを最小限に抑えるために開発されました。

このスクリプトをインストールして使用する手順は次のとおりです。

  • ドキュメントのバックアップコピーを作成する 念のため、続行する前に。
  • 「bar_graphs.jsx」ファイルをInDesignインストールのスクリプトフォルダにコピーします。パスはオペレーティング システムによって異なりますが、常に InDesign のカスタム スクリプト パス内に配置する必要があります。
  • InDesignでプロジェクトを準備するには、 ベースグラフィック 軸、凡例、特にバーを変更します。自動化が正確であるためには、バーがチャートの高さの 100% を占める必要があることに注意してください。

バーコード

  • すべてのバーを選択 (凡例や装飾などの他の要素とグループ化されず、独立した長方形である必要があります)。
  • パレットを開く スクリプト から ウィンドウ > データ自動化 > スクリプト スクリプト「bar_graphs.jsx」を実行します。
  • その 最大値 グラフの(ゼロのままにしておくとスクリプトが自動的に計算します)バーごとに対応する値をフィールドに入力します。入力したデータに基づいてスクリプトが列を描画することを受け入れます。
  • El スクリプトは負の値もサポートしますこれらは X 軸の下部に表示され、特定の種類の分析に役立ちます。
  • スクリプトをカスタマイズして、凡例の位置を変更したり、オブジェクト スタイルを使用したり、色を変更したりすることができます。実際、プロジェクトで必要な場合はカスタム バージョンを開発することも可能です。

このスクリプトは、Windows と Mac の両方で、CS3 から最新の Creative Cloud バージョンまで、InDesign のすべてのバージョンでテストされています。

InDesignでグラフィックをカスタマイズして活用するためのヒント

InDesign で直接基本的なグラフィックを作成することもできますが、プログラムが提供するすべてのカスタマイズおよびスタイル設定オプションを活用するのが最適です。

  • 使用 オブジェクトとテキストのスタイル グラフィック全体で一貫した外観を維持します。
  • 適用する 交互パターン データの読み取りと分析を容易にするために、バーやその他の要素に追加します。
  • デザインのニーズに応じて、キャプションを上部、下部、または側面に配置します。
  • ぜひ試してみてください 透明度、陰影、グラデーション、色の効果 グラフィックを強調表示します。
  • チャートにインタラクティブ機能や自動データ更新が必要な場合は、InDesign とデータ結合機能またはインポートした Excel テーブルを組み合わせることを検討してください。ただし、これには外部リソースの操作が必要になります。

よくある質問への回答と高度な可能性

InDesign図

Domestikaのような専門フォーラムでは、次のような質問がよく見られます。 InDesignで柔軟性を失わずにプロフェッショナルなグラフィックを作成する方法 変更する場合。多くのデザイナーは、特にレポートや定期刊行物の場合、データが変更されたときに簡単に更新できるグラフを作成したいと考えています。

InDesign はデータ視覚化プログラムではないため、過度に複雑なグラフィックで物事を複雑にしないことが通常は推奨されます。しかし、スクリプトと高度なスタイル管理のおかげで、視覚的な要素とそれに続く編集をかなり細かく制御できるようになります。

繰り返しグラフィックを作成する必要がある場合は、 定義済みのスタイルとピクトグラムコレクションでテンプレートを保存します。この方法では、含めるグラフィックの種類に応じて値を変更したり、ピクトグラムを修正したりするだけで済みます。

デザイナーのためのインスピレーションと追加リソース

動画で学習するのが得意な方には、InDesign のグリフパネルを使用してグラフィックを簡単かつ効果的に作成する方法に関する YouTube チュートリアルもあります。さらに、などのプラットフォームやその他のデジタル リソース バンクでは、プロジェクトで使用してグラフィックを向上させることができるピクトグラム フォント、テンプレート、アドオンを提供しています。

仕事の基本的な部分は、文書化とインスピレーションです。最新のトレンドやヒントを常に把握するために、専門の Web サイト、Domestika などのフォーラム、Adobe の公式リソースを調べてください。

InDesign図
関連記事
InDesignで直接効果的な図表をデザイン

これらすべてのテクニックとリソースを組み合わせることで、InDesign デザインに完璧に統合される、印象的でカスタマイズ可能なグラフィックを作成できます。。簡単なピクトグラムベースのソリューションを選択する場合でも、スクリプトを使用してプロセスを自動化する場合でも、グラフィック要素を処理する InDesign の柔軟性とパワーを最大限に活用できます。