Top Mobile Typography Rules to Live By

Posted by Evans Walsh
April 28, 2017

Self-Published

Experts have been pointing it out to you that good typography is actually invisible. However, it would be even more precise to say that when reading becomes effortless, you could almost always attribute it to good typography. Good typography is known for minimizing your eyes’ work by creating a really smooth flow all along the line of text. Mobile devices could present certain inherent challenges to the typographer. He would find that the ambient light is quite poor at times and space is also limited. However, readability on your mobile devices could be immensely enhanced by certain effective adjustments to the existing techniques.

Give Importance to the Concept of Space

You need to give yourself some space. Typography certainly is not always about arranging little wobbly lines on the screen. Typography is mostly about the actual space between and around them. Typography has very little to owe to letterforms but it owes a lot to the space all around. You need to concern yourself with the spatial hierarchy. You must know that the space that exists between letters is much less as compared to the space that is left between words, also, space that exists between words is much less than the space left in between the lines, and forth. In order to ensure optimum readability on any mobile device, you must focus on spatial hierarchy. Pay attention to the grouping of characters first into words then lines and then paragraphs as this could be necessary particularly in natural light. Consult #1 Vegas website development experts for coming up with a good website.

Get the Accurate Measure

The measure is actually the exact length of any line of text. To be more precise, the measure is referred to the ideal length of any line of text. Very rarely would every line be fitting exactly. The normally accepted and acknowledged ideal measure for smooth and comfortable reading would be around 65 characters. Very rarely would 65 characters be extending to the desktop’s edges but that is not the case on most of the mobile devices. In these mobile devices, it has been seen that 65 characters have always been extending beyond the browser’s boundaries. As a consequence, you are compelled to reduce your measure for mobile devices. Even though there does not exist any commonly acknowledged standard for a mobile device measure, usually, 39 characters are used as a measure on a mobile device pertaining to the conventionally, narrow text columns that appear in magazines and newspapers.

Loosening, Then Tightening Leading

Leading is referred to the space that exists between the lines and if leading is set too tightly, it would be really challenging to follow. Similarly, when leading is set loosely, gaps in between words would be lining up and creating rivers which are known to interrupt the smooth and easy flow of any line. The general standard for leading would be around 1.4em but that seems a little bit too tight for the screens. A key feature of a typeface that really works very well on screen would be large counters. Remember large counters would need slightly extra leading for maintaining the spatial hierarchy. Remember a shorter measure would be requiring less leading. You could be setting a slightly loose leading for your desktop styles but do not forget to tighten the leading for the mobile screens.

Reducing Contrast Helps

Whilst contrast is encouraged between the background and the text, contrast should be reduced in between the different type levels. On mobile, contrast seems to be exaggerated because considerably less text seems to be visible. For mobile, you must consider tightening the ratios up for reducing the contrast of the different type sizes.

Conclusion

Typography is supposed to be an art that designers often spend their entire lifetime mastering it. That is because every technology, every text, and every typeface come with new challenges. There are no set rules that would be effective in every possible situation. While you are trying to enhance readability, however, you could focus on three main principles. Ensure smooth and effortless flow along the line of text. Allow clear spatial hierarchy and ensure adequate contrast.

Youth Ki Awaaz is an open platform where anybody can publish. This post does not necessarily represent the platform's views and opinions.