I am coming from Android development to iOS development.

Our design was dictated by the awesome detail provided at http://material.io/ - it gives us down to the pixel how many pixels to right/left margin spacing font size etc.

I was trying to create a list item in Android and followed the guide here perfectly - https://material.io/guidelines/components/lists.html#lists-specs

I cannot find something like this for Apple's human interface design. For example, is there anything with the exact spacings margins and font sizes for list item in iOS design?

I find this - https://developer.apple.com/ios/human-interface-guidelines/views/tables/ - but it has no numbers. Just pictures/principals/ideas.

closed as off-topic by maxathousand, Andrew Martin, Pectoralis Major, locationunknown, Wanda Apr 19 '18 at 7:06

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – maxathousand, Andrew Martin, Pectoralis Major, locationunknown, Wanda
If this question can be reworded to fit the rules in the help center, please edit the question.


Thanks to Ivo Mynttinen, there is a comprehensive design guide based on iOS HCI guide.

Just a hint: you can hover over the images in the guide to get a detailed view of the pixel perfect specs.

enter image description here

I hope this answers your question.

Source: https://ivomynttinen.com/blog/ios-design-guidelines

  • 1
    Thank you very much Rob E!! This is perfect!! That hover for pixel perfect specs is EXACTLY what I need. It was hidden I didn't realize that on first read through article. Thank you very much! – Noitidart Apr 18 '18 at 8:55

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