做界面时,我后来才开始认真对待小字号
以前做后台和工具类页面的时候,我对小字号没什么戒心。注释、表格里的辅助信息、表单下面的提示文字,能塞下就行,十二像素甚至更小也用过。自己屏幕上看着还算清楚,就觉得没问题,直到有一次把页面投到一台普通的办公显示器上,整片小字糊在一起,我才意识到这件事不能凭自己的屏幕下结论。
后来我慢慢想明白,中文和英文在小字号下的处境很不一样。英文字母笔画少,字号小一点,靠轮廓还能认。汉字笔画一多,像藏、赢、餐这种字,十几根笔画全挤在一个小方格里,字号再往下压,中间的空隙先消失,看上去就是一团黑。这不是字体选得好不好的问题,是笔画密度摆在那里,物理上就认不清。
我吃过的一个亏是拿字重硬撑清晰度。小字看不清,我第一反应是加粗,想着粗一点总该醒目一点,结果更糟。字一粗,笔画之间的缝先被吃掉,原本还能勉强分开的字,直接糊成一坨。后来我才改过来,小字号下宁可用常规字重,把字号稍微提一点,也不要用加粗去补。加粗是给标题拉层次用的,拿来救小字,方向正好反了。
字号下限我现在也有了自己的习惯。正文再小我也不往十四像素以下放,注释和提示这类次要信息,最低也要守住十二像素,而且只用在笔画相对简单的短句上,成段的说明文字绝不这么处理。实在放不下,我宁可让布局多换一行,或者把次要信息收进悬停提示里,也不肯把字压小去迁就版面。版面挤一点还能改,字看不清,用户是真的会直接关掉页面。
行高在小字号下比平时更要紧。大字号时行高松一点紧一点,差别不算明显,小字号时行与行挨得太近,上下两行的笔画在视觉上会连起来,读一行串到下一行。我现在处理小字,会把行高相对留得更宽一些,看着是多占了一点地方,读起来反而省力。还有颜色也是,以前我爱用浅灰放注释,觉得这样主次分明,在小字号下浅灰加细笔画,对比度根本不够,换到亮一点的屏幕上几乎就消失了。后来注释我也不敢用太浅的颜色了。
这些都不是什么高深的道理,都是页面在自己屏幕上好好的、一换设备就露馅之后,一点一点改出来的。现在我做完一个界面,会特意把缩放调小、再找一台普通显示器打开看看,小字那几处能不能一眼认清,自己先过一遍。能过这一关,页面交出去我才踏实一点。
浙公网安备 33010602011771号