MockuptopTutte le guide

Usare i mockup 3D con intenzione

Un mockup piatto è l’immagine di un dispositivo con il tuo screenshot incollato dentro un rettangolo. Un mockup 3D è un modello vero, illuminato e fotografato da una camera virtuale: puoi girarci attorno, animarlo e ottenere riflessi reali sui bordi. Questa dimensione in più è potente e facile da usare troppo.

Cosa dà davvero il 3D

Tre cose che un template piatto non può fare: angoli liberi, quindi non resti vincolato alle quattro pose che qualcuno ha cotto in un file; illuminazione coerente tra dispositivi, così un telefono e un laptop nella stessa immagine concordano su da dove arriva la luce; e movimento, perché una volta che il dispositivo è un modello la camera può muoversi e ottieni un video invece di un fermo immagine. Se la tua immagine non ha bisogno di nessuna delle tre, il mockup piatto è più veloce e altrettanto valido.

La prospettiva è un budget che spendi

Ogni grado di rotazione costa leggibilità. Uno schermo ruotato di 30 gradi perde circa un terzo della larghezza apparente e comprime il testo sul lato lontano. Regola pratica: se l’interfaccia deve restare leggibile, resta entro circa 15 gradi dalla frontale e usa l’angolo solo per suggerire profondità. Riserva i tre quarti spettacolari alle immagini in cui il dispositivo è una forma nella composizione e il contenuto dello schermo è decorativo.

Il campo visivo è il comando nascosto

Due render con lo stesso angolo possono risultare molto diversi a seconda della focale. Un campo ampio esagera il bordo vicino e fa sembrare che il telefono si apra verso di te come una porta; uno stretto appiattisce la prospettiva e tiene lo schermo rettangolare. Quando un mockup appare sottilmente sbagliato pur avendo gli angoli giusti, di solito la colpa è del campo visivo. Parti stretto e allarga solo se cerchi l’effetto.

Domande frequenti

Un mockup 3D è meglio di uno piatto?

Non per natura. Lo è quando serve un angolo preciso, luce coerente tra dispositivi o movimento. Per una testata frontale il piatto è più semplice.

Il 3D funziona nel browser?

Sì. I browser moderni gestiscono il 3D in tempo reale abbastanza bene da far girare un editor completo con luci ed esportazione lato client, senza caricare i tuoi screenshot su un server.

Perché il mio mockup 3D sembra una foto fisheye?

Il campo visivo è troppo ampio. Riducilo e arretra la camera per mantenere la stessa inquadratura.

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