Come scrivere prompt GPT Image per mockup di UI
Come scrivere prompt per GPT Image 2 per ottenere dashboard, schermate di app e mockup di dispositivi con layout prevedibili ed etichette leggibili.
I prompt GPT Image efficaci per i mockup di UI indicano il prodotto, la schermata e i suoi componenti principali, il dispositivo o la cornice in cui compare, lo stile visivo e il testo esatto che deve essere leggibile. Elenca i componenti in ordine di lettura e mantieni brevi i testi a schermo, perché il modello rende poche etichette grandi in modo molto più affidabile rispetto a paragrafi di testo d'interfaccia.
Descrivi la schermata come un wireframe
Parti dallo scopo della schermata e da ciò che contiene, nell'ordine in cui la leggerebbe un utente: navigazione, header, contenuto principale, pannelli secondari e azioni. Il modello dispone i componenti in modo più prevedibile quando sono elencati rispetto a quando sono solo suggeriti da un termine di stile come dashboard moderna.
- Indica il prodotto e la schermata: «dashboard di analytics per un tool SaaS di fatturazione» o «schermata di onboarding per un'app di meditazione».
- Elenca le aree in ordine: navigazione laterale, barra superiore con ricerca, tre card KPI, un grafico a linee e una tabella delle transazioni recenti.
- Specifica la densità: spaziatura ampia, card di dimensioni uniformi, allineamento chiaro.
Scegli la cornice: schermata piatta, dispositivo o scena
Decidi se ti serve una schermata piatta dell'interfaccia per un case study, un mockup di dispositivo per una landing page o una scena fotografica per il marketing. Ognuna richiede una formulazione diversa.
- Piatta: «screenshot di UI piatto, senza cornice del dispositivo, 16:9».
- Dispositivo: «su un laptop sottile leggermente inclinato, schermo rivolto verso la fotocamera, riflessi morbidi».
- Scena: «laptop su una scrivania in legno alla luce naturale del giorno, profondità di campo ridotta»; aspettati un'interfaccia più piccola e meno leggibile.
Mantieni il testo dell'interfaccia breve ed esatto
Il testo leggibile è il punto debole più comune delle UI generate. Metti tra virgolette le poche etichette che contano e lascia che il resto venga reso come righe di testo segnaposto.
- Riporta esattamente titoli e pulsanti: «Ricavi», «Aggiorna piano».
- Chiedi righe di testo segnaposto per il corpo del testo.
- Evita lunghe tabelle di dati reali; chiedi invece cinque righe di transazioni di esempio.
Definisci il sistema visivo
Termini di stile come glassmorphism aiutano, ma un breve sistema visivo dà risultati più coerenti su più schermate.
- Colore: sfondo, superfici, colore d'accento principale e colori di stato.
- Tipografia: una famiglia sans serif, una gerarchia di pesi chiara e un contrasto di dimensioni tra titoli ed etichette.
- Componenti: raggio degli angoli, ombre, bordi e stile delle icone.
Checklist del prompt
- Prodotto, scopo della schermata e pubblico sono indicati.
- I componenti sono elencati in ordine di lettura.
- La cornice è scelta: schermata piatta, dispositivo o scena.
- Solo testi brevi e tra virgolette devono essere leggibili.
- Colore, tipografia e stile dei componenti sono definiti.
- Le proporzioni corrispondono alla destinazione: 16:9 per desktop, 9:16 per smartphone.
Domande frequenti
GPT Image 2 può produrre un design di UI utilizzabile?
Produce concept visivi e mockup convincenti per presentazioni, landing page e moodboard. Considera l'output un riferimento visivo e non un design di produzione, perché spaziature, icone e testi piccoli non sono abbastanza precisi da essere consegnati come specifiche.
Come ottengo testo leggibile in un mockup di UI?
Limita il testo leggibile a poche etichette tra virgolette, rendile grandi e descrivi tutto il resto come righe segnaposto. Le parole brevi in un sans serif pulito sono quelle rese in modo più affidabile.
Come mantengo coerenti più schermate?
Riusa lo stesso paragrafo sul sistema visivo in ogni prompt e cambia solo la descrizione della schermata. Le schermate generate da un unico template restano più simili tra loro di quelle descritte da zero.
Modelli di prompt correlati
Usa questa guida con prompt reali
Sfoglia i modelli di prompt della categoria corrispondente nella libreria e adatta la struttura al tuo flusso di lavoro per le immagini.