## Fase 1: Diagnosi e strutturazione delle informazioni ### L'obiettivo è condurre un'analisi approfondita del testo lungo fornito dall'utente, completando la gerarchia delle informazioni e la suddivisione in moduli. ### Processo di esecuzione 1. **Acquisizione del contenuto testuale** - Se l'utente ha incollato direttamente il testo, utilizzarlo direttamente. - Se l'utente ha fatto riferimento a una nota/pagina/materiale tramite @, utilizzare lo strumento `read` per leggere il contenuto completo. - Verificare la lunghezza del testo e la densità delle informazioni (lo standard per poster con testo lungo è: più di 200 parole, contenenti più moduli informativi). 2. **Identificazione del tipo di informazione** Analizzare il testo in base alle seguenti dimensioni: - **Tema principale**: Di cosa tratta questo poster? (Evento, corso, prodotto, servizio, ecc.) - **Pubblico di destinazione**: Chi vedrà questo poster? (Studenti, genitori, professionisti, ecc.) - **Tipi di informazioni chiave**: titolo, sottotitolo, punti di forza principali, descrizione dettagliata, invito all'azione, informazioni di contatto, ecc. 3. **Organizzazione della gerarchia delle informazioni** Dividere il contenuto del testo in **4-6 livelli**: - **L1 - Titolo principale**: la frase più cruciale (1) - **L2 - Sottotitolo/Affermazione principale**: informazioni chiave a supporto del titolo principale (1-2) - **L3 - Titoli dei moduli**: titoli di ciascuna sezione di contenuto (3-5) - **L4 - Contenuto del modulo**: descrizioni dettagliate di ciascuna sezione - **L5 - Informazioni supplementari**: dettagli secondari, note - **L6 - Guida all'azione**: informazioni di contatto, portale di registrazione, ecc. 4. **Divisione e confezionamento dei moduli** - Identificare 3-6 moduli logici (ad esempio, "Caratteristiche del corso", "Pubblico adatto", "Contenuto del servizio", "Tempo e luogo", ecc.) - Assegnare a ciascun modulo: Titolo del modulo + Punti chiave del contenuto - Contrassegnare quali moduli devono essere "confezionato" (aggregato utilizzando un colore di sfondo uniforme) 5. **Soluzione strutturata in uscita** Presentare le informazioni all'utente in un formato chiaro: ``` 【Soluzione di architettura delle informazioni】 Titolo principale (L1):... Sottotitolo (L2):... Modulo 1: [Nome del modulo] - Titolo (L3):... - Contenuto (L4):... Modulo 2: [Nome del modulo] ... Guida all'azione (L6):... ``` 6. **Richiedere conferma all'utente** Chiedere all'utente: "Questa struttura delle informazioni soddisfa le tue aspettative? Devi modificare la divisione dei moduli o l'orientamento gerarchico?" **Attendere la conferma dell'utente prima di procedere al passaggio 2**.

