How to Use Device Frames in App Screenshots
Choose a device model, color, position, and flat or perspective rendering while keeping the app UI readable.
Use Frames to Support the Product Story
A device frame gives an app capture physical context, but it should not become the main subject. Choose the model, color, angle, and size according to the UI that must remain visible.
Flat and Perspective Rendering
ASOShot uses one realistic device renderer with two modes. Flat mode keeps the screen front-facing and maximizes legibility. Perspective mode adds X and Y rotation and visible edge depth. Switching modes keeps the device's screenshot, size, position, color, and shadow rather than loading a separate hidden configuration.
Placement and Scale
Device position uses percentages of the export canvas. The horizontal value represents the device center, the vertical value represents its top edge, and scale represents device width relative to canvas width. Devices can intentionally cross a screen boundary for shared compositions. Review every visible fragment and every export target before download.
Color and Shadow
Each device model exposes its own supported color palette. Use enough contrast between the frame and background to keep the edge visible. Shadows can add separation, but heavy blur or opacity can distract from the UI and expand the visual footprint of a rotated frame.
Configure a Device Scene
Select a model, choose flat or perspective rendering, then review size, position, rotation, color, and shadow at each export target.
Open the Frame EditorRelated Articles
How to Design App Store Screenshots That Convert
A step-by-step guide to designing App Store screenshots that drive downloads. Learn layout, captions, colors, and conversion psychology.
Color Psychology in App Screenshots: What Colors Convert Best
Discover how color psychology affects app screenshot conversion rates. Learn which colors work best for each app category.
10 App Screenshot Design Mistakes to Avoid in 2026
Avoid these 10 common app screenshot design mistakes that kill conversion rates. Learn what not to do and how to fix it.