2

I've read the iOS Human Interface Guidelines at least 2 times today, but I don't find what are the guidelines for spacing or margin between views.

I come from an Android guidelines perspective where they expected spacing is written for cases like headers, text boxes, labels, and more; so I'm trying to find the relative for iOS.

Is there a documentation on that, or an article I can base my design with? Thanks in advance

3

44px is the minimum recommended size for tap areas. https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/ContentViews.html

As with all UI objects that users might want to tap, ensure that the minimum target area for each item in a collection view is 44 x 44 points.

16px is a default margin, from the screen edge, when using AutoLayout in iOS.

So I would use some derivative/combination of these to space views within your application.

It is incredibly subjective as to what is 'right'. User testing is the best feedback you can get here.

As a general rule I use 8/16/22/44/88 etc.

  • do you know how I can set these margins up in Sketch? – CheeseCake Jan 11 at 20:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.