## Fase 2: Decisioni relative al colore e all'aspetto visivo (Co-creazione con gli utenti) ### L'obiettivo è definire un sistema di armonia cromatica e uno schema di stile visivo in base al tono del contenuto e alle preferenze dell'utente. ### Processo di esecuzione 1. **Analisi del tono del contenuto** In base all'architettura delle informazioni del passaggio 1, determinare il tono emotivo del contenuto: - **Professionale e serio** (ad es. preparazione agli esami, servizi aziendali) → Colori freddi consigliati (blu, grigio, verde scuro) - **Energico e incoraggiante** (ad es. attività giovanili, prodotti innovativi) → Colori caldi consigliati (arancione, rosso, giallo) - **Di alta gamma e raffinato** (ad es. corsi di alto livello, beni di lusso) → Colori scuri consigliati (blu scuro, viola scuro, oro) - **Amichevole e accessibile** (ad es. istruzione per bambini, attività comunitarie) → Colori tenui consigliati (azzurro, rosa, verde chiaro) 2. **Fornire suggerimenti professionali (colore + stile)** Presentare agli utenti: ``` 【Suggerimenti per la combinazione di colori】 In base al tono del contenuto ([tipo di tono]), consiglio la seguente combinazione di colori primaria: Schema A: [Nome del colore primario] (es. Blu profondo) - Colore primario: #[esadecimale] - Colore secondario: #[esadecimale] (utilizzato per abbellimento ed enfasi) - Scenari adatti: ... - Effetti visivi: ... Opzione B: [Schema di colori principale alternativo] ... Puoi anche indicarmi i tuoi colori preferiti (es. "Voglio tonalità arancioni", "usa il blu-verde") e progetterò uno schema di colori armonioso in base alle tue preferenze. --- 【Suggerimenti di stile visivo】 In base al tipo di contenuto, consiglio i seguenti stili visivi: Stile A: Moderno Business Minimalista - Caratteristiche: Pulito, sobrio, ampio spazio bianco, incentrato sulla tipografia, divisione con linee sottili - Elementi decorativi: Forme geometriche semplici, bordi sottili, ombreggiature delicate - Scenari adatti: Consulenza tradizionale, servizi di fascia alta, prodotti B2B, formazione professionale - Effetti visivi: Professionale, credibile, di alta qualità, di facile lettura Stile B: Tecnologico Futuristico - Caratteristiche: Texture a griglia, effetti luminosi, aloni sfumati, linee di flusso dati, elementi di circuiti stampati - Elementi decorativi: Linee al neon, icone tecnologiche, effetti particellari, stile display digitale - Scenari adatti: Servizi basati sull'IA, trasformazione digitale, prodotti tecnologici, consulenza innovativa - Effetti visivi: All'avanguardia, intelligente, futuristico, dinamico Stile C: Vibrante Creativo - Caratteristiche: Combinazioni di colori audaci, composizione dinamica, elementi illustrativi, stile disegnato a mano - Elementi decorativi: Icone disegnate a mano, linee ondulate, grafica divertente, effetto graffiti - Scenari adatti: Prodotti per giovani, marchi innovativi, attività culturali, comunità rilassate - Effetti visivi: vivace, divertente, accessibile, giovanile. Puoi anche dirmi direttamente che tipo di stile visivo desideri (ad esempio "tecnologico", "semplice", "vivace", "di alta gamma e sofisticato"). 3. **Ricevi feedback dall'utente** - Se l'utente seleziona lo schema consigliato (Colore A/B + Stile A/B/C), utilizzalo direttamente. - Se l'utente specifica una preferenza di colore, crea un sistema di colori principali a due colori basato su quel colore: - Colore primario: il colore specificato dall'utente - Colore secondario: un colore che si armonizza con il colore primario sulla ruota dei colori (colori adiacenti o contrastanti, con saturazione ridotta) - Variazione di luminosità: 3-4 variazioni di luminosità del colore primario - Se l'utente descrive una preferenza di stile, traducila in un elenco di elementi visivi specifici. 4. **Progettazione del ritmo visivo** In base al numero di moduli del passaggio 1, progetta un "ritmo di luminosità alternata": - **Blocchi scuri**: usa una variante scura del colore primario come sfondo, con testo bianco. - **Blocchi chiari**: usa una variante chiara del colore primario o uno sfondo bianco, con testo scuro. - **Schema alternato**: scuro-chiaro-scuro-chiaro, oppure chiaro-scuro-chiaro (a seconda del numero di moduli). - **Raggruppamento dei moduli**: i moduli correlati sono "raggruppati" in gruppi visivi utilizzando lo stesso colore di sfondo. 5. **Strategia di progettazione completa dell'output** 【Strategia di progettazione finale】 Sistema di colori: - Colore primario: [Nome colore] #[esadecimale] - Colore secondario: [Nome colore] #[esadecimale] - Variante scura: #[esadecimale] (per sfondi a blocchi scuri) - Variante chiara: #[esadecimale] (per sfondi a blocchi chiari) Stile visivo: - Posizionamento dello stile: [Semplicità aziendale/Futurismo tecnologico/Creatività dinamica] - Elementi decorativi: [Elenco di elementi specifici] - Atmosfera generale: [Descrizione dettagliata] Ritmo visivo: - Blocco 1 (Area del titolo principale): Sfondo [scuro/chiaro] - Blocco 2 (Moduli 1-2): Sfondo [scuro/chiaro], confezionato - Blocco 3 (Moduli 3-4): Sfondo [scuro/chiaro], confezionato... Livello del carattere: - L1 (Titolo principale): 72-84pt, Grassetto, [Colore] - L2 (Sottotitolo): 48-56pt, Semigrassetto, [Colore] - L3 (Titolo del modulo): 36-42pt, Grassetto, [Colore] - L4 (Testo del corpo): 24-28pt, Normale, [Colore] - L5 (Supplemento): 18-20pt, Chiaro, [Colore] - L6 (Istruzioni per l'azione): 28-32pt, Grassetto, [Colore di accento] 6. **Conferma finale** Chiedere all'utente: "Questa strategia di progettazione soddisfa le tue aspettative? Se non ci sono problemi, genererò immediatamente il poster." **Attendere la conferma dell'utente prima di procedere al passaggio 3**.

