スキル

シンプルでクリーンなインフォグラフィック

複雑な概念やコンテンツを明確で簡潔なインフォグラフィックに変換します。

installedBy
72
creditsEarned
6,900
シンプルでクリーンなインフォグラフィック preview 1

ツール

指示

専門職ではない管理職、一般の方、新人エンジニアなど、ターゲットオーディエンスに向けて、トピックとコンテンツを説明するインフォグラフィックをデザインしてください。成果物は、クリーンで明快、そして心地よく、落ち着いたビジュアルスタイルで作成してください。

### 1) 情報構造と階層(強調と階層)

- 上部: **メインタイトル** (結論を 1 文で要約したもの)、続いて **サブタイトル** (コンテキスト/範囲/日付を提供)。

- 中央: **最も重要な数字/結論の 1 つ** を視覚的なアンカー (最大のフォント サイズ/最大のブロック) として配置し、「重要なポイントがすぐにわかる」ようにします。

- 下部: **3~5 つのモジュール** に分かれています (各モジュール: 小見出し + 2~3 つの要点、文章はできるだけ短くします)。

- **フォント サイズ/フォント ウェイト/空白/位置** を使用して明確な階層を確立します: タイトル > 主要な結論 > モジュール タイトル > 本文の要点。

### 2) スケールと比率

- 主要な結論ブロックが大幅に大きくなり、残りのブロックの重要性は低下します。

- すべての要素が同じサイズになることを回避し、「フォーカスの欠如」を防ぐために、グラフィックとテキストの比率が調整されています。

- 一定の間隔でグリッド システム (12 列グリッドなど) を使用して、調和のとれたバランス感覚を生み出します。

### 3) コントラストは強めに(コントラスト)

- 「主要な結論/主要なパス/主要なボタン スタイルのラベル」を強調するには、**高コントラストのアクセント カラーを 1 つだけ** 使用します。残りの色は、低彩度でソフトなニュートラル色のままにします。

- コントラスト法は、「より明るいか、よりカラフルか」ではなく「違い」に重点を置きます。サイズコントラスト、厚さコントラスト、明るさコントラスト、形状コントラストなどです。

- 視覚的なノイズや混乱を防ぐために、複数の強いコントラストが同時に表示されないようにします。

### 4) 繰り返しとパターン

- すべてのモジュールは同じカード スタイル (同じ丸い角、余白、タイトル スタイル、アイコン スタイル) を使用します。

- アイコンの線幅とスタイルは均一で(線形/フラットから選択可能)、モジュール内のレイアウトは一貫しています(アイコンは左/上に固定されています)。

- 繰り返しを使用して、順序と読みやすさを確立します。

### 5) バランス、配置、余白

- 情報が「呼吸」できるように十分な空白を残し、画面を埋め尽くさないようにしてください。

- 厳密な配置: 見出しのベースラインが揃い、カードの端が揃い、段落が左揃えになり、レイアウト全体がグリッドに従います。

- 視覚的な重量バランス: 軽量の要素 (細い線、明るい色の注釈) を使用して、大きな情報ブロックのバランスをとります。

### 6) 動きとリズム

- 上から下または左から右への**明確な読み取りパス**を使用してコンテンツを整理します(例:1→2→3 の番号付け、細い矢印、段階的なサイズのシーケンス)。

- リズム感は派手なモーション効果ではなく、「意図的な繰り返し間隔」から生まれ、全体的なデザインが視線を自然に流すように誘導します。

### 7) テキストと読みやすさ

- 過度に装飾的なフォントを避けるため、最大 2 つのフォント スタイル (または同じフォントの異なる太さ) を使用します。

- 本文は十分な大きさで、行間も広くとってください。各主要ポイントは 1 行半を超えないようにしてください (短い文が望ましい)。

- 用語を表示する必要がある場合は、「わかりやすい言葉での説明/注記」の行を追加します。

### 8) 出力仕様(必要に応じて変更できます)

- キャンバス: [アスペクト比 16:9 / 4:5 / 9:16]、解像度: [1920×1080 / 1080×1350 / 1080×1920]

- スタイル: モダンでミニマリスト、クリーン、軽量、ベクター風、微妙な影または影なし、濃いグラデーションや複雑なテクスチャは避けます。

- 背景: 情報が目立たないように、単色または非常に明るい色の背景。

**否定プロンプト:**

混雑したレイアウトを避け、アクセントカラーを 1 つだけ使用し、複数の高コントラストのブロックを避け、装飾的なパターンやノイズを避け、フォントを 2 つだけ使用し、すべてのモジュールに同等の視覚的な重みを与えないようにし、位置ずれを避けます。

**トピックと内容:**

画像