Device Frame
La cornice visiva di un telefono o tablet, renderizzata attorno a uno screenshot per dargli un contesto realistico.
Un device frame è la rappresentazione visiva del corpo di un telefono o tablet — la cornice, il notch o la Dynamic Island, gli angoli arrotondati, i pulsanti laterali e l'ombra — posta attorno allo screenshot di un'app. Le cornici hanno due funzioni. In primo luogo, comunicano la piattaforma e il fattore di forma a colpo d'occhio: l'osservatore capisce immediatamente di trovarsi di fronte a uno screenshot di iPhone rispetto a uno di Android, ancor prima di leggere qualsiasi didascalia. In secondo luogo, fanno apparire gli screenshot grezzi come interfacce reali e vive, anziché frammenti di UI disincarnati, il che migliora in modo misurabile la qualità percepita e la fiducia. Le moderne librerie di device frame coprono decine di dispositivi — iPhone 16 Pro, iPhone 16, iPad Pro 12,9 pollici, Pixel 9, Galaxy S24, Surface Duo — e forniscono ciascuna cornice come PNG o SVG ad alta risoluzione, con una finestra dello schermo definita con precisione in cui lo screenshot viene composto. Quando si automatizzano le pipeline di screenshot, il device frame è solitamente un layer di un template, con lo screenshot live renderizzato nella regione della finestra dello schermo al momento dell'export. Scegliere la cornice giusta è importante: incorniciare uno screenshot iOS in un corpo Android, o utilizzare un dispositivo obsoleto, segnala trascuratezza ai revisori e riduce la conversione.
Utilizzato in
Scopra come questo concetto si manifesta nel prodotto:
Esplori la funzionalitàTermini correlati
- Screenshot VariantUn rendering specifico di uno screenshot per una combinazione di dimensione del dispositivo, locale, orientamento e tema.
- Mobile Aspect RatioIl rapporto larghezza-altezza del display di un telefono o tablet, che determina le dimensioni della canvas dello screenshot.
- Fastlane frameitUn'azione da riga di comando della toolchain Fastlane che racchiude gli screenshot in cornici di dispositivi utilizzando template statici.