Device Frame
De visuele telefoon- of tabletbehuizing die rond een schermafbeelding wordt gerenderd om real-world context te geven.
Een device frame is de visuele weergave van een telefoon- of tabletbehuizing — de bezel, notch of Dynamic Island, afgeronde hoeken, zijknoppen en schaduw — geplaatst rond een app-schermafbeelding. Frames hebben twee doelen. Ten eerste communiceren ze platform en form factor in één oogopslag: een kijker begrijpt direct dat hij naar een iPhone-schermafbeelding kijkt of naar een Android-schermafbeelding, nog voordat enige caption is gelezen. Ten tweede laten ze ruwe schermafbeeldingen aanvoelen als echte, levende interfaces in plaats van losse UI-fragmenten, wat de waargenomen kwaliteit en het vertrouwen meetbaar verhoogt. Moderne device frame-bibliotheken dekken tientallen apparaten — iPhone 16 Pro, iPhone 16, iPad Pro 12,9-inch, Pixel 9, Galaxy S24, Surface Duo — en leveren elk frame als een hoge-resolutie-PNG of -SVG met een precies gedefinieerd schermvenster waarin de schermafbeelding wordt samengesteld. Bij het automatiseren van schermafbeelding-pipelines is het device frame meestal een laag in een sjabloon, met de live schermafbeelding gerenderd in de schermvensterregio bij export. De juiste frame kiezen is belangrijk: een iOS-schermafbeelding in een Android-behuizing framen, of een verouderd apparaat gebruiken, signaleert slordigheid aan kijkers en verlaagt de conversie.
Gebruikt in
Bekijk hoe dit concept terugkomt in het product:
Verken de featureGerelateerde termen
- Schermafbeelding-variantEen specifieke render van een schermafbeelding voor één combinatie van apparaatformaat, taal, oriëntatie en thema.
- Mobiele aspect ratioDe verhouding tussen breedte en hoogte van een telefoon- of tabletscherm, die de canvasafmetingen van schermafbeeldingen bepaalt.
- Fastlane frameitEen command-line-actie in de Fastlane-toolchain die schermafbeeldingen in device frames verpakt met statische sjablonen.