利益:
- レイアウト、コントラスト、タイポグラフィー、色の原則を使用して読みやすいスライドを作成し、人工知能からアクセス可能なパレットとデザインの提案を受け取る機能
- 視覚生成人工知能を使用して適切な背景、イラスト、一貫したアイコンを生成し、「画像上にテキストを印刷しない」などの実際的な制限を適用する機能
- 偽の画像を本物として表現せず、デザイン倫理と著作権/商標、色盲などのアクセシビリティ制限を尊重できること。
間違ったデザインでは、適切なコンテンツが失われてしまいます。小さなフォント、色の衝突、配置の乱れ。それはたとえ最高のメッセージであっても弱めてしまいます。この単元では、次の 2 つの仕事で人工知能を使用します。(1) スライドのレイアウト、色、およびタイポグラフィの決定に関するアドバイザーとして。 (2) 視覚生成人工知能を使用して、必要な画像、アイコン、背景を生成します。目標は、デザイナーがいなくても、一貫性のある読みやすいスライドを作成することです。
デザインの 3 つの柱: レイアウト、カラー、タイポグラフィー
いくつかの概念。レイアウトとは、スライド上の要素の配置です。タイポグラフィーとは、フォントとサイズの選択です。コントラストはテキストと背景の違いです。コントラストが低いと読み取れません。ホワイトスペースは要素間の空白スペースです。空虚を恐れないでください、それは明晰さをもたらします。
実際の開始ルール:
- 配置: 仮想グリッド内の要素を配置します。左右に振らないようにしてください。
- コントラスト: 明るい背景に暗いテキスト、またはその逆。グレーの上にグレーはない。
- タイポグラフィ: 最大 2 フォント。タイトルは大きくて大胆で、本文は読みやすいサイズです (サロンでは 24 ポイント以上が適切な基準です)。
- カラー: メインカラー 1 色 + ハイライト 1 ～ 2 色 + ニュートラル。ブランドカラーがある場合は、それを守りましょう。
- 繰り返し: すべてのスライドで、同じ要素が同じ場所に、同じ形式で表示されます。
原則
誤用
正しい適用
コントラスト
明るい灰色の背景に白い文字
濃い青色の背景に白い文字
色の数
7 種類の鮮やかなカラー
メイン1本＋ハイライト2本＋グレートーン
タイポグラフィー
4種類のフォント
見出し 1 個 + 本文フォント 1 個
スペース
端から端までフルスライド
余白と呼吸スペース
注意: 色覚異常は一般的です (男性の約 8%)。情報を赤/緑に分けるだけではありません。図形、ラベル、テクスチャも追加します。
人工知能を活用したデザインコンサルティング
このモデルは設計プログラムではありませんが、優れた設計コンサルタントです。カラーパレット、レイアウトのアイデア、タイポグラフィーの一致により、次のことが示唆されます。
あなたの役割: プレゼンテーション デザイン コンサルタント。ブランドのメイン カラー: [#hex または "ダーク ネイビー"]。セクター: [ ... ]。トーン: [企業 / 暖かい / 技術]。タスク:1) アクセシブルなカラー パレットを提案します: 1 メイン、2 アクセント、2 ニュートラル (それぞれの 16 進コードとその使用場所)。2) タイトルと本文に互換性のある 2 つのフォントを提案します (共通、無料)。3) 「コンテンツ スライド」の簡単なレイアウトを説明します (タイトルはどこ、画像はどこ、テキストはどこ)。コントラスト比が読み取れることを確認してください。
既製のスライドを批評するには (スクリーンショットをアップロードして):
デザイン編集者の目を通してこのスライド画像を批評してください。コントラスト、配置、テキストの密度、色数、読みやすさの観点から問題を書き留め、それぞれに対する具体的な解決策を提案します。装飾ではなく、明確さを目指しています。
画像生成人工知能: 何のために、どのように?
画像生成人工知能 (テキストから画像を生成するツールなど) は、作成したレシピをビジュアルに変換します。プレゼンテーションの背景、概念的なイメージ、イラスト、アイコンのアイデアに適しています。優れた画像プロンプトには、主題 + スタイル + 構成 + 色 + プロポーション + 使用目的が含まれます。
プレゼンテーションのカバー画像を作成します。トピック: 持続可能な農業におけるテクノロジー。スタイル: シンプル、モダン、フラットなイラスト、現実的な写真ではありません。構成: 右側に空のスペースを残します (タイトルのテキストがそこに配置されます)。色: グリーンとアースカラー、落ち着いた雰囲気。比率: 16:9 水平。テキスト/テキストを追加します (テキストを入れます)。
アイコンセットの場合:
プレゼンテーション用の一貫したアイコン セットのアイデアを生成します。ニーズ: スピード、セキュリティ、節約、チーム、自動化 (5 つの概念)。それぞれにシンプルな線画のモノクロアイコンを記述します。それらすべてを同じ視覚言語と厚さで表現します。
ヒント: 画像上にテキストを配置しないでください。生成された画像内のテキストは、歪んでいたり、間違っていることがよくあります。スライド プログラムにテキストを追加します。
映像制作の限界と倫理
- 本物に見える偽物: 捏造された画像を「本物の写真/本物の人物」として提示することは誤解を招きます。ニュースは証拠や証言の代わりにはなりません。
- 著作権と商標: 既存のブランドのロゴ、キャラクター、または特定のアーティストのスタイルを「模倣」すると、著作権と商標の問題が発生する可能性があります。
- 人物像: 実在の人物に似た画像を作成し、その人物の口から何かを言わせることは非倫理的です。
- 正確さ: 生成された「データビジュアル」は実際のデータではありません。グラフィックスを置き換えるものではありません。グラフには、実際のデータ (次の単位) で作成されたプロットを使用します。
ミニケース3個
ケース 1 — コントラスト補正。ある教師のスライドは、明るい灰色の背景に明るい青のテキストで作成されました。後列の生徒は字が読めませんでした。 AI は、暗い背景 + 白いテキストとフォント サイズの増加を提案しました。バックステージからの読みやすさに関する苦情は完全に終わりました。
ケース 2 — 一貫したアイコン。製品チームは、プレゼンテーションで 9 つの異なるスタイルのアイコン (塗りつぶされたもの、線が入ったもの) を使用していました。彼は AI にセットを 1 つのスタイルで記述させました。すべてがラインスタイルに反映されます。デザイナーを起用していないにも関わらず、プレゼンテーションは「プロフェッショナルに見える」という反響をいただきました。
ケース 3 — 偽のイメージからの復帰。マーケティング担当者は、生成された AI ポートレートに「当社の幸せな顧客」というタイトルを付けて実際の顧客として配置します。チームはこれが誤解を招くものであることに気づきました。代わりに、本物の認定された顧客の写真を使用するか、抽象的なイラストを選択しました。したがって、信頼リスクは排除されました。
弱いプロンプト / 強いプロンプト
弱い：
美しいプレゼンテーションの背景を作成します。
スタイルもプロポーションも色もスペースも目的もありません。結果はランダムであり、多くの場合役に立ちません。
強い：
16:9 のプレゼンテーションの背景を生成します。トピック: 金融の成長。スタイル: ミニマル、抽象的な幾何学的な、単色。色: ダークネイビーブルー、ゴールドのアクセント、ディテールはほとんどありません。左 3 分の 1 は空のままにしておきます (テキストがそこに挿入されます)。テキスト/数字を追加します。高コントラストでテキストが読みやすい背景を取得します。
2 つ目は、比率、空き領域、色、「テキストの挿入」などの重要な詳細を示します。出力は直接使用できます。
よくある間違い
- 過剰な色とフォント: スライドが虹になると、気が散ってしまいます。
- 低コントラスト: ライトオンライト、読めないテキスト。
- 画像上にテキストを印刷する: 生成されたテキストは歪んでいます。スライドプログラムにテキストを追加します。
- 偽物を本物として提示する: 制作された人物や写真を本物であるかのように使用します。
- 色だけで区別: 色盲の視聴者を除外します。図形/ラベルも追加します。
- ブランドのスタイルを模倣する: 著作権と商標のリスクが生じます。
要約すると
デザインの 3 つの柱は、レイアウト、カラー、タイポグラフィーです。読みやすさは、配置、コントラスト、低い色/フォント、間隔によって決まります。 AI は、カラーパレット、レイアウト、タイポグラフィーを推奨する優れたアドバイザーです。ビジュアルを生み出す人工知能が背景やイラスト、アイコンのアイデアを生み出します。ただし、画像に書き込みをしたり、偽物を本物のように見せたりしないでください。また、著作権/ブランド、色覚異常に注意してください。それは見た目の誠実さと読みやすさを重視しています。
アプリケーションタスク
スライドの 1 つを選択します。 (1) AI にアクセス可能なカラー パレット (メイン 1 つ + ハイライト 2 つ + ニュートラル) と 2 つのフォントを生成させます。 (2) スライドのスクリーンショットを撮り、コントラスト/配置を批評し、少なくとも 2 つの修正を適用します。 (3) 画像生成AIでイメージを生成する。プロンプトにレートと「テキストの追加」ルールを入力します。
チェックリスト
- [ ] 最大 2 つのフォントと限られたカラー パレットを使用します。
- [ ] テキストと背景のコントラストが高い。後列から読まれます。
- [ ] 色だけでなく、形状・ラベルごとに情報を分けてみました。
- [ ] 生成された画像にはテキストを何も印刷しませんでした。テキストを追加しました。
- [ ] 私は偽の画像を本物として提示しません。著作権・商標リスクを調べてみました。
- [ ] アイテムはグリッド内に配置され、十分なスペースがあります。