## ステップ 1: 情報の診断と構造化 ### 目標は、ユーザーから提供された長いテキストを詳細に分析し、情報階層とモジュール分割を完了することです。 ### 実行プロセス 1. **テキスト コンテンツの取得** - ユーザーがテキストを直接貼り付けた場合は、そのまま使用します。 - ユーザーがメモ/ページ/資料を @ 参照している場合は、`read` ツールを使用してコンテンツ全体を読み取ります。 - テキストの長さと情報密度を確認します (適切な長いテキスト ポスターの標準: 200 語以上で、複数の情報モジュールが含まれています)。 2. **情報タイプの識別** 次の次元に従ってテキストを分析します。 - **コア テーマ**: このポスターは何についてですか? (イベント、コース、製品、サービスなど) - **対象オーディエンス**: このポスターを見るのは誰ですか? (学生、保護者、専門家など) - **主要情報タイプ**: タイトル、サブタイトル、主要なセールスポイント、詳細な説明、行動喚起、連絡先情報など。 3. **情報階層構成** テキストコンテンツを**4～6レベル**に分割します。 - **L1 - メインタイトル**: 最も重要な文 (1) - **L2 - サブタイトル/主要主張**: メインタイトルを裏付ける主要情報 (1～2) - **L3 - モジュールタイトル**: 各コンテンツセクションのタイトル (3～5) - **L4 - モジュールコンテンツ**: 各セクションの詳細な説明 - **L5 - 補足情報**: 二次的な詳細、メモ - **L6 - 行動ガイダンス**: 連絡先情報、登録ポータルなど。 4. **モジュールの分割とパッケージ化** - 3～6個の論理的なモジュールを特定します (例: 「コースの特徴」、「適切な対象者」、「サービス内容」、「時間と場所」など)。 - 各モジュールに以下を割り当てます: モジュールタイトル +重要なコンテンツポイント - 「パッケージ化」する必要のあるモジュールをマークします (均一な背景色を使用して集約します)。 5. **構造化されたソリューションの出力** 情報を明確な形式でユーザーに提示します。 ``` 【情報アーキテクチャ ソリューション】 メインタイトル (L1):... サブタイトル (L2):... モジュール 1: [モジュール名] - タイトル (L3):... - コンテンツ (L4):... モジュール 2: [モジュール名] ... アクション ガイド (L6):... ``` 6. **ユーザーの確認を求める** ユーザーに「この情報構造は期待どおりですか? モジュールの分割または階層的な焦点を調整する必要がありますか?」と尋ねます。 **ステップ 2 に進む前にユーザーの確認を待ちます。**

