字小得像蚂蚁,用户得眯着眼睛看。这个问题在移动端特别普遍,但很多站长压根没意识到。
为什么字会小。最常见的场景是,设计师按电脑屏幕的比例设计,字号定在 14 像素左右,在电脑上看正合适。但这套设计直接搬到手机上,浏览器把页面缩放到手机屏幕宽度,14 像素的字就变成了看起来只有七八像素的字,根本看不清。
那多大的字号合适。移动端的正文,我一般建议在 16 像素左右,绝不小于 15。有些内容型的页面,甚至可以做到 17、18 像素,读起来更舒服。标题按层级递增,别跟正文差太多。
还有个重要的点,是行高。字号合适了,行高不够也会很难读。行与行挨得太紧,眼睛会串行。我一般会把行高设在字号的 1.6 到 1.8 倍之间。
再说段落间距。手机上如果段落之间没有间距,一大段文字糊在一起,用户一眼看过去就晕。段间距要明显一点,让眼睛有停顿的地方。
那怎么检查。打开自己的手机,看你的页面,眯着眼睛感受一下。如果你需要放大才能看清,那就是太小了。还可以对照其他做得好一点的站,感受一下差别。
有个技巧,就是把浏览器的字号调大,看看你的页面会不会崩。如果会崩,说明你的排版不够弹性。
移动端的阅读体验,是内容能不能被读完的前提。字都看不清,你内容写得再好也没用。这些基础的东西,比什么高级技巧都重要。
—— 来自 图趣网 - 优秀网站分类目录 的分享