iPhone X UI guidelines, screen details and layout

.dsgnrs. team
.dsgnrs.
Published in
2 min readSep 13, 2017

iPhone X includes a large, high-resolution, rounded, edge-to-edge display that delivers an immersive, content-rich experience like never before.

Screen Size

Dimensions: 1125px x 2436px (375pt x 812pt @3x).

Layout

When designing for iPhone X, you must ensure that layouts fill the screen and aren’t obscured by the device’s rounded corners, sensor housing, or the indicator for accessing the Home screen.

Cropping and aspect ratio

Be mindful of aspect ratio differences when reusing existing artwork.

iOS Device Screen Sizes

iOS 11 UI Design Resources by Apple

--

--

.dsgnrs. team
.dsgnrs.

Stories from .dsgnrs. team, The place where designers become top designers www.dsgnrs.io