Usa il prompt
Aggiungi il tuo brief
Aggiungi qui sotto il tuo contesto. Verrà incluso nel prompt quando lo copi o lo scarichi.
Crea una composizione HTML/CSS modificabile con testo selezionabile e un foglio di stile per la stampa; tratta qualsiasi illustrazione raster come una risorsa locale separata per [PROJECT] e [AUDIENCE]. L’attività è: copertina di articolo editoriale.
Contenuti e struttura obbligatori
Trasforma la tensione principale dell'articolo in un'immagine originale e sobria, lasciando spazio per il titolo.
Usa [APPROVED_CONTENT] come fonte per nomi, date, dati, dichiarazioni e destinazioni. Elenca gli input mancanti prima di sostituire qualsiasi elemento. Se è necessaria una dimostrazione, indica che i contenuti sono fittizi. Non inventare citazioni di clienti, classifiche, loghi di partner o funzionalità del prodotto.
Direzione del design
Usa [BRAND_RULES] e il design system già selezionato nel progetto. Se non è stato fornito alcun sistema, parti da questa direzione: crema, antracite e verde oliva; gerarchia editoriale asimmetrica con ampio spazio negativo. Mantieni coerenti tipografia, spaziatura e ruoli dei colori. Dai priorità all’attività rispetto agli elementi decorativi ed evita una raccolta generica di schede scollegate.
Preparazione dei contenuti
Leggi l'argomentazione centrale dell'articolo e individuane la tensione principale. Fornisci il titolo esatto, il ritaglio previsto ed eventuali vincoli del brand o della pubblicazione.
Layout e comportamento
Scegli un’unica metafora visiva che sostenga l’argomentazione. Lascia intenzionalmente spazio al titolo, invece di riunire ogni parola chiave in un collage illustrato.
Verifica di accettazione specifica dell'attività
- Evita un collage letterale di ogni parola chiave e mantieni pertinente la metafora.
- Osserva la copertina senza l’articolo e verifica se comunica il tema corretto.
- Prova il posizionamento del titolo e la scala della miniatura; la complessità decorativa non deve oscurare l’idea editoriale.
Implementazione e revisione
Mantieni il testo modificabile. Usa una struttura semantica, controlli descrittivi, un focus da tastiera visibile e stati vuoti/di errore appropriati. Verifica i layout stretti e ampi. Rispetta le preferenze per la riduzione del movimento. Mantieni il framework e le dipendenze esistenti del progetto; non sostituire lo stack senza segnalarlo. Restituisci i file modificabili e spiega eventuali comportamenti incompleti o input non supportati. Esamina questa attività specifica prima di proporre funzionalità aggiuntive.
Mantieni il testo esatto e i crediti obbligatori come testo attivo. Se le dimensioni previste non sono indicate, richiedile. Non inventare un codice QR funzionante, un codice a barre, una firma o un sigillo ufficiale.
Allegato di riferimento e obiettivo di ricostruzione
Allega reference.webp, incluso nel pacchetto scaricabile di questo prompt, insieme al prompt in OpenDesign. Crea un risultato modificabile con composizione e gerarchia simili; non incorporare l'intera immagine di riferimento come interfaccia finale. Mantieni i contenuti di progetto approvati e le regole del brand se sono in conflitto con le etichette fittizie dell'esempio. Se l'immagine manca o è illeggibile, richiedila invece di dichiarare fedeltà visiva.
Composizione e contenuti di riferimento
Usa il file reference.webp allegato come riferimento visivo per la copertina di articolo editoriale. Prima di realizzarla, individua le aree principali dall’alto verso il basso, le relative larghezze e altezze, l’allineamento, le spaziature, la gerarchia tipografica, i colori delle superfici, i bordi, le immagini e i componenti ripetuti. Mantieni queste relazioni, anziché sostituirle con un modello generico. Contenuto richiesto per l’attività: traduci la tensione principale dell’articolo in un’immagine originale e misurata, lasciando spazio al titolo. Nel tradurre l’immagine in elementi modificabili, segui queste indicazioni specifiche per il layout: scegli un’unica metafora visiva che sostenga l’argomentazione. Lascia intenzionalmente spazio al titolo, invece di riunire ogni parola chiave in un collage illustrato.
Direzione visiva dal brief di esempio
crema, antracite e verde oliva; gerarchia editoriale asimmetrica con ampio spazio negativo.
Output e modificabilità
Ricrea la grafica finale sotto forma di livelli modificabili di testo, forme e immagini. Il riferimento è una composizione, non l’interfaccia di un editor; non aggiungere elementi di navigazione, moduli o widget da dashboard che non vi compaiono. Scegli un’unica metafora visiva che sostenga l’argomentazione. Lascia intenzionalmente spazio al titolo, invece di riunire ogni parola chiave in un collage illustrato. Conferma le dimensioni previste e mantieni la gerarchia del testo durante l’adattamento della grafica. Evita un collage letterale di ogni parola chiave e mantieni pertinente la metafora.
Confronto visivo e consegna
- Confronta il risultato con l'immagine allegata usando le stesse proporzioni. Prima di perfezionare i dettagli decorativi, verifica il posizionamento delle aree principali, le dimensioni relative delle immagini, le interruzioni di riga, la spaziatura, la gerarchia tipografica, il contrasto, gli stati attivi e la densità dei contenuti.
- Quindi testa il layout stretto senza comprimere il testo desktop in etichette minuscole.
- Mantieni loghi, foto e icone come risorse separate e tutte le etichette significative modificabili. Elenca eventuali caratteri o risorse non disponibili e qualsiasi scostamento intenzionale. Restituisci i file funzionanti insieme a una descrizione concisa dei comportamenti implementati e delle integrazioni ancora necessarie; non promettere un risultato identico al pixel basandoti solo sul prompt.
Scarica prompt + immagine
Include il prompt completo e l'immagine di riferimento a grandezza intera. Allega entrambi in OpenDesign per guidare il layout.
Come scrivere un prompt di design per una copertina di articolo editoriale
Un prompt di design efficace per la copertina di un articolo editoriale descrive l’argomentazione, la composizione e l’ordine di lettura, non soltanto un’atmosfera. Questo esempio abbina un titolo serif sovradimensionato a un paesaggio urbano circolare e a un primo piano roccioso scuro. La guida seguente trasforma queste scelte visibili in istruzioni adattabili al tuo articolo.
Le tre viste di dettaglio qui sotto sono ritagli dello stesso riferimento generato dall’AI. Illustrano composizione e tipografia; non sono schermate di un’interfaccia funzionante.
Costruisci un’unica metafora visiva intorno all’articolo
La città non è rappresentata come una fotografia convenzionale dello skyline. È racchiusa in un grande cerchio chiaro, addolcito da creste montuose e foschia. Una piccola figura seduta appare più vicina all’osservatore, sulla roccia a destra. Insieme al titolo fittizio “A Quieter Progress”, questi elementi creano una possibile tensione tra la crescita urbana e un punto di vista più lento e riflessivo. Questa lettura è un’interpretazione della composizione; un articolo reale potrebbe richiedere una metafora diversa.
Inizia il prompt per la copertina editoriale con la domanda centrale dell’articolo, quindi indica i pochi elementi visivi che la esprimono. “Rendila riflessiva ed editoriale” lascia indefiniti il soggetto, la scala e le relazioni. Il riferimento è più specifico: città lontana, piccola persona, grande roccia e un’unica cornice circolare. Le loro dimensioni relative contano quanto la loro identità. Non aggiungere orologi, grafici, foglie o altri simboli soltanto perché compaiono nell’articolo. Ogni oggetto aggiuntivo compete con l’idea centrale. Se l’articolo affronta una tensione diversa, sostituisci la metafora prima di mantenere questa composizione.
Dal prompt
Scegli un’unica metafora visiva che sostenga l’argomentazione.
Personalizzalo
L’articolo esamina [CENTRAL_QUESTION]. Esprimi la tensione tra [IDEA_A] e [IDEA_B] attraverso un’unica scena: [DISTANT_SUBJECT] all’interno di un grande campo circolare, con [FOREGROUND_SUBJECT] in primo piano in basso a destra. Mantieni piccolo il dettaglio in scala umana e discreto lo sfondo. Riserva il lato sinistro al titolo approvato. Evita altri oggetti simbolici, a meno che non siano necessari per spiegare l’argomentazione.
Definisci la gerarchia e le interruzioni di riga del titolo
Il titolo occupa gran parte della metà sinistra. “A” è su una riga a sé, “Quieter” è color oliva e “Progress” torna al color antracite. Le forme serif ad alto contrasto sorreggono la composizione; la breve domanda in maiuscolo sottostante usa una spaziatura ampia e dimensioni molto più ridotte. Questa gerarchia crea un primo e un secondo livello di lettura chiari. Non è un modello che impone di dividere ogni titolo in tre righe: un titolo approvato più lungo richiede interruzioni diverse e potrebbe aver bisogno di maggiore spazio orizzontale.
Fornisci separatamente al modello il titolo esatto, la frase di supporto e il nome della pubblicazione. Descrivine poi i ruoli e le dimensioni relative. Chiedere una “bella tipografia” non indica al modello quale testo debba prevalere. Specifica testo modificabile, un grande titolo serif, una riga di supporto compatta in sans-serif e un unico colore d’enfasi discreto. Verifica le parole effettive alle dimensioni previste per la copertina: i tratti serif sottili possono scomparire in una miniatura e le parole lunghe possono sovrapporsi all’immagine. Rivedi le interruzioni di riga o l’area del titolo prima di ridurre tutto il testo in modo uniforme. Il testo fittizio presente in questa immagine è un riferimento compositivo, non un testo approvato per la tua pubblicazione.
Dal prompt
Trasforma la tensione principale dell'articolo in un'immagine originale e sobria, lasciando spazio per il titolo.
Personalizzalo
Usa il titolo esatto [APPROVED_HEADLINE] come testo modificabile nell’area sinistra. Impostalo in un carattere serif ad alto contrasto, con un’interlinea compatta ma leggibile. Scegli le interruzioni di riga in base al significato delle parole; non spezzare le parole. Evidenzia soltanto [KEY_PHRASE] con il colore d’accento. Posiziona [SUPPORTING_LINE] sotto, in un carattere sans-serif più piccolo e con ampia spaziatura. Mantieni visivamente secondario il nome della pubblicazione e lascia uno spazio netto tra il titolo e l’illustrazione circolare.
Descrivi colori, livelli e ritaglio finale
Il campo color crema caldo è l’area cromatica più estesa. Il color oliva compare nella parola evidenziata del titolo e nella forma ampia sotto l’immagine; l’antracite dà solidità al titolo e alla roccia. La roccia in primo piano si sovrappone al paesaggio circolare anziché rimanervi all’interno. Questa sovrapposizione collega la cornice geometrica al bordo inferiore della copertina. Piccole etichette della pubblicazione sono collocate vicino ai margini, ma non competono con il titolo o con la scena principale.
I nomi dei colori sono solo un punto di partenza. Assegna a ogni colore una funzione e descrivi l’ordine dei livelli: tela color crema, forma di supporto color oliva, paesaggio circolare chiaro, roccia scura in primo piano e infine tipografia modificabile. È un approccio più riproducibile rispetto alla richiesta di un vago stile minimalista. Indica inoltre le dimensioni dell’output e l’area di sicurezza prima della generazione. Il riferimento usa una tela orizzontale 3:2. Un ritaglio quadrato per i social o una copertina verticale richiedono una nuova composizione del layout, non un ritaglio centrale che elimini parte del titolo. In formato miniatura, la sagoma principale e il titolo devono rimanere leggibili anche quando le piccole etichette ai margini scompaiono.
Dal prompt
crema, antracite e verde oliva; gerarchia editoriale asimmetrica con ampio spazio negativo.
Personalizzalo
Crea una copertina editoriale di [WIDTH] × [HEIGHT]. Usa un color crema caldo per la tela, l’antracite per il testo principale e il primo piano, e un color oliva tenue per una sola parola in evidenza e una curva di supporto. Posiziona il paesaggio circolare dietro l’immagine in primo piano, in modo che la roccia si sovrapponga al suo bordo. Mantieni tutti i testi approvati entro [SAFE_MARGIN]. Per una versione quadrata o verticale, ricomponi titolo e immagine come livelli separati; non ritagliare la copertina orizzontale finita e non incorporare il testo nell’immagine.
Esamina il risultato della copertina dell’articolo editoriale
Confronta il risultato con il riferimento usando le stesse proporzioni, quindi verificalo alle dimensioni in cui verrà effettivamente visto dai lettori. Riesamina il significato dell’articolo prima di perfezionare i dettagli superficiali. L’immagine è un concept visivo; nei file consegnati devono ancora essere verificati il testo modificabile, le dimensioni finali e le autorizzazioni per le risorse.
- Significato: nascondi il titolo. La scena rimanente comunica ancora la tensione centrale dell’articolo oppure suggerisce un’affermazione che l’articolo non fa?
- Gerarchia: osserva una miniatura. Riesci a identificare immediatamente il titolo principale e la sagoma? Rimuovi i dettagli concorrenti prima di ingrandire ogni elemento.
- Composizione: verifica che il titolo abbia uno spazio proprio, che il cerchio rimanga riconoscibile e che la sovrapposizione in primo piano sia intenzionale. Confronta l’intera copertina, non singoli dettagli decorativi.
- Testi e consegna: verifica il titolo esatto, la punteggiatura e il credito della pubblicazione. Conferma la presenza di testo modificabile, livelli immagine separati, dimensioni richieste ed eventuali ritagli alternativi.
Prompt di follow-up
Usalo dopo il primo risultato. Restringe la revisione alla parte più importante di questa attività.
Perfeziona l’attuale copertina dell’articolo editoriale. Osserva la copertina senza l’articolo e verifica se comunica il tema corretto. Prova il posizionamento del titolo e la scala della miniatura; la complessità decorativa non deve oscurare l’idea editoriale. Mantieni i contenuti e la direzione visiva approvati; modifica solo le parti necessarie per risolvere questi problemi.
