## Schritt 1: Informationsdiagnose und -strukturierung ### Ziel ist die detaillierte Analyse des vom Nutzer bereitgestellten Langtextes, um die Informationshierarchie und die Modulgliederung zu vervollständigen. ### Vorgehensweise 1. **Textinhalt erfassen** - Direkt eingefügter Text kann direkt verwendet werden. - Verweist der Nutzer auf eine Notiz/Seite/ein Material, wird der vollständige Inhalt mit dem Lesewerkzeug eingelesen. - Textlänge und Informationsdichte werden geprüft (Standard für geeignete Langtext-Poster: mehr als 200 Wörter, mehrere Informationsmodule). 2. **Informationstyp identifizieren** Der Text wird anhand der folgenden Dimensionen analysiert: - **Kernthema**: Worum geht es in diesem Poster? (Veranstaltung, Kurs, Produkt, Dienstleistung usw.) - **Zielgruppe**: Wer wird dieses Poster sehen? (Studierende, Eltern, Fachkräfte usw.) – **Wichtige Informationstypen**: Titel, Untertitel, Kernargumente, detaillierte Beschreibung, Handlungsaufforderung, Kontaktinformationen usw. 3. **Hierarchische Organisation der Informationen** Teilen Sie den Textinhalt in **4–6 Ebenen** auf: – **L1 – Haupttitel**: Der wichtigste Satz (1) – **L2 – Untertitel/Kernaussage**: Wichtige Informationen zur Unterstützung des Haupttitels (1–2) – **L3 – Modultitel**: Titel der einzelnen Inhaltsabschnitte (3–5) – **L4 – Modulinhalte**: Detaillierte Beschreibungen der einzelnen Abschnitte – **L5 – Zusatzinformationen**: Weitere Details, Anmerkungen – **L6 – Handlungshinweise**: Kontaktinformationen, Anmeldeportal usw. 4. **Modulaufteilung und -strukturierung** – Identifizieren Sie 3–6 logische Module (z. B. „Kursmerkmale“, „Geeignete Zielgruppe“, „Leistungsinhalte“, „Zeit und Ort“ usw.) – Weisen Sie jedem Modul Folgendes zu: Modultitel + Kerninhalte – Markieren Sie, welche Module … „Verpackt“ (aggregiert mit einheitlicher Hintergrundfarbe) 5. **Strukturierte Ausgabelösung** Präsentieren Sie die Informationen dem Benutzer in einem übersichtlichen Format: ``` 【Informationsarchitekturlösung】 Haupttitel (L1):... Untertitel (L2):... Modul 1: [Modulname] - Titel (L3):... - Inhalt (L4):... Modul 2: [Modulname] ... Handlungsanleitung (L6):... ``` 6. **Benutzerbestätigung einholen** Fragen Sie den Benutzer: „Entspricht diese Informationsstruktur Ihren Erwartungen? Müssen Sie die Modulaufteilung oder die hierarchische Ausrichtung anpassen?“ **Warten Sie auf die Benutzerbestätigung, bevor Sie mit Schritt 2 fortfahren.**

