1

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
0

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

| improve this answer | |
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.

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.