Mockup Clay: cornici minimali di dispositivi in qualsiasi colore

Aggiornato il 30 ottobre 2026

Un mockup Clay inserisce il suo screenshot in una sagoma di dispositivo morbida e opaca, di un solo colore. Non ha fotocamera, riflessi del vetro né bordi metallici. Si legge come «un telefono» o «un tablet» senza essere un modello specifico. Le cornici Clay tengono l’attenzione sulla sua app, e può abbinare la cornice al colore del suo brand.

Cosa rende «Clay» un mockup

Il nome viene dai render in argilla della modellazione 3D: un oggetto mostrato in un unico materiale semplice e opaco, così se ne vede la forma senza i dettagli della superficie. Un mockup Clay di un dispositivo funziona allo stesso modo.

Un colore, opaco. L’intera cornice è di un solo colore, con un’ombreggiatura morbida data dalla luce, senza lucentezza né riflessi.
Forma semplificata. Ha le proporzioni di un telefono o di un tablet: angoli arrotondati, un corpo appena più grande dello schermo, un po’ di spessore. I piccoli dettagli come i fori della fotocamera sono omessi.
Non legato a un modello. Non pretende di essere un iPhone o un iPad in particolare, quindi nessuno lo scambia per il dispositivo dell’anno scorso.

Quando una cornice Clay funziona meglio di una realistica

Vuole abbinarla al suo brand

I dispositivi reali esistono in poche finiture fisse. Una cornice Clay può avere qualsiasi colore, quindi può essere il colore del suo brand, una sfumatura dell’accento della sua app o un neutro che si confonde con lo sfondo. Per una serie di screenshot per l’App Store o di post sui social, un unico colore Clay su ogni immagine fa sembrare l’insieme progettato anziché assemblato.

Post e slide minimali

In un feed social, un telefono dettagliato con riflessi e tasti visibili fa concorrenza alla sua interfaccia. Una cornice opaca in un colore tenue è più discreta, così l’attenzione va allo schermo. Lo stesso vale per presentazioni e documentazione, dove il dispositivo serve solo a dire «questo è su un telefono».

Non invecchia

Le cornici realistiche invecchiano. Uno screenshot nel modello dell’anno scorso può far sembrare la sua app più vecchia di quanto sia, e vorrà rifare le immagini quando escono nuovi telefoni. Un telefono Clay non appartiene a nessun anno, quindi le immagini che crea oggi saranno ancora attuali l’anno prossimo.

Si adatta a qualsiasi dimensione dello schermo

A volte lo screenshot non corrisponde a un dispositivo attuale: una cattura dal simulatore, un dispositivo più vecchio o un telefono non ancora annunciato. Una cornice realistica sarebbe del modello sbagliato o non esisterebbe ancora. Una cornice Clay prende la forma dallo screenshot, quindi si adatta a ciò che ha senza suggerire un hardware particolare.

Quando usare una cornice realistica

Clay non è sempre la scelta giusta. Se la sua app dipende da un dispositivo preciso, come una funzione per l’iPhone più recente o un layout solo per iPad, una cornice realistica lo mostra a colpo d’occhio. Anche gli annunci di prodotto e le immagini per la stampa spesso rendono meglio con l’hardware reale. Molti usano entrambe: cornici realistiche per le immagini di lancio e Clay per i post di tutti i giorni.

Come scegliere un colore Clay

Parta dallo sfondo. Cornice e sfondo sono le due grandi aree di colore. Scelga prima lo sfondo, poi un colore della cornice un tono più chiaro o più scuro nella stessa famiglia. Grigio pallido su bianco, blu intenso su blu notte e pesca su crema funzionano tutti.
Lo schermo dev’essere l’elemento più luminoso. Se la sua app ha un’interfaccia chiara, una cornice un po’ più scura fa risaltare lo schermo. Per un’interfaccia scura, una cornice più chiara ottiene lo stesso effetto.
Usi il colore del brand con cautela. Un colore del brand a piena intensità sulla cornice può sovrastare lo schermo. Una versione attenuata, con più bianco o più grigio, di solito rende meglio e resta riconoscibile come suo.
Resti coerente. Usi un solo colore della cornice in una serie di immagini. Vari piuttosto lo sfondo o la disposizione.
Controlli il contrasto. Con una cornice molto vicina al colore dello sfondo, il dispositivo può sparire. Un’ombra morbida aiuta a separarli.

Come creare mockup Clay in FeatureFrame

FeatureFrame ha due dispositivi Clay: il Telefono Clay, con la forma di un iPhone moderno, e il Tablet Clay, con la forma di un iPad mini. Nessuno dei due disegna la Dynamic Island o la fotocamera. Ciascuno prende la forma dal suo screenshot, quindi si adatta a qualsiasi dimensione dello schermo.

Aggiunga lo screenshot. Lo trascini nella finestra o lo incolli. Gli screenshot a forma di telefono vanno sul Telefono Clay, quelli a forma di tablet sul Tablet Clay.
Scelga Clay nel menu Dispositivo se lo screenshot è su una cornice di un dispositivo reale.
Scelga un colore. Ci sono 14 colori predefiniti: Bianco, Nero, Nuvola, Pietra, Sabbia, Terracotta, Grafite, Cipria, Pesca, Burro, Menta, Cielo, Lavanda e Salvia. Per qualsiasi altro colore, come quello del suo brand, inserisca il valore esadecimale o usi il selettore colori.
Lo inclini. Le cornici Clay sono in 3D come i dispositivi reali, quindi le angolazioni predefinite e i controlli di inclinazione funzionano allo stesso modo. Una leggera inclinazione mostra l’ombreggiatura morbida lungo il bordo.
Prepari la scena. Scelga uno sfondo (tinta unita, sfumatura, uno sfondo scrivania di macOS o un’immagine sua), un’ombra e una dimensione della tela. Aggiunga un secondo o un terzo screenshot per una disposizione.
Copi o esporti. Copi l’immagine per incollarla in un post, la trascini fuori, oppure esporti in PNG o JPEG.

Telefono Clay e Tablet Clay in Bianco e Nero sono gratuiti. Gli altri colori, i colori personalizzati, le cornici dei dispositivi reali, l’esportazione in PNG e una filigrana sua sono inclusi in FeatureFrame Pro, a 19,99 $ una tantum o 9,99 $ all’anno.

Una ricetta semplice per iniziare

Per una serie ordinata di screenshot per l’App Store o per un post sui social:

Usi la cornice Nuvola o Cielo su uno sfondo molto chiaro della stessa famiglia.
Aggiunga una leggera inclinazione e un’ombra morbida.
Mantenga lo stesso colore e la stessa angolazione su ogni immagine della serie.
Usi una tela 4:5 per i feed, o 16:9 per una pagina di lancio o una slide.

Se sta preparando screenshot per l’App Store, controlli le dimensioni richieste da Apple nella nostra guida alle dimensioni degli screenshot per l’App Store.

Per approfondire

La libreria delle cornici dei dispositivi: tutte le cornici di iPhone e iPad reali di FeatureFrame.
Dimensioni delle immagini per condividere screenshot di app.