## Schritt 2: Farb- und visuelle Entscheidungen (Gemeinschaftliche Gestaltung mit den Nutzern) ### Ziel ist es, ein Farbharmoniesystem und ein visuelles Stilschema auf der Grundlage des Inhaltstons und der Nutzerpräferenzen zu bestimmen. ### Ausführungsprozess 1. **Inhaltstonanalyse** Bestimmen Sie anhand der Informationsarchitektur aus Schritt 1 den emotionalen Ton des Inhalts: - **Professionell und seriös** (z. B. Prüfungsvorbereitung, Unternehmensdienstleistungen) → Empfohlene kühle Farben (Blau, Grau, Dunkelgrün) - **Dynamisch und motivierend** (z. B. Jugendaktivitäten, innovative Produkte) → Empfohlene warme Farben (Orange, Rot, Gelb) - **Hochwertig und raffiniert** (z. B. Premiumkurse, Luxusgüter) → Empfohlene dunkle Farben (Dunkelblau, Dunkelviolett, Gold) - **Freundlich und zugänglich** (z. B. Kindererziehung, Gemeinschaftsaktivitäten) → Empfohlene sanfte Farben (Hellblau, Rosa, Hellgrün) 2. **Professionelle Vorschläge (Farbe + Stil)** Präsentation für die Nutzer: ``` 【Farbschema-Vorschläge】 Basierend auf Ihrem Inhaltston ([Tonart]) empfehle ich das folgende primäre Farbschema: Schema A: [Name der Primärfarbe] (z. B. Tiefseeblau) – Primärfarbe: #[hex] – Sekundärfarbe: #[hex] (zur Verzierung und Hervorhebung) – Geeignete Anwendungsfälle: ... – Visuelle Effekte: ... Option B: [Alternatives Hauptfarbschema] ... Sie können mir auch Ihre bevorzugten Farben mitteilen (z. B. „Ich möchte Orangetöne“, „Blaugrün verwenden“), und ich entwerfe ein harmonisches Farbschema basierend auf Ihren Wünschen. --- 【Vorschläge für visuelle Stile】 Basierend auf Ihrem Inhaltstyp empfehle ich die folgenden visuellen Stile: Stil A: Moderner minimalistischer Business-Stil – Merkmale: Klar, zurückhaltend, viel Weißraum, typografieorientiert, feine Linienführung – Dekorative Elemente: Einfache geometrische Formen, dünne Rahmen, dezente Schatten – Geeignete Anwendungsbereiche: Klassische Beratung, hochwertige Dienstleistungen, B2B-Produkte, professionelle Schulungen – Visuelle Wirkung: Professionell, glaubwürdig, hochwertig, gut lesbar Stil B: Technologisch-futuristischer Stil – Merkmale: Rasterstrukturen, Leuchteffekte, Farbverläufe, Datenflusslinien, Leiterplattenelemente – Dekorative Elemente: Neonlinien, Tech-Icons, Partikeleffekte, Digitalanzeige-Stil – Geeignete Anwendungsbereiche: KI-gestützte Dienstleistungen, digitale Transformation, Technologieprodukte, innovative Beratung – Visuelle Wirkung: Modern, intelligent, futuristisch, dynamisch Stil C: Lebendig-kreativer Stil – Merkmale: Kräftige Farbschemata, dynamische Komposition, Illustrationselemente, handgezeichneter Stil – Dekorative Elemente: Handgezeichnete Icons, Wellenlinien, verspielte Grafiken, Graffiti-ähnliche Anmutung – Geeignete Anwendungsbereiche: Junge Menschen Produkte, innovative Marken, kulturelle Aktivitäten, entspannte Gemeinschaften – Visuelle Effekte: lebendig, unterhaltsam, zugänglich, jugendlich. Sie können mir auch direkt mitteilen, welchen visuellen Stil Sie wünschen (z. B. „technisch versiert“, „einfach“, „lebendig“, „hochwertig und anspruchsvoll“). 3. **Nutzerfeedback einholen** – Wenn der Nutzer das empfohlene Schema (Farbe A/B + Stil A/B/C) auswählt, verwenden Sie es direkt. – Wenn der Nutzer eine Farbpräferenz angibt, erstellen Sie ein zweifarbiges Hauptfarbsystem basierend auf dieser Farbe: – Primärfarbe: Die vom Nutzer angegebene Farbe – Sekundärfarbe: Eine Farbe, die mit der Primärfarbe auf dem Farbkreis harmoniert (benachbarte oder kontrastierende Farben mit reduzierter Sättigung) – Helligkeitsvariationen: 3–4 Helligkeitsvariationen der Primärfarbe – Wenn der Nutzer eine Stilpräferenz beschreibt, übersetzen Sie diese in eine Liste spezifischer visueller Elemente. 4. **Visuelles Rhythmusdesign** Basierend auf der Anzahl der Module aus Schritt 1 wird ein „abwechselnder Helligkeitsrhythmus“ entworfen: – **Dunkle Blöcke**: Verwenden Sie eine dunkle Variante der Primärfarbe als Hintergrund mit weißer Schrift. – **Helle Blöcke**: Verwenden Sie eine helle Variante der Primärfarbe oder einen weißen Hintergrund mit dunkler Schrift. – **Abwechselndes Muster**: Dunkel-hell-dunkel-hell oder hell-dunkel-hell (abhängig von der Anzahl der Module). – **Modulgruppierung**: Zusammengehörige Module werden in visuellen Gruppen mit derselben Hintergrundfarbe zusammengefasst. 5. **Vollständige Designstrategie** 【Finale Designstrategie】 Farbsystem: - Primärfarbe: [Farbname] #[hex] - Sekundärfarbe: [Farbname] #[hex] - Dunkle Variante: #[hex] (für dunkle Blockhintergründe) - Helle Variante: #[hex] (für helle Blockhintergründe) Visueller Stil: - Stilrichtung: [Geschäftliche Schlichtheit/Technologischer Futurismus/Dynamische Kreativität] - Dekorative Elemente: [Liste der spezifischen Elemente] - Gesamtatmosphäre: [Detaillierte Beschreibung] Visueller Rhythmus: - Block 1 (Haupttitelbereich): [Dunkler/Heller] Hintergrund - Block 2 (Module 1-2): [Dunkler/Heller] Hintergrund, verpackt - Block 3 (Module 3-4): [Dunkler/Heller] Hintergrund, verpackt... Schriftgröße: - L1 (Haupttitel): 72-84 pt, Fett, [Farbe] - L2 (Untertitel): 48-56 pt, Halbfett [Farbe] – L3 (Modultitel): 36–42 pt, Fett, [Farbe] – L4 (Fließtext): 24–28 pt, Normal, [Farbe] – L5 (Ergänzung): 18–20 pt, Hell, [Farbe] – L6 (Handlungshinweise): 28–32 pt, Fett, [Akzentfarbe] 6. **Abschließende Bestätigung** Fragen Sie den Benutzer: „Entspricht diese Gestaltung Ihren Erwartungen? Falls keine Probleme bestehen, erstelle ich das Poster umgehend.“ **Warten Sie auf die Bestätigung des Benutzers, bevor Sie mit Schritt 3 fortfahren.**

