4

The amount of space is limited, so the smaller the margin the more text we can have displayed horizontally. For a phone this is of course far more important than for a desktop or tablet. But is a margin of 0px recommended? Are there any guidelines for the minimal margin?

  • 1
    Real estate is limited in smartphone screens and therefore has to be used efficiently. However, 0px margin is definitely not recommended. How much padding should be given is quite subjective, but roughly 10px-20px would probably be reasonable. – Ades Feb 5 '15 at 15:19
2

Depends on the Screen Size (or Resolution)

Reason for this is a margin for a large screen will look more on a small screen in case when given in pixel.

So it's better to decide in scale of percentage. So that it will look appropriate for different screen sizes. ( You will of course give spacing in pixel in each android layout file for different sizes)

Is 0 pixel recommended?

Actually this depends on the app. Many apps these days come with 0px spacing. This actually becomes a flexibility over the requirement.

1

Android have some guidelines, which may be helpful:

http://developer.android.com/design/style/metrics-grids.html

They deal mostly with interactive element's spacing, but the margins are applied to text content too.

1

Zero is never an option because, then, the edge of the screen becomes attached to the font and, therefore, becomes part of the font, making it harder to decipher.

In the few cases where this has been an issue, 8px is the closest to the edge we've gotten for text. I don't recall if 4px works in some cases but breathing room matters.

0

Zero would not be an ideal choice.

For me, the rule of the thumb is to leave enough space so that the scrollbar can fit on the screen without overlapping the text. That is, usually, 10px on both sides. This is enough for an easily readable sentence with enough words. But it also depends on the font-size used in the text.

The Medium app and mobile website leave about 20px space on both sides of the screen. Which also doesn't affect much of the reading experience. But beyond that, it gets a little harder to read as the eyes have to travel back more often. So, 10px to 20px would be the ideal margin for a mobile device.

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.