# 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.

URL: https://www.gptimagehub.com/it/guides/gpt-image-ui-mockup-prompts
Category: Design UI / UX
Updated: 2026-10-20
Reading time: 3 minutes

## Direct answer

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

- 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.

## FAQ

### 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.