## Schritt 3: Postergenerierung ### Ziel ist die Generierung eines professionellen Langtextposters basierend auf der bestätigten Informationsarchitektur und Designstrategie. ### Ausführungsprozess 1. **Generierungsaufforderung erstellen** Die `imageGenerate`-Aufforderung sollte wie folgt strukturiert sein: ``` 【Bildschirmtyp】 Vertikales Langtextposter, [Beschreibung des Inhaltsthemas], professionelles Design, hohe Informationsdichte, klare visuelle Hierarchie, [Positionierung des visuellen Stils]. 【Farbsystem – WICHTIG】 – Primärfarbe: [Farbname] [hex], macht 70–80 % der visuellen Gewichtung aus – Sekundärfarbe: [Farbname] [hex], wird nur für wichtige Akzente verwendet, macht 10–15 % aus – Dunkle Variante: [hex] (für dunkle Hintergrundbereiche) – Helle Variante: [hex] (für helle Hintergrundbereiche) – Textfarbe: Verwenden Sie in dunklen Bereichen weißen Text (#FFFFFF) oder hellgrauen Text und in hellen Bereichen dunklen Text. – Verboten: Verwenden Sie keine anderen leuchtenden Farben als die Primärfarbe. Vermeiden Sie Regenbogenfarben und chaotische Farbschemata. 【Visuelle Stilelemente – WICHTIG】 [Beschreiben Sie die Dekorationselemente detailliert entsprechend dem gewählten Stil:] Bei einem minimalistischen Business-Stil: – Verwenden Sie dünne Linien zur Unterteilung, einfache geometrische Formen und dezente Schatten. – Achten Sie auf viel Weißraum, priorisieren Sie die Typografie und verzichten Sie auf Dekoration. – Der Gesamteindruck sollte klar, ordentlich und professionell sein. Bei einem „technologisch-futuristischen“ Stil: – Fügen Sie auf dunklen Hintergrundblöcken dezente Rasterlinien, Leiterplattenstrukturen oder Datenflusslinien (halbtransparent, die die Lesbarkeit des Textes nicht beeinträchtigen) hinzu. Wichtige Elemente (Daten, Titel, Icons) werden mit Leuchteffekten, Neonlinien oder Farbverlaufs-Halos hervorgehoben. Die Blöcke werden durch Trennlinien mit Lichteffekten oder Farbverläufe voneinander abgegrenzt. Die Gesamtatmosphäre ähnelt dem visuellen Stil eines Presseplakats eines High-End-Technologieunternehmens oder einer Produktwerbung für KI-Anwendungen. Bei einem „lebendigen und kreativen“ Stil: – Verwenden Sie handgezeichnete Icons, Wellenlinien, verspielte Grafiken und graffitiartige Elemente. – Kräftige Farbkontraste und dynamische Kompositionen. – Dekorative Elemente im Illustrationsstil. – Insgesamt lebendig, unterhaltsam und einladend. [Layout und visueller Rhythmus] Der Bildschirm ist von oben nach unten in [N] Blöcke unterteilt, wobei [Beschreibung des abwechselnden hellen und dunklen Rhythmus] verwendet wird: Block 1 (Haupttitelbereich): [Dunkler/Heller] Hintergrund [hex], [Beschreibung der visuellen Stildekoration], der den Haupttitel enthält.