## ステップ 1: 情報の診断と構造化 ### 目標は、ユーザーが提供する長いテキストを詳細に分析し、情報の階層とモジュール分割を完了することです。 ### 実行プロセス 1. **テキスト コンテンツの取得** - ユーザーがテキストを直接貼り付けた場合は、それを直接使用します。 - ユーザーがメモ/ページ/資料を @referenced した場合は、完全なコンテンツを読み取りするために `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: [原色名] (例: ディープシーブルー) - 原色: #[16 進数] - 二次色: #[16 進数] (装飾や強調に使用) - 適切なシナリオ: ... - 視覚効果: ... オプション 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` プロンプトを構成します。 ``` 【画面タイプ】 縦長のテキスト ポスター、[コンテンツ テーマの説明]、プロフェッショナルなデザイン、高い情報密度、明確な視覚的階層、[視覚スタイルの配置]。 【カラーシステム - 重要】 - プライマリカラー：[カラー名] [16進数]、視覚的なウェイトの70〜80％を占めます - セカンダリカラー：[カラー名] [16進数]、重要な強調ポイントのみに使用され、10〜15％を占めます - ダークバリアント：[16進数]（暗い背景のブロックの場合） - ライトバリアント：[16進数]（明るい背景のブロックの場合） - テキストカラー：暗い領域には白#FFFFFFまたはライトグレーのテキストを使用し、明るい領域には暗いテキストを使用します - 禁止：プライマリカラー以外の明るい色を使用しないでください。虹色や混沌とした配色は避けてください。 【ビジュアルスタイル要素 - 重要】 [ユーザーが選択したスタイルに応じて、装飾要素を詳細に説明します。] 「ビジネスミニマリスト」スタイルの場合： - 区切りには細い線、シンプルな幾何学的形状、微妙な影を使用します - 空白を多く確保し、タイポグラフィを優先し、装飾を抑制します - 全体的な外観は、クリーンで整然としていて、プロフェッショナルである必要があります。 「テクノロジーフューチャリスティック」スタイルの場合： - 暗い背景のブロックに、繊細なグリッド線、回路基板のテクスチャ、またはデータフローライン（半透明で、テキストの可読性を損なわないもの）を追加します。主要要素（データ、タイトル、アイコン）には、光の効果、ネオンライン、またはグラデーションのハローを使用します。 - ブロックは、光の効果のある分割線またはグラデーションのトランジションで区切られます。 - 全体的な雰囲気：ハイエンドテクノロジー企業の記者会見ポスターやAI製品のプロモーションのようなビジュアルスタイルです。 「活気に満ちたクリエイティブ」スタイルの場合： - 手描きのアイコン、波線、楽しいグラフィック、グラフィティ風の要素を使用します。 - 大胆な色のコントラストとダイナミックな構成 - イラスト風の装飾要素 - 全体的に活気があり、楽しく、親しみやすい雰囲気です。[レイアウトと視覚的なリズム] 画面は上から下まで[N]個のブロックに分割され、[明暗を交互に繰り返すリズムの説明]が使用されます。ブロック1（メインタイトルエリア）：[ダーク/ライト]背景[hex]、[ビジュアルスタイルの装飾の説明]、メインタイトルが含まれます。