iOS UI Proportions (from Principia Arbiter: New Visual Proportions for the iOS User Interface, via Timoni West)

One thing I’ve noticed in a lot of custom iOS UIs (particularly ones designed by engineers) is a lack of attention to proportions. As this diagram demonstrates, the standard iOS UI has a visual rhythm—a major rhythm of 44 pixels and a minor rhythm of 11 pixels to be exact. When you work within this system for your sizing, spacing, and padding, your app will generally look and feel harmoniously iOS-like, even if the UI is heavily custom. When you don’t, it tends feels subtly off (as in the iPod playlist screen example given in the article).

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s