MockuptopTutte le guide

Scegliere uno sfondo che lascia lo schermo protagonista

Lo sfondo è la superficie più grande del mockup e quella scelta più spesso con leggerezza. Il suo unico compito è far leggere chiaramente il dispositivo e portare il marchio. Ogni unità di interesse visivo che aggiunge la toglie all’interfaccia, che è ciò che stai vendendo.

Gradienti: discreti e illuminati da una sola direzione

Un gradiente a due fermate con escursione moderata funziona quasi ovunque. Allinea la direzione alla tua luce: se la luce principale viene da in alto a sinistra, anche lo sfondo dovrebbe essere più chiaro lì, altrimenti l’immagine risulta sottilmente incoerente. Evita gradienti che passano per lo stesso valore del corpo del dispositivo, perché la sagoma sparisce lungo parte del bordo. Se esporti in JPEG, controlla le bande nelle zone ampie; un rumore leggerissimo le corregge.

La tinta piatta è sottovalutata

Un solo colore ben scelto si produce più in fretta, si comprime pulito, si trasferisce perfettamente su un set in undici lingue e non litiga mai con l’interfaccia. È anche ciò che fa sembrare una scheda progettata invece che decorata. Se usi il colore di marca, prendilo in un valore lontano dal tono dominante dell’interfaccia perché il dispositivo si stacchi, e mantieni esattamente lo stesso valore su tutte le risorse, immagine in evidenza compresa.

Sfondi fotografici: di rado e solo per il fisico

Una scrivania, una mano, un bar: aggiungono realismo al prezzo del rumore e invecchiano in fretta. Si meritano il posto quando l’app parla del mondo fisico: viaggi, sport, uno strumento da cantiere. Anche allora sfoca decisamente lo sfondo perché il dispositivo resti l’unica cosa nitida, e mantieni la temperatura colore coerente con la sua illuminazione.

Domande frequenti

Quale sfondo funziona per gli screenshot di store?

Un gradiente discreto o una tinta piatta con contrasto netto rispetto al corpo del dispositivo e al testo. Tieni la complessità per dove l’immagine si vede grande.

Lo sfondo deve essere uguale in tutti gli screenshot?

Sì all’interno di un set, anche se uno scorrimento lento di tonalità nella stessa famiglia può funzionare.

Perché il mio gradiente mostra bande dopo l’esportazione?

Compressione JPEG sui gradienti morbidi. Esporta in PNG o aggiungi una texture di rumore leggerissima per spezzare le bande.

Fallo nel browser. Metti il tuo screenshot su un dispositivo 3D, muovi la camera, esporta un fermo immagine o un video. Senza installare nulla e senza account.

Apri l’editor 3D Apri l’editor foto
Lingua: EN TR DE ES FR IT PT AR RU JA KO