Meaningful Mobile Typography
:rocket: Meaningful Mobile Typography
- Sans serif typeface is easier to read on the screen .
- Text color mostly used : {
Black
--White
--Gray
}. - Common text color that mostly used : {
#ododod
--#0f0f0f
--#141414
}. - Use some spaces between words to add more readability to your website .
- Line height as
Golden Ratio = 1.618
. - Add alignment :
Left
--Center
--Right
. - Avoid :
Justify
text. - Use
Left
alignment for larger blocks of text. - Use
Center
alignment for short bit of a text or special. - Try to mixing
Center
andLeft
justified option. - If text is aligned well , users will easly be able to consume your content .
- Users should not have to pinch and zoom to read the words on the screen .
- Creating hierarchy for most designs , from
Left
toRight
&Top
toBottom
. -
The visual hierarchy need just two or three level of typography :
- ----- Headline .
- ----- Byline .
- ----- BodyText .
-
You can use :
- ----- Headline ===> Sans serif .
- ----- Byline ===> Serif .
- ----- BodyText ===> Serif .
- Responsive text you must use :
rem
--em
.