なぜ、あなたのスライドは読まれないのか？ 徹夜で作った100枚の資料より、ルールを守った10枚の方が10倍伝わります。 実は、デザインは「センス」ではなく「科学」です。 AIですら守っている普遍的な原則を知るだけで、今日からあなたの資料作成は劇的に変わります。 さらに、AIに最適な指示を出すための「構造化されたデザイン原則」を理解すれば、あなたの資料作成は次のステージへ進むでしょう。
↓サムネイル版はこちら
「自分にはデザインのセンスがないから、スライドが野暮ったくなるのは仕方ない……」 そう諦めていませんか？ 多くのビジネスパーソンが、デザインを「感性で作り上げるアート」だと誤解しています。 しかし、プレゼンテーションにおけるデザインの真の目的は、情報を最短距離で相手の脳に届けるための「論理的なルール」に他なりません。 実際、最新のAIが美しいスライドを瞬時に生成できるのは、彼らに芸術的感性があるからではありません。 デザインを構成する「グリッド」「比率」「コントラスト」といった明確なロジックを忠実に実行しているからです。 つまり、私たち人間もそのルールさえ知ってしまえば、センスに関係なく「プロ級」の資料を作ることが可能なのです。 まずは「きれいに飾る」という思考を捨てましょう。 スライドデザインの真の目的は、装飾ではなく「情報の整理」です。ルールに基づいた整理整頓こそが、最強のデザインへの第一歩となります。人間もAIも、この普遍的な原則に従うことで最高の成果を出せるのです。
スライドを見た瞬間に「何が重要か」が分からない資料は、その時点で失敗です。 聴衆の視線を意図通りに誘導するために、以下の「CRAP原則」を意識してください。 特に重要なのが「余白（ホワイトスペース）」の扱いです。 初心者はスライドの空白を「埋めなければならない敵」だと考えがちですが、プロは「情報を際立たせる味方」として活用します。 スライド面積の30%以上をあえて空けることで、残りの7割の情報が劇的に読みやすくなります。AIには「margin_safe_area: 5%」のように具体的な余白比率を指示できます。 また、要素の配置に迷ったら「三分割法」を試してください。スライドを縦横3等分し、その線の交点に重要なアイコンやメッセージを置くだけで、素人っぽさが消え、安定感のある洗練されたレイアウトが完成します。 AIへの指示では「principles: [“Rule of Thirds”]」と含めることで、この原則に基づいた配置を促せます。
「スライドの文字が小さすぎて読めない」という不満は、プレゼン現場で最も多い失敗の一つです。 これを防ぐための強力なガイドラインが、ガイ・カワサキ氏が提唱する「10/20/30ルール」です。 特に「30pt以上」という制約は、情報の断捨離を強制してくれます。30ptで書こうとすると、必然的に余計な文章を削り、本質的なキーワードだけを残さざるを得なくなるからです。 AIに指示を出す際は、具体的なフォントサイズを指定できます。例えば、「min_font_size: {title: 36, heading: 28, body: 24, caption: 18}」のように、各要素の最小フォントサイズを明確に伝えます。 また、色の使いすぎも禁物です。 スライド全体で使う色は「3色」に絞りましょう。これは「3色ルール」と呼ばれ、ベースカラー、メインカラー、アクセントカラーの比率を70:25:5にすることで、スライドにプロのような一貫性が生まれます。 AIには「color_palette: {ratio: “70:25:5”}」と指示することで、この比率に基づいた配色を適用させられます。
AIに「いい感じのスライド作って」と漠然と指示しても、期待通りの結果は得られません。 AIがデザイン原則を効果的に適用するためには、人間が理解する「ルール」を、AIが直接理解できる「構造化されたデータ形式」で伝える必要があります。それがJSON-LDです。 JSON-LDは、ウェブ上の情報を機械が理解しやすいように構造化するための標準的な形式です。これをデザイン原則に応用することで、AIは単なるテキストプロンプト以上の深いレベルで、あなたの意図を汲み取ったスライドを生成できるようになります。 以下に、AIがプレゼンテーションデザインシステムを理解するためのJSON-LDスキーマの例を示します。 この構造化データは、AIがスライド生成プロセスで参照すべき具体的なデザインルールを網羅しています。
{
"@context": "https://schema.org",
"@type": "PresentationDesignSystem",
"name": "Universal Slide Design Principles for AI",
"description": "A structured specification for AI to generate effective and accessible presentation slides.",
"design_guidelines": [
{
"@type": "DesignPrinciple",
"name": "Layout and Visual Composition",
"principles": [
{
"name": "CRAP Principles",
"description": "Contrast, Repetition, Alignment, Proximity for visual consistency and organization.",
"ai_instruction": "Align all elements to a grid, group related items, and use contrast for emphasis."
},
{
"name": "Visual Hierarchy",
"description": "Guiding the audience's eye through information priority.",
"ai_instruction": "Use largest font for titles, medium for key points, and small for details."
},
{
"name": "White Space",
"description": "Intentional empty space to prevent clutter and emphasize elements.",
"ai_instruction": "Ensure at least 30% of slide area is white space to define information boundaries."
},
{
"name": "Rule of Thirds",
"description": "Placing key elements at the intersections of a 3x3 grid for visual balance.",
"ai_instruction": "Position important images or icons near the intersections of the rule of thirds grid."
}
]
},
{
"@type": "DesignPrinciple",
"name": "Typography and Readability",
"principles": [
{
"name": "Font Size",
"description": "Ensuring visibility from the back of the room.",
"ai_instruction": "Title: >=36pt, Body: >=24pt (min 18pt)."
},
{
"name": "Font Limitation",
"description": "Maintaining visual consistency and reducing cognitive load.",
"ai_instruction": "Limit to a maximum of 2 font types per presentation (e.g., sans-serif for headings, readable gothic for body)."
},
{
"name": "Line and Character Spacing",
"description": "Improving readability of text blocks.",
"ai_instruction": "Set line spacing to 1.2-1.5 times. Use wider spacing for bullet points than normal line spacing."
},
{
"name": "Minimize Text",
"description": "Slides complement the speaker, not replace them.",
"ai_instruction": "Limit lines to 20 characters, and bullet points to 4 per slide. Use keywords or short phrases."
}
]
},
{
"@type": "DesignPrinciple",
"name": "Color and Accessibility",
"principles": [
{
"name": "3-Color Rule",
"description": "Golden ratio for color scheme: base, main, accent.",
"ai_instruction": "Base (70%): background, Main (25%): text/shapes, Accent (5%): emphasis."
},
{
"name": "Contrast Ratio",
"description": "Ensuring readability for visually impaired and low-resolution projectors.",
"ai_instruction": "Maintain a contrast ratio of 4.5:1 or higher between text and background (WCAG AA compliant)."
},
{
"name": "Redundant Meaning",
"description": "Avoiding reliance on color alone to convey information for color vision deficiency.",
"ai_instruction": "Use multiple visual cues (bold, underline, icons, patterns) in addition to color for emphasis."
}
]
},
{
"@type": "DesignPrinciple",
"name": "Content Strategy and Structure",
"principles": [
{
"name": "10/20/30 Rule",
"description": "Guy Kawasaki's golden rule for effective presentations.",
"ai_instruction": "Adhere to 10 slides, 20 minutes presentation time, and font size of 30pt or larger."
},
{
"name": "One Slide, One Message",
"description": "Preventing audience confusion by focusing on a single claim per slide.",
"ai_instruction": "Set one clear takeaway per slide and include only supporting information. Remove extraneous details."
},
{
"name": "Assertion-Evidence",
"description": "Pairing a claim (title) with visual evidence for logical persuasion.",
"ai_instruction": "Write the assertion as a complete sentence at the top, and place supporting visuals/data below."
}
]
},
{
"@type": "DesignPrinciple",
"name": "Visuals and Data Visualization",
"principles": [
{
"name": "High-Quality Images",
"description": "Using high-resolution, properly licensed images for credibility.",
"ai_instruction": "Avoid blurry or watermarked images. Effectively use 'bleed' to extend images to slide edges."
},
{
"name": "Simplified Diagrams",
"description": "Making complex processes intuitively understandable.",
"ai_instruction": "Adopt simple diagram formats like 3-step flowcharts or central mind maps."
},
{
"name": "Data Emphasis",
"description": "Highlighting key insights from graphs and charts.",
"ai_instruction": "De-emphasize graph backgrounds (e.g., gray) and use accent colors only for key data points."
}
]
}
]
}このJSON-LDをAIに渡すことで、AIは単に「青いスライド」と指示されるよりも、「ベースカラー70%にネイビーブルー、アクセントにオレンジを使用し、テキストと背景のコントラスト比は4.5:1以上を遵守したスライド」といった、より具体的で高品質なデザインを生成できるようになるのです。
Geminiでの使い方はかなりシンプルです。 JSON-LD専用の特別な入力欄があるわけではなく、「このJSON-LDをデザインルールとして解釈し、これに従ってスライドを作ってください」と指示文と一緒に渡します。 つまり、JSON-LDはAI向けに整理した「デザイン仕様書」です。GeminiがWebの構造化データとして自動で読むというより、ルールが整理された指示として読ませるイメージです。 ・Geminiアプリなら Gem の指示文に入れる ・必要なら JSON-LD ファイルを添付する ・APIなら system instruction に入れる なお、厳密には JSON-LD である必要はなく、普通の JSON でも大丈夫です。大事なのは、デザイン原則がAIに読み取りやすい形で構造化されていることです。
ここまで紹介した原則を全て一度に守るのは大変かもしれません。 まずは、次の資料作成で以下の3つのアクションだけを実践してみてください。