1

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...

1

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.

7
  • Thanks for your reply, what happens with sizes for margins and padding etc. Couldn’t see that on the md site.
    – Jules
    Nov 11 '20 at 17:52
  • Please refer to to this: material.io/design/layout/… and if you have any other questions after reading leave them here :) Nov 11 '20 at 17:58
  • Thanks again, I guess I was hoping to see something resembling a style sheet. Something which shows types of naming fir different scenarios.
    – Jules
    Nov 11 '20 at 18:03
  • Are you referring to something like a Design System? Such as how to properly present elements like typography, colors, buttons in different states? Nov 11 '20 at 18:06
  • 1
    I would still recommend you read the entire design guidelines of material design and you will surely find all the answers there. Especially this part material.io/design/layout/… . I haven't used bootstrap in ages. I hope somebody else here might be more helpful Nov 11 '20 at 18:27

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.