Simple cross platform style guide for mobile apps or a recommended approach?



  • Having joined a new project recently I've found a lot of padding / margin sizes etc set in the App which had variuous names and isn't consistent.

    I've also been briefly looking at style guides blog posts.

    I'm trying to come up with a simple style guide, which will cater font sizes, margins and padding.

    However, I'm trying to arrive at something simply which will cater for most scenarios.

    I've previously encountered policies based on a number aka 4 or 5 and margins had to be multiples of that. I think that was along the lines of bootstrap.

    Can anyone point me at something similar which would work for Android and iOS...



  • Most designers that I have worked with in the past are really committed to Material Design. The really great thing about Material Design is that it is based in good design principles instead of design dogma. As a matter of fact, they actually have guidelines for iOS apps which some Apple enthusiast may find blasphemous :).

    In addition to that, always keep in mind the visual identity of your app. If some elements in your design system break general design guidelines, it is not the end of the world. A combination of something like Material Design principles and the branding of the application is a starting point for me when I take on new projects.



Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2