こんにちは、まいです！
ブログやSNSを見ているとき、カラフルで情報がぎっしり詰まった図解を目にすることって多いですよね。もちろん賑やかな図解も分かりやすくて素敵ですが、時には「もっと落ち着いた、知的な雰囲気で情報を伝えたいな」と思うことはありませんか？
今回は、すっきりしているのに不思議と引き込まれてしまう、まるで上質なデザイン雑誌のような図解表現をご紹介します。読者の目を休ませつつ、伝えたいメッセージを深く印象づけることができる、とっても素敵なアプローチですよ！
今回の図解表現
今回使う図解表現は、
Japanese Minimal Editorial
です。
直訳すると「日本的なミニマルな編集デザイン」という意味になります。日本の洗練された書籍や、文化系のデザイン誌のような、静かで端正なレイアウトをAIで再現する表現です。
この図解はどんな表現？
Japanese Minimal Editorialは、日本特有の「間」や「余白」の美学を取り入れた図解表現です。
一般的な図解は、枠線で囲ったり、カラフルな色を使ったりして「情報を目立たせる」ことが多いですよね。でも、この表現はその逆をいきます。
不要な装飾や色を徹底的に引き算し、「十分な余白」「繊細な文字の配置」「細く美しい線」によって、情報の格調を高めます。
単に「スカスカで情報が少ない」のとは違います。「必要な情報だけが、計算された美しい間隔で置かれている」という、静かな強さを持ったデザインなんです。
この表現ならではのポイント
この図解表現を使いこなすための、特に大切なポイントを3つに整理しました。
- 「余白」をデザインの主役にする
画面全体を情報で埋め尽くさないようにします。あえて大きく空けた空間を作ることで、そこにある文字や図形に自然と視線が集まるようになります。 - 繊細な組版と細い線
情報を区切る線や矢印は、極限まで細く、端正に描かれます。文字の太さや大きさにもはっきりとした強弱をつけて、整然としたルールのもとに配置します。 - 色数を極限まで絞り込む
背景はすっきりとした白。基本は黒とグレーのモノトーンで構成し、どうしても強調したい1箇所にだけ、落ち着いたアクセントカラー（藍色やくすんだ赤など）を少しだけ使います。
デザインのポイント
私自身、この表現を初めて見たときに「レイアウトのバランスがすごく美しいな」って感動したんです。デザインをきれいに見せるための、私なりのおすすめポイントを紹介しますね。
左右非対称（アシンメトリー）なバランス
画面の真ん中にすべてを配置するのではなく、例えば「左側に小さくタイトルと情報をまとめ、右側には大きな余白を取る」といった、非対称なレイアウトがとてもよく映えます。この「ちょっとしたズレ」が、誌面にモダンで洗練された印象を与えてくれるんです。
記号的な「和風」に頼らない
「日本的」と聞くと、つい和紙の質感や桜のイラスト、筆文字などを入れたくなってしまいますよね。でも、この表現ではそういう分かりやすいモチーフは使いません。あくまでも「空間の取り方」や「静けさ」だけで日本らしさを表現するのが、とってもおしゃれなところなんです。
こんな内容におすすめ
この静かで美しい図解は、以下のようなテーマや情報を発信するときに抜群の効果を発揮します。
- ライフスタイル・暮らしのアイデア：丁寧な暮らし、ミニマリストの持ち物、整理整頓のルールなど。
- デザイン・アート・建築の解説：美しいものの背景にある理論や、コンセプトを静かに語りたいとき。
- 技術やビジネスの「核心」の図解：複雑なシステムや仕組みの中から、一番大切な本質だけをシンプルに伝えたいとき。
ブログの文章の合間にこの図解がスッと入ってくると、読者も一息つきながら、知的なワクワク感を持って読み進めることができますよ。
実際に作ってみよう
この図解をAIで作成するときは、専用のプロンプトを使用します。
使い方はとってもシンプルです。プロンプトの中にある、
【情報】
（ここに解説したい情報）
という部分に、あなたが図解にしたいテキストを自由に入力してください。
例えば、
「良い睡眠をとるための3つの習慣（1. スマホを置く、2. 軽いストレッチ、3. 室温の調整）」
といったシンプルな箇条書きを入れるだけで、AIがその情報を美しく編集し、洗練された1枚の誌面としてレイアウトしてくれます。
長い文章をそのまま入れるのではなく、伝えたいキーワードや数値を整理して入力するのが、きれいに仕上げるコツです。
今回使った汎用プロンプト
# Japanese Minimal Editorial
## 目的
入力された情報に基づき、読者の理解を助ける高品質な
「Japanese Minimal Editorial Style（ジャパニーズ・ミニマル・エディトリアル・スタイル）」の解説図を生成してください。
日本の上質な雑誌、書籍、文化系メディア、デザイン誌、企業広報誌などを思わせる、
静かで端正なエディトリアルデザインを目指してください。
情報を派手に見せるのではなく、
- 十分な余白
- 繊細な組版
- 控えめな色彩
- 明確な情報階層
- 小さく精密な注釈
- 丁寧な図解
- 余韻のある構図
- 大小差
- 静かな視線誘導
によって、情報を自然に理解できる誌面にしてください。
単なる「ミニマルなインフォグラフィック」ではなく、
情報そのものを丁寧に編集し、
静かながらも思わず目を止めたくなる
知的で上質なビジュアルを目指してください。
# 入力情報
【情報】
(ここに解説したい情報)
# 最優先原則
1. 情報の理解と読みやすさを最優先する
2. 余白を積極的なデザイン要素として使う
3. 情報を詰め込みすぎない
4. 色ではなく配置・サイズ・文字・余白で情報階層を作る
5. 小さな情報まで丁寧に組版する
6. 派手さより静かな強さを優先する
7. 入力内容に合わせて毎回最適な誌面を設計する
8. 「簡素」ではなく「洗練された引き算」を目指す
# 情報分析・編集
画像を設計する前に入力情報を分析し、以下を整理してください。
- テーマ
- 最も伝えるべき結論
- 重要なキーワード
- 重要な数値・条件
- 構造や仕組み
- 比較すべき対象
- 原因と結果
- 変化・流れ
- 視覚化すると理解しやすい部分
- 補足すると理解が深まる情報
- 最後に記憶してほしいポイント
入力された文章をそのまま画像内へ掲載しないでください。
内容を理解したうえで、
- タイトル
- 短いリード
- キーワード
- 重要数値
- 主要図解
- 小さな注釈
- 補足情報
へ再編集してください。
「文章量を減らす」ことではなく、
「情報に静かな優先順位を与える」ことを重視してください。
# Japanese Minimal Editorialの基本思想
Japanese Minimal Editorialでは、
視覚的な刺激を増やすのではなく、
不要なものを丁寧に削ぎ落としてください。
ただし、
何もないだけの空間にはしないでください。
重要なのは、
「情報が少ない」
ではなく、
「必要な情報だけが、美しい間隔で置かれている」
状態です。
余白、整列、文字サイズ、図版の位置によって、
静かな緊張感と上質さを作ってください。
# 余白
余白を最も重要なデザイン要素のひとつとして扱ってください。
すべての領域を情報で埋めないでください。
余白には、
- 主役を際立たせる
- 情報を分離する
- 視線を休ませる
- 読み順を作る
- 静けさを生む
- 誌面に余韻を作る
という役割を持たせてください。
重要な情報の周囲には、
十分な余白を確保してください。
必要であれば、
画面の大きな部分をあえて空白として残して構いません。
# 「間」の設計
Japanese Minimalでは、
要素と要素の距離そのものに意味を持たせてください。
近い情報は関係が強く、
離れた情報は別の階層や意味を持つようにしてください。
枠線や色面で囲わなくても、
余白だけで情報グループが認識できる構成を優先してください。
「間」を使って整理することを重視してください。
# レイアウト
入力内容に合わせて、
最適な誌面構成を毎回新しく設計してください。
使用可能な例：
- 大きな余白＋小さな中心図
- 左上タイトル＋右下図解
- 中央に静かな主図
- 大型数値＋小さな注釈
- 上下にゆったり分けた構成
- 左右非対称構成
- 一つの対象＋周辺に繊細な情報
- 主図＋小さな詳細図
- 大きな余白の中に短いキーワード
- 縦方向の静かな読み順
毎回同じテンプレートに固定しないでください。
# 非対称構成
完全な左右対称・中央揃えだけに頼らず、
適度な非対称構成を使用してください。
例えば、
左側に小さく情報を集め、
右側へ大きな余白を取る。
または、
上部へタイトル、
下部の片側へ図解を配置する。
など、
静かで安定した非対称を使用してください。
ただし、
不安定・奇抜に見える配置は避けてください。
# 情報階層
情報には明確な優先順位を設けてください。
基本的な階層：
1. 最重要メッセージ・主図
2. タイトル・重要数値
3. 主要な仕組み・関係
4. キーワード
5. 補足
6. 注釈
すべてを均等なサイズで扱わないでください。
情報階層は、
- サイズ
- 位置
- 余白
- 文字ウェイト
- 明度
- 線の細さ
によって表現してください。
# 視覚的主役
入力情報から、
一枚の中で最も重要な視覚的主役を選択してください。
候補：
- 重要な図解
- 数値
- キーワード
- 比較対象
- 構造
- グラフ
- 対象物
などです。
主役を必要以上に派手にしないでください。
余白を周囲に広く取ることで、
静かに存在感を作ってください。
# タイポグラフィ
タイポグラフィを、
誌面の雰囲気を決める重要な要素として扱ってください。
日本語は、
可読性の高い現代的なゴシック体を基本としてください。
必要に応じて、
上品な明朝体をタイトルや短いキーワードへ
限定的に使用して構いません。
書体数は増やしすぎないでください。
2種類以内を基本としてください。
# 文字サイズ
文字サイズには明確な差を作ってください。
例えば、
大：タイトル・重要数値
中：見出し・キーワード
小：説明・注釈
としてください。
ただしContemporary Editorialのような
極端な巨大文字表現は控えめにしてください。
文字の大きさより、
余白との組み合わせによって存在感を作ってください。
# タイトル
タイトルは短く明快にしてください。
タイトルの周囲には十分な余白を確保してください。
装飾、縁取り、影、派手な色面などは使用せず、
- 位置
- サイズ
- 行間
- 字間
- 余白
によって上質さを作ってください。
# リード・短文
必要な場合のみ、
タイトルの近くに短いリードを配置してください。
リードは、
1～2行程度を基本としてください。
長い説明文を画像内へ置かないでください。
短い文章でも、
行間と余白を広めに取り、
読みやすくしてください。
# 図解表現
入力情報に応じて、
最も理解しやすい図解形式を選択してください。
使用可能な例：
- 構造図
- フロー
- 比較図
- Before / After
- タイムライン
- グラフ
- 模式図
- 数値比較
- 因果関係図
- 階層図
- 注釈付き線画
- 簡潔なイラスト
図解は、
線や形を整理し、
不要な装飾を避けてください。
# 図解の繊細さ
図解は太く強く見せるより、
細く端正な表現を基本としてください。
必要に応じて、
- 細い線
- 小さな点
- 控えめな矢印
- 淡い区切り
- 簡潔な形
を使用してください。
ただし重要な部分は、
線幅や色をわずかに変えて強調してください。
# 数値
重要な数値は、
文章内に埋め込まず独立して表示してください。
ただし、
巨大すぎる数字で画面を圧迫しないでください。
余白を十分に確保したうえで、
静かに目立つサイズで配置してください。
必要に応じて、
72%
3.2×
24h
などを、
短いラベルと組み合わせてください。
# グラフ・チャート
データがある場合は、
簡潔で落ち着いたグラフを使用してください。
不要な、
- 罫線
- 凡例
- 装飾
- 背景色
- 目盛り
を削減してください。
重要な変化や数値だけを
限定的なアクセントカラーで強調してください。
3Dグラフは使用しないでください。
# 注釈
小さく精密な注釈を効果的に使用してください。
必要に応じて、
- 細い引出線
- 小さな番号
- 短いキャプション
- 小さな補足数値
- 短いキーワード
を使用してください。
注釈は、
主役より視覚的に強くならないようにしてください。
小さくても読みやすい組版を維持してください。
# 線
線は細く、繊細に使用してください。
用途：
- 引出線
- フロー
- 接続
- グラフ
- 区切り
- 基準線
意味のない装飾線は避けてください。
線を使わず余白だけで分けられる場合は、
余白を優先してください。
# 色彩
背景は完全な白（Pure White Background）を基本としてください。
基本色：
- 白
- 墨色に近い黒
- 濃いグレー
- 淡いグレー
アクセントカラーは、
原則として1色程度に限定してください。
必要な場合のみ、
2色目をごく限定的に使用してください。
# アクセントカラー
アクセントカラーは、
鮮やかすぎない落ち着いた色を基本としてください。
例えば、
- 藍色
- 深い青
- 墨色
- くすんだ赤
- 落ち着いた緑
- 淡い茶
- 鈍い金色
など。
ただし、
「和風」を演出するために
伝統色を大量に使用する必要はありません。
色ではなく、
余白と組版を中心に日本的な静けさを作ってください。
# 色の引き算
色は必要最低限にしてください。
基本的には、
白
＋
黒・グレー
＋
アクセント1色
程度を目指してください。
重要な情報にだけ色を使用することで、
視線を自然に誘導してください。
色がない状態でも、
情報構造が理解できることを優先してください。
# 日本的表現
Japanese Minimalという名称でも、
- 和紙
- 桜
- 富士山
- 鳥居
- 筆文字
- 家紋
- 麻の葉模様
- 赤い日の丸
などのステレオタイプな「和風モチーフ」を
自動的に追加しないでください。
日本的な印象は、
- 余白
- 静けさ
- 控えめな色
- 整った組版
- 細部への配慮
- 余韻
によって表現してください。
# イラスト
必要に応じて、
簡潔な線画やフラットなイラストを使用してください。
イラストは、
- シンプル
- 軽い
- 繊細
- 清潔
- 説明的
な表現を基本としてください。
装飾目的だけのイラストは避けてください。
主役となる図解や情報を邪魔しないようにしてください。
# 写真表現
入力内容に写真が有効な場合のみ、
限定的に使用して構いません。
使用する場合は、
- 小さく配置する
- 大胆な余白と組み合わせる
- 静かにトリミングする
- 文字を重ねすぎない
など、
落ち着いた編集を行ってください。
写真を全面背景として使用することは避けてください。
# 視線誘導
読者の視線が自然に、
タイトル
↓
主図・重要情報
↓
主要な関係
↓
補足
↓
小さな注釈
へ移動するようにしてください。
視線誘導には、
- 余白
- サイズ
- 位置
- 文字ウェイト
- 線
- 色
- 図の方向
を使用してください。
大量の矢印や派手な視覚効果へ頼らないでください。
# 視線の静けさ
画像内を見たときに、
視線が忙しく飛び回らないようにしてください。
最初に一つの情報へ自然に目が向き、
そこからゆっくり次の情報へ移動する構成を目指してください。
「全部が目立つ」
状態を避けてください。
# 二段階の理解
第一段階では、
画像を数秒見るだけで、
- テーマ
- 最重要ポイント
- 大まかな構造
が分かるようにしてください。
第二段階では、
細部を見ることで、
- 補足
- 数値
- 条件
- 関係性
- 注釈
まで理解できるようにしてください。
静かな誌面でも、
情報の深さを持たせてください。
# ブログ・Web記事への最適化
ブログやWeb記事の途中へ配置した際、
本文の流れを邪魔せず、
自然に目を止めてもらえるビジュアルにしてください。
派手な広告的表現ではなく、
「少し気になって見てしまう」
程度の静かな視覚的引力を作ってください。
画像単体でも、
テーマと重要ポイントが理解できることを重視してください。
# 上質感
上質感は、
- 光沢
- 金色
- 影
- 高級素材
によって作らないでください。
上質感は、
- 余白
- 組版
- 整列
- 線の細さ
- 色の抑制
- 要素の少なさ
- 丁寧な情報階層
によって作ってください。
# テンプレート化の回避
毎回、
- 左タイトル＋右図解
- 3カード
- 4分割
- アイコン横並び
- 中央配置
へ固定しないでください。
入力内容を分析し、
「どこを空けるべきか」
「何を一番大きくするか」
「どの情報を小さく扱うか」
を毎回判断してください。
余白の位置や情報密度も、
内容に合わせて変化させてください。
# UIデザイン化の回避
丸角カード、ボタン、アプリ風パネルなどを
大量に使用しないでください。
ブログ向けだからといって、
Webアプリやダッシュボードのような画面にはしないでください。
一枚の誌面として設計してください。
# 禁止事項
以下は避けてください。
- 丸角カードを大量に並べたUI風デザイン
- 一般的なPowerPointテンプレート
- 派手な多色使い
- 大量のストックアイコン
- 重いドロップシャドウ
- 浮遊する立体カード
- 過剰な光沢・発光
- 複雑なグラデーション
- 意味のない3D効果
- ネオン表現
- 派手な背景
- 背景テクスチャ
- 大量の装飾
- 極端な斜め構図
- 読みにくい巨大文字
- 過剰な重なり
- 漫画表現
- キャラクター・マスコット
- 子ども向け教材風
- 安易な和風モチーフ
- 筆文字の多用
- 情報を詰め込みすぎた構成
見栄えのためだけに、
入力情報に存在しない数値・条件・関係を追加しないでください。
# 正確性
入力情報に含まれる、
- 数値
- 単位
- 条件
- 順序
- 因果関係
- 比較関係
- 技術用語
- 専門用語
- 結論
を正確に維持してください。
情報を簡潔に再編集しても、
元の意味を変更しないでください。
分かりやすさのために
重要な条件を削りすぎないでください。
# 文字ルール
画像内の説明文、タイトル、見出し、ラベル、注釈は
必ず日本語にしてください。
ただし以下は、
適切な場合は原表記を維持してください。
- 固有名詞
- 製品名
- 規格名
- 数式
- コード
- 変数名
- 単位
- 材料記号
- 専門用語
文章量は控えめにし、
- 短いタイトル
- キーワード
- 数値
- 短い説明
- 簡潔な注釈
を中心にしてください。
# 出力仕様
アスペクト比：16:9
高解像度で生成してください。
文字、細線、数値、図形、図解、グラフを
シャープかつ繊細に描画してください。
ノイズやぼやけを避け、
ブログ、Web記事、専門メディア、技術記事、
ビジネス記事、企業広報などへそのまま使用できる
高品質な仕上がりを目指してください。
# 最終イメージ
「何もないミニマルな図」
ではありません。
「必要な情報だけを丁寧に選び、
余白・組版・細い線・控えめな色によって、
静かで上質な誌面へ編集したもの」
にしてください。
最終的な印象は、
「派手」ではなく「静かに目を引く」、
「情報が少ない」ではなく「情報が選ばれている」、
「和風」ではなく「日本的な余白感がある」、
「シンプル」ではなく「繊細に設計されている」、
「装飾的」ではなく「情報そのものが美しい」、
「無機質」ではなく「静かな温度がある」、
「テンプレート」ではなく「丁寧に編集された一枚の誌面」
となるJapanese Minimal Editorialデザインにしてください。このプロンプトは、以下のような設計思想で作られています。
- エディトリアル（書籍・雑誌風）の再現：Webアプリの画面のような「丸角ボタン」や「立体的なカード」を排除し、あくまで紙のメディアのような上品な組版を目指します。
- 視線誘導のコントロール：読者の視線が、タイトルから主図、そして小さな注釈へと、忙しく飛び回らずに「ゆっくりと流れる」ように調整します。
- 2段階の理解設計：パッと見て全体像が分かり、近づいてよく見ると小さな注釈や数値まで丁寧に読めるという、深みのある画像を出力します。
プロンプト側で「やってはいけないこと（派手なグラデーションや3D効果の禁止など）」が細かく指定されているので、誰でもブレずに上質なビジュアルを作ることができます。
まいのポイント
私なら、この図解を作るときは「余白を恐れないこと」を一番に意識します！
どうしても「空いているスペースがあると、何かで埋めたくなっちゃう」ことってありますよね。でも、そこをぐっとこらえて、あえて広大な「何もない空間」を残してみてください。
余白は単なる空き地ではなく、主役の情報を引き立てるための、最も贅沢なデザイン要素なんです。
この引き算の美学を、ぜひあなたのブログやWeb記事でも試してみてくださいね。きっと、読者の方の心に静かに、深く届くはずです！
# Japanese Minimal Editorial
## 目的
入力された情報に基づき、読者の理解を助ける高品質な
「Japanese Minimal Editorial Style（ジャパニーズ・ミニマル・エディトリアル・スタイル）」の解説図を生成してください。
日本の上質な雑誌、書籍、文化系メディア、デザイン誌、企業広報誌などを思わせる、
静かで端正なエディトリアルデザインを目指してください。
情報を派手に見せるのではなく、
- 十分な余白
- 繊細な組版
- 控えめな色彩
- 明確な情報階層
- 小さく精密な注釈
- 丁寧な図解
- 余韻のある構図
- 大小差
- 静かな視線誘導
によって、情報を自然に理解できる誌面にしてください。
単なる「ミニマルなインフォグラフィック」ではなく、
情報そのものを丁寧に編集し、
静かながらも思わず目を止めたくなる
知的で上質なビジュアルを目指してください。
# 入力情報
【情報】
# 1日の時間の使い方
1日は、誰にとっても24時間。
時間をすべて予定で埋めるのではなく、
「何もしない時間」や「自由に使える時間」を意識して残すことで、
1日の過ごし方に余裕が生まれる。
## 基本的な時間配分の例
* 睡眠：8時間
* 仕事・学校：8時間
* 食事・入浴・家事など：4時間
* 自由に使える時間：4時間
## 最も伝えたいこと
「空いている時間＝無駄」ではない。
予定のない時間には、
休む、考える、散歩する、本を読むなど、
そのときの自分に必要なことを選べる価値がある。
## 図解で見せたいポイント
24時間を細かく埋め尽くしたスケジュール表にはせず、
「24h」を視覚的な主役として静かに配置する。
睡眠・仕事・生活時間は必要最低限の情報として小さく整理し、
「自由に使える4時間」の周囲には意図的に大きな余白を設ける。
画面のすべてを情報で埋めず、
広い白い空間そのものによって、
「余裕のある時間」を視覚的に表現する。
## 視覚的な方向性
タイトルや図解を画面中央に詰め込まず、
片側に情報を寄せ、反対側には大胆な余白を残す。
装飾で空間を埋めない。
余白にはアイコン、模様、背景イラストなどを追加せず、
完全な白として残す。
最終的に、
「時間を埋めること」ではなく
「時間を残すことにも価値がある」
と直感的に伝わる一枚にする。
# 最優先原則
1. 情報の理解と読みやすさを最優先する
2. 余白を積極的なデザイン要素として使う
3. 情報を詰め込みすぎない
4. 色ではなく配置・サイズ・文字・余白で情報階層を作る
5. 小さな情報まで丁寧に組版する
6. 派手さより静かな強さを優先する
7. 入力内容に合わせて毎回最適な誌面を設計する
8. 「簡素」ではなく「洗練された引き算」を目指す
# 情報分析・編集
画像を設計する前に入力情報を分析し、以下を整理してください。
- テーマ
- 最も伝えるべき結論
- 重要なキーワード
- 重要な数値・条件
- 構造や仕組み
- 比較すべき対象
- 原因と結果
- 変化・流れ
- 視覚化すると理解しやすい部分
- 補足すると理解が深まる情報
- 最後に記憶してほしいポイント
入力された文章をそのまま画像内へ掲載しないでください。
内容を理解したうえで、
- タイトル
- 短いリード
- キーワード
- 重要数値
- 主要図解
- 小さな注釈
- 補足情報
へ再編集してください。
「文章量を減らす」ことではなく、
「情報に静かな優先順位を与える」ことを重視してください。
# Japanese Minimal Editorialの基本思想
Japanese Minimal Editorialでは、
視覚的な刺激を増やすのではなく、
不要なものを丁寧に削ぎ落としてください。
ただし、
何もないだけの空間にはしないでください。
重要なのは、
「情報が少ない」
ではなく、
「必要な情報だけが、美しい間隔で置かれている」
状態です。
余白、整列、文字サイズ、図版の位置によって、
静かな緊張感と上質さを作ってください。
# 余白
余白を最も重要なデザイン要素のひとつとして扱ってください。
すべての領域を情報で埋めないでください。
余白には、
- 主役を際立たせる
- 情報を分離する
- 視線を休ませる
- 読み順を作る
- 静けさを生む
- 誌面に余韻を作る
という役割を持たせてください。
重要な情報の周囲には、
十分な余白を確保してください。
必要であれば、
画面の大きな部分をあえて空白として残して構いません。
# 「間」の設計
Japanese Minimalでは、
要素と要素の距離そのものに意味を持たせてください。
近い情報は関係が強く、
離れた情報は別の階層や意味を持つようにしてください。
枠線や色面で囲わなくても、
余白だけで情報グループが認識できる構成を優先してください。
「間」を使って整理することを重視してください。
# レイアウト
入力内容に合わせて、
最適な誌面構成を毎回新しく設計してください。
使用可能な例：
- 大きな余白＋小さな中心図
- 左上タイトル＋右下図解
- 中央に静かな主図
- 大型数値＋小さな注釈
- 上下にゆったり分けた構成
- 左右非対称構成
- 一つの対象＋周辺に繊細な情報
- 主図＋小さな詳細図
- 大きな余白の中に短いキーワード
- 縦方向の静かな読み順
毎回同じテンプレートに固定しないでください。
# 非対称構成
完全な左右対称・中央揃えだけに頼らず、
適度な非対称構成を使用してください。
例えば、
左側に小さく情報を集め、
右側へ大きな余白を取る。
または、
上部へタイトル、
下部の片側へ図解を配置する。
など、
静かで安定した非対称を使用してください。
ただし、
不安定・奇抜に見える配置は避けてください。
# 情報階層
情報には明確な優先順位を設けてください。
基本的な階層：
1. 最重要メッセージ・主図
2. タイトル・重要数値
3. 主要な仕組み・関係
4. キーワード
5. 補足
6. 注釈
すべてを均等なサイズで扱わないでください。
情報階層は、
- サイズ
- 位置
- 余白
- 文字ウェイト
- 明度
- 線の細さ
によって表現してください。
# 視覚的主役
入力情報から、
一枚の中で最も重要な視覚的主役を選択してください。
候補：
- 重要な図解
- 数値
- キーワード
- 比較対象
- 構造
- グラフ
- 対象物
などです。
主役を必要以上に派手にしないでください。
余白を周囲に広く取ることで、
静かに存在感を作ってください。
# タイポグラフィ
タイポグラフィを、
誌面の雰囲気を決める重要な要素として扱ってください。
日本語は、
可読性の高い現代的なゴシック体を基本としてください。
必要に応じて、
上品な明朝体をタイトルや短いキーワードへ
限定的に使用して構いません。
書体数は増やしすぎないでください。
2種類以内を基本としてください。
# 文字サイズ
文字サイズには明確な差を作ってください。
例えば、
大：タイトル・重要数値
中：見出し・キーワード
小：説明・注釈
としてください。
ただしContemporary Editorialのような
極端な巨大文字表現は控えめにしてください。
文字の大きさより、
余白との組み合わせによって存在感を作ってください。
# タイトル
タイトルは短く明快にしてください。
タイトルの周囲には十分な余白を確保してください。
装飾、縁取り、影、派手な色面などは使用せず、
- 位置
- サイズ
- 行間
- 字間
- 余白
によって上質さを作ってください。
# リード・短文
必要な場合のみ、
タイトルの近くに短いリードを配置してください。
リードは、
1～2行程度を基本としてください。
長い説明文を画像内へ置かないでください。
短い文章でも、
行間と余白を広めに取り、
読みやすくしてください。
# 図解表現
入力情報に応じて、
最も理解しやすい図解形式を選択してください。
使用可能な例：
- 構造図
- フロー
- 比較図
- Before / After
- タイムライン
- グラフ
- 模式図
- 数値比較
- 因果関係図
- 階層図
- 注釈付き線画
- 簡潔なイラスト
図解は、
線や形を整理し、
不要な装飾を避けてください。
# 図解の繊細さ
図解は太く強く見せるより、
細く端正な表現を基本としてください。
必要に応じて、
- 細い線
- 小さな点
- 控えめな矢印
- 淡い区切り
- 簡潔な形
を使用してください。
ただし重要な部分は、
線幅や色をわずかに変えて強調してください。
# 数値
重要な数値は、
文章内に埋め込まず独立して表示してください。
ただし、
巨大すぎる数字で画面を圧迫しないでください。
余白を十分に確保したうえで、
静かに目立つサイズで配置してください。
必要に応じて、
72%
3.2×
24h
などを、
短いラベルと組み合わせてください。
# グラフ・チャート
データがある場合は、
簡潔で落ち着いたグラフを使用してください。
不要な、
- 罫線
- 凡例
- 装飾
- 背景色
- 目盛り
を削減してください。
重要な変化や数値だけを
限定的なアクセントカラーで強調してください。
3Dグラフは使用しないでください。
# 注釈
小さく精密な注釈を効果的に使用してください。
必要に応じて、
- 細い引出線
- 小さな番号
- 短いキャプション
- 小さな補足数値
- 短いキーワード
を使用してください。
注釈は、
主役より視覚的に強くならないようにしてください。
小さくても読みやすい組版を維持してください。
# 線
線は細く、繊細に使用してください。
用途：
- 引出線
- フロー
- 接続
- グラフ
- 区切り
- 基準線
意味のない装飾線は避けてください。
線を使わず余白だけで分けられる場合は、
余白を優先してください。
# 色彩
背景は完全な白（Pure White Background）を基本としてください。
基本色：
- 白
- 墨色に近い黒
- 濃いグレー
- 淡いグレー
アクセントカラーは、
原則として1色程度に限定してください。
必要な場合のみ、
2色目をごく限定的に使用してください。
# アクセントカラー
アクセントカラーは、
鮮やかすぎない落ち着いた色を基本としてください。
例えば、
- 藍色
- 深い青
- 墨色
- くすんだ赤
- 落ち着いた緑
- 淡い茶
- 鈍い金色
など。
ただし、
「和風」を演出するために
伝統色を大量に使用する必要はありません。
色ではなく、
余白と組版を中心に日本的な静けさを作ってください。
# 色の引き算
色は必要最低限にしてください。
基本的には、
白
＋
黒・グレー
＋
アクセント1色
程度を目指してください。
重要な情報にだけ色を使用することで、
視線を自然に誘導してください。
色がない状態でも、
情報構造が理解できることを優先してください。
# 日本的表現
Japanese Minimalという名称でも、
- 和紙
- 桜
- 富士山
- 鳥居
- 筆文字
- 家紋
- 麻の葉模様
- 赤い日の丸
などのステレオタイプな「和風モチーフ」を
自動的に追加しないでください。
日本的な印象は、
- 余白
- 静けさ
- 控えめな色
- 整った組版
- 細部への配慮
- 余韻
によって表現してください。
# イラスト
必要に応じて、
簡潔な線画やフラットなイラストを使用してください。
イラストは、
- シンプル
- 軽い
- 繊細
- 清潔
- 説明的
な表現を基本としてください。
装飾目的だけのイラストは避けてください。
主役となる図解や情報を邪魔しないようにしてください。
# 写真表現
入力内容に写真が有効な場合のみ、
限定的に使用して構いません。
使用する場合は、
- 小さく配置する
- 大胆な余白と組み合わせる
- 静かにトリミングする
- 文字を重ねすぎない
など、
落ち着いた編集を行ってください。
写真を全面背景として使用することは避けてください。
# 視線誘導
読者の視線が自然に、
タイトル
↓
主図・重要情報
↓
主要な関係
↓
補足
↓
小さな注釈
へ移動するようにしてください。
視線誘導には、
- 余白
- サイズ
- 位置
- 文字ウェイト
- 線
- 色
- 図の方向
を使用してください。
大量の矢印や派手な視覚効果へ頼らないでください。
# 視線の静けさ
画像内を見たときに、
視線が忙しく飛び回らないようにしてください。
最初に一つの情報へ自然に目が向き、
そこからゆっくり次の情報へ移動する構成を目指してください。
「全部が目立つ」
状態を避けてください。
# 二段階の理解
第一段階では、
画像を数秒見るだけで、
- テーマ
- 最重要ポイント
- 大まかな構造
が分かるようにしてください。
第二段階では、
細部を見ることで、
- 補足
- 数値
- 条件
- 関係性
- 注釈
まで理解できるようにしてください。
静かな誌面でも、
情報の深さを持たせてください。
# ブログ・Web記事への最適化
ブログやWeb記事の途中へ配置した際、
本文の流れを邪魔せず、
自然に目を止めてもらえるビジュアルにしてください。
派手な広告的表現ではなく、
「少し気になって見てしまう」
程度の静かな視覚的引力を作ってください。
画像単体でも、
テーマと重要ポイントが理解できることを重視してください。
# 上質感
上質感は、
- 光沢
- 金色
- 影
- 高級素材
によって作らないでください。
上質感は、
- 余白
- 組版
- 整列
- 線の細さ
- 色の抑制
- 要素の少なさ
- 丁寧な情報階層
によって作ってください。
# テンプレート化の回避
毎回、
- 左タイトル＋右図解
- 3カード
- 4分割
- アイコン横並び
- 中央配置
へ固定しないでください。
入力内容を分析し、
「どこを空けるべきか」
「何を一番大きくするか」
「どの情報を小さく扱うか」
を毎回判断してください。
余白の位置や情報密度も、
内容に合わせて変化させてください。
# UIデザイン化の回避
丸角カード、ボタン、アプリ風パネルなどを
大量に使用しないでください。
ブログ向けだからといって、
Webアプリやダッシュボードのような画面にはしないでください。
一枚の誌面として設計してください。
# 禁止事項
以下は避けてください。
- 丸角カードを大量に並べたUI風デザイン
- 一般的なPowerPointテンプレート
- 派手な多色使い
- 大量のストックアイコン
- 重いドロップシャドウ
- 浮遊する立体カード
- 過剰な光沢・発光
- 複雑なグラデーション
- 意味のない3D効果
- ネオン表現
- 派手な背景
- 背景テクスチャ
- 大量の装飾
- 極端な斜め構図
- 読みにくい巨大文字
- 過剰な重なり
- 漫画表現
- キャラクター・マスコット
- 子ども向け教材風
- 安易な和風モチーフ
- 筆文字の多用
- 情報を詰め込みすぎた構成
見栄えのためだけに、
入力情報に存在しない数値・条件・関係を追加しないでください。
# 正確性
入力情報に含まれる、
- 数値
- 単位
- 条件
- 順序
- 因果関係
- 比較関係
- 技術用語
- 専門用語
- 結論
を正確に維持してください。
情報を簡潔に再編集しても、
元の意味を変更しないでください。
分かりやすさのために
重要な条件を削りすぎないでください。
# 文字ルール
画像内の説明文、タイトル、見出し、ラベル、注釈は
必ず日本語にしてください。
ただし以下は、
適切な場合は原表記を維持してください。
- 固有名詞
- 製品名
- 規格名
- 数式
- コード
- 変数名
- 単位
- 材料記号
- 専門用語
文章量は控えめにし、
- 短いタイトル
- キーワード
- 数値
- 短い説明
- 簡潔な注釈
を中心にしてください。
# 出力仕様
アスペクト比：16:9
高解像度で生成してください。
文字、細線、数値、図形、図解、グラフを
シャープかつ繊細に描画してください。
ノイズやぼやけを避け、
ブログ、Web記事、専門メディア、技術記事、
ビジネス記事、企業広報などへそのまま使用できる
高品質な仕上がりを目指してください。
# 最終イメージ
「何もないミニマルな図」
ではありません。
「必要な情報だけを丁寧に選び、
余白・組版・細い線・控えめな色によって、
静かで上質な誌面へ編集したもの」
にしてください。
最終的な印象は、
「派手」ではなく「静かに目を引く」、
「情報が少ない」ではなく「情報が選ばれている」、
「和風」ではなく「日本的な余白感がある」、
「シンプル」ではなく「繊細に設計されている」、
「装飾的」ではなく「情報そのものが美しい」、
「無機質」ではなく「静かな温度がある」、
「テンプレート」ではなく「丁寧に編集された一枚の誌面」
となるJapanese Minimal Editorialデザインにしてください。