## Fase 3: Generazione del poster ### L'obiettivo è generare un poster di testo lungo e professionale basato sull'architettura delle informazioni e sulla strategia di progettazione confermate. ### Processo di esecuzione 1. **Creazione del prompt di generazione** Organizzare il prompt `imageGenerate` secondo la seguente struttura: ``` 【Tipo di schermata】 Un poster di testo lungo e verticale, [Descrizione del tema del contenuto], design professionale, alta densità di informazioni, chiara gerarchia visiva, [Posizionamento dello stile visivo]. 【Sistema di colori - CRITICO】 - Colore primario: [Nome colore] [esadecimale], che rappresenta il 70-80% del peso visivo - Colore secondario: [Nome colore] [esadecimale], utilizzato solo per i punti chiave di enfasi, che rappresenta il 10-15% - Variante scura: [esadecimale] (per blocchi di sfondo scuro) - Variante chiara: [esadecimale] (per blocchi di sfondo chiaro) - Colore del testo: utilizzare testo bianco #FFFFFF o grigio chiaro nelle aree scure e testo scuro nelle aree chiare - Vietato: non utilizzare colori vivaci diversi dal colore primario, evitare colori arcobaleno e schemi di colori caotici. 【Elementi di stile visivo - CRITICO】 [Descrivere in dettaglio gli elementi decorativi in ​​base allo stile scelto dall'utente:] Se si tratta di uno stile "Business Minimalist": - Utilizzare linee sottili per la divisione, forme geometriche semplici e ombre sottili - Mantenere molto spazio bianco, dare priorità alla tipografia e limitare le decorazioni - L'aspetto generale deve essere pulito, ordinato e professionale. Se si tratta di uno stile "Futuristico Tecnologico": - Aggiungere sottili linee di griglia, texture di circuiti stampati o linee di flusso dati (semitrasparenti, che non interferiscano con la leggibilità del testo) ai blocchi di sfondo scuro. Gli elementi chiave (dati, titoli, icone) utilizzano effetti luminosi, linee al neon o aloni sfumati - i blocchi sono separati da linee di divisione con effetto luce o transizioni sfumate - atmosfera generale: simile allo stile visivo del poster di una conferenza stampa di un'azienda tecnologica di fascia alta o della promozione di un prodotto AI. Se si tratta di uno stile "vivace e creativo": - Utilizzare icone disegnate a mano, linee ondulate, grafiche divertenti ed elementi simili ai graffiti - Contrasti di colore audaci e composizioni dinamiche - Elementi decorativi in ​​stile illustrazione - Nel complesso vivace, divertente e accessibile. [Layout e Ritmo Visivo] Lo schermo è diviso in [N] blocchi dall'alto verso il basso, utilizzando [descrizione del ritmo alternato chiaro e scuro]: Blocco 1 (Area del Titolo Principale): Sfondo [Scuro/Chiaro] [esadecimale], [Descrizione della Decorazione dello Stile Visivo], contenente il titolo principale.