Home > User Experience > UI/UX Design: iPhone X Design Dimensions | by Nick Lawrence | Jul, 2021

UI/UX Design: iPhone X Design Dimensions | by Nick Lawrence | Jul, 2021

UI/UX Design: iPhone X Design Dimensions | by Nick Lawrence | Jul, 2021


I’ve done it, you’ve done it, everyone who has ever designed for iOS has done it.

You look up the dimensions for the iPhone, you swear this time you’ll remember, or you setup a template file, but you’re just not 100% SURE. So, you go back, look again, dig for hours, and finally find them again, if you’re lucky.

I got so sick of doing that, that I made a chart that showcases the following dimensions:

  • iPhone X with normal title bar
  • iPhone X without a title bar
  • iPhone X in Safari web browser with full chrome (UI elements)
  • iPhone X in Safari on scroll

Huge shout-out to the following designers, without whom this chart would not exist:



Source link