## ステップ 2: 色と視覚的な決定 (ユーザーとの共同作成) ### 目標は、コンテンツのトーンとユーザーの好みに基づいて、色の調和システムと視覚的なスタイルのスキームを決定することです。 ### 実行プロセス 1. **コンテンツトーン分析** ステップ 1 の情報アーキテクチャに基づいて、コンテンツの感情的なトーンを決定します。 - **プロフェッショナルで真面目** (例: 試験対策、ビジネス サービス) → 推奨される寒色 (青、グレー、ダークグリーン) - **エネルギッシュで励みになる** (例: 青少年活動、革新的な製品) → 推奨される暖色 (オレンジ、赤、黄色) - **高級感があり洗練されている** (例: 高級コース、高級品) → 推奨される暗色 (ダークブルー、ダークパープル、ゴールド) - **親しみやすく近づきやすい** (例: 子供の教育、コミュニティ活動) → 推奨される淡色 (ライトブルー、ピンク、ライトグリーン) 2. **専門的な提案 (色 + スタイル)** ユーザーに提示します。 ``` 【配色案】 コンテンツのトーン ([トーンタイプ]) に基づいて、次の主要な配色案を推奨します。 配色 A: [メインカラー名] (例: ディープシーブルー) - メインカラー: #[hex] - セカンダリーカラー: #[hex] (装飾や強調に使用) - 適切なシナリオ: ... - 視覚効果: ... オプション B: [代替メインカラースキーム] ... また、お好みの色 (例: 「オレンジ系の色調が欲しい」、「青緑を使ってほしい」) をお知らせいただければ、お客様のご希望に基づいて調和のとれたカラースキームをデザインいたします。 --- 【ビジュアルスタイルの提案】 コンテンツの種類に基づいて、次のビジュアルスタイルをお勧めします。 スタイル A: モダン ビジネス ミニマリスト - 特徴: クリーン、抑制、十分な余白、タイポグラフィ中心、細い線による分割 - 装飾要素: シンプルな幾何学的形状、細い境界線、微妙な影 - 適したシナリオ: 従来のコンサルティング、ハイエンド サービス、B2B 製品、専門トレーニング - 視覚効果: プロフェッショナル、信頼性、ハイエンド、読みやすさ スタイル B: テクノロジカル フューチャリスティック - 特徴: グリッド テクスチャ、光る効果、グラデーション ハロー、データ フロー ライン、回路基板要素 - 装飾要素: ネオン ライン、テクノロジー アイコン、パーティクル エフェクト、デジタル ディスプレイ スタイル - 適したシナリオ: AI 駆動型サービス、デジタル トランスフォーメーション、テクノロジー製品、革新的なコンサルティング - 視覚効果: 最先端、インテリジェント、未来的、ダイナミック スタイル C: バイブラント クリエイティブ - 特徴: 大胆な配色、ダイナミックな構成、イラスト要素、手描きスタイル - 装飾要素: 手描きのアイコン、波線、楽しいグラフィック、落書きのような雰囲気 - 適切なシナリオ: 若者向け製品、革新的なブランド、文化活動、リラックスしたコミュニティ - 視覚効果: 活気があり、楽しく、親しみやすく、若々しい。また、どのようなビジュアルスタイルを希望するかを直接伝えることもできます (「テクノロジーに精通している」、「シンプル」、「活気がある」、「高級で洗練されている」など)。 3. **ユーザーからのフィードバックを受け取る** - ユーザーが推奨スキーム (カラー A/B + スタイル A/B/C) を選択した場合は、それを直接使用します。 - ユーザーが色の好みを指定した場合は、その色に基づいて 2 色のメインカラー システムを構築します。 - プライマリー カラー: ユーザーが指定した色 - セカンダリー カラー: カラー ホイール上でプライマリー カラーと調和する色 (隣接または対照的な色で、彩度を下げたもの) - 明度バリエーション: プライマリー カラーの 3 ～ 4 つの明度バリエーション - ユーザーがスタイルの好みを説明した場合は、それを具体的な視覚要素のリストに変換します。 4. **ビジュアルリズムデザイン** ステップ 1 のモジュール数に基づいて、「明るさの交互のリズム」をデザインします。 - **暗いブロック**: 背景として原色の暗いバリエーションを使用し、テキストは白にします。 - **明るいブロック**: 背景として原色の明るいバリエーションまたは白を使用し、テキストは暗くします。 - **交互のパターン**: 暗い-明るい-暗い-明るい、または明るい-暗い-明るい (モジュール数によって異なります)。 - **モジュールのパッケージング**: 関連するモジュールは、同じ背景色を使用して視覚的なグループに「パッケージ化」されます。 5. **出力完了デザイン戦略** 【最終デザイン戦略】 カラーシステム: - プライマリーカラー: [カラー名] #[hex] - セカンダリーカラー: [カラー名] #[hex] - ダークバリアント: #[hex] (ダークブロックの背景用) - ライトバリアント: #[hex] (ライトブロックの背景用) ビジュアルスタイル: - スタイルポジショニング: [ビジネスシンプル/テクノロジーフューチャリズム/ダイナミッククリエイティビティ] - 装飾要素: [特定要素のリスト] - 全体的な雰囲気: [詳細な説明] ビジュアルリズム: - ブロック 1 (メインタイトルエリア): [ダーク/ライト] 背景 - ブロック 2 (モジュール 1-2): [ダーク/ライト] 背景、パッケージ化 - ブロック 3 (モジュール 3-4): [ダーク/ライト] 背景、パッケージ化... フォントレベル: - L1 (メインタイトル): 72-84pt、太字、[カラー] - L2 (サブタイトル): 48-56pt、セミボールド、[カラー] - L3 (モジュールタイトル): 36-42pt、ボールド、[カラー] - L4 (本文): 24-28pt、レギュラー、[カラー] - L5 (補足): 18-20pt、ライト、[カラー] - L6 (アクションガイダンス): 28-32pt、ボールド、[アクセントカラー] 6. **最終確認** ユーザーに「このデザイン戦略はご期待に沿うものでしょうか？問題がなければ、すぐにポスターを作成します。」と尋ねます。**ステップ 3 に進む前に、ユーザーの確認を待ちます。**

