Why are there so many multiples of 8 in WEB / UI design?


Benefits of making margin a multiple of 8

Many screen sizes are divisible by 8.


If the minimum unit is set to 8, no fraction will appear.

Let’s compare the minimum unit of 8 and 10.

Benefits of having regularity

Easy to predict and understand for users

Regularity allows people to naturally recognize and predict patterns.
That way, users can get the information they want without hesitation.
It’s an easy-to-use UI design.

Significantly reduce engineer work costs

When coding, if the design is not regular, you have to specify the style for each element. That would be a huge amount of code.
However, regularity creates an intersection in the design. In other words, it can be a template.
If you can create a template, you and your team can reuse it. It leads to reduce the amount of code.
Also, when modifying, if you modify a template, all the parts to which it is applied will be modified.
From an operational point of view, the work cost will be completely different.

Designers can make decisions without hesitation

Designers would not get lost.
It would be great for designers to be able to make speedy decisions without hesitation about various numerical values.

Disadvantages of making it a multiple of 8

The number of smartphones, especially iPhones, that are not divisible by 8 is increasing. It means that there are some that are not divisible by 8.
However, this happens no matter which number you choose.
At the moment, considering all PCs, tablets, and smartphones, 8 is probably one of the optimal solutions because many of them are overwhelmingly divisible by 8.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


80% is the creation, the rest is depression. Frontend developer and data scientist, designer. Looking for Physics Ph.D Twitter: @_t_i_show