I just downloaded the free iOS 13 GUI for figma and I tried to see whether their app templates follow a standard grid layout format, and by the way it looks they don't - components are not aligned across the grid in a particular way. So I was wondering if I have to follow a strict layout grid guideline for iOS design or should I just create my own? I know that some people prefer to use a 12-layout or 6-layout grid template but for me it feels kind of weird aligning my design elements around a 12-layout or 6-layout grid template and I would rather use something more customizable to my own design needs. Any clarification would be much appreciated.
-
What does Apple's own Human Interface Guidelines say about grids and their layout? – locationunknown Apr 7 at 5:11
-
Hi @locationunknown thanks for the comment! The only layout related terms Apple Human interface Guidelines talk about is 'Safe Area' and 'Margin', but they don't mention anything about columns, gutter, etc. I included a link here so you can have an idea: developer.apple.com/design/human-interface-guidelines/ios/… – Aly Dabbous Apr 7 at 16:17
The 12-column grid is a safe choice to use on both iOS and Android projects. I will share with you an article that completely demystified the usage of grids in mobile design:
https://uxdesign.cc/digging-deep-in-layout-grids-in-mobile-app-design-ef07ace5b291
New contributor
Mihnea Patrascu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