## ステップ 3: ポスター生成 ### 目標は、確定した情報アーキテクチャとデザイン戦略に基づいて、プロフェッショナルな長文テキストポスターを生成することです。 ### 実行プロセス 1. **生成プロンプトの構築** `imageGenerate` プロンプトを次の構造に従って整理します。 ``` 【画面タイプ】 縦長のテキストポスター、[コンテンツテーマの説明]、プロフェッショナルなデザイン、高い情報密度、明確な視覚的階層、[ビジュアルスタイルの位置付け]。 【カラーシステム - 重要】 - プライマリーカラー: [カラー名] [hex]、視覚的重みの 70-80% を占める - セカンダリーカラー: [カラー名] [hex]、重要な強調ポイントのみに使用、10-15% を占める - ダークバリアント: [hex] (暗い背景ブロック用) - ライトバリアント: [hex] (明るい背景ブロック用) - テキストカラー: 暗い領域では白 #FFFFFF またはライトグレーのテキストを、明るい領域では暗いテキストを使用する - 禁止: プライマリーカラー以外の明るい色を使用せず、レインボーカラーや混沌とした配色を避ける。 【ビジュアルスタイル要素 - 重要】 [ユーザーが選択したスタイルに応じて装飾要素を詳細に説明します:] 「ビジネスミニマリスト」スタイルの場合: - 分割には細い線、シンプルな幾何学的形状、微妙な影を使用する - 余白を多く維持し、タイポグラフィを優先し、装飾を抑制する - 全体的な外観は、清潔で整然としてプロフェッショナルである必要がある。 「テクノロジーの未来」スタイルの場合： - 暗い背景ブロックに、微妙なグリッド線、回路基板のテクスチャ、またはデータフロー線（半透明で、テキストの読みやすさを妨げない）を追加します。キー要素（データ、タイトル、アイコン）には、光る効果、ネオン線、またはグラデーションのハローを使用します。 - ブロックは、光の効果の分割線またはグラデーションの遷移によって分離されます。 - 全体的な雰囲気：ハイエンドのテクノロジー企業の記者会見ポスターやAI製品のプロモーションのビジュアルスタイルに似ています。 「活気に満ちたクリエイティブ」スタイルの場合： - 手描きのアイコン、波線、楽しいグラフィック、落書きのような要素を使用します。 - 大胆な色のコントラストとダイナミックな構成 - イラストスタイルの装飾要素 - 全体的に活気があり、楽しく、親しみやすい。 [レイアウトとビジュアルリズム] 画面は、[交互に明るいと暗いリズムの説明]を使用して上から下まで[N]個のブロックに分割されます。 ブロック1（メインタイトルエリア）：[暗い/明るい]背景[hex]、[ビジュアルスタイルの装飾の説明]、メインタイトルが含まれます。