书法放进网页:让笔意与阅读各司其职
舒心读
18
卷中目录
书法能为网页带来鲜明气质,但如果导航、正文和提示文字都使用笔画变化很大的字形,读者可能需要不断辨认。比较稳妥的做法,是先区分表现性文字与信息性文字。
本篇练习: 给一页文章建立四级文字安排,并在窄屏上检查实际阅读效果。

书法标题尽量短而明确
四到八字的主标题比较容易形成完整视觉形状,这是练习时便于控制的范围,并非严格规定。长标题也可以使用书法,但需要专门处理断行与节奏。
先检查每个字是否清楚,再看整句的疏密。不要为了追求飘逸,把关键字裁出容器。笔画的伸展需要边距,尤其是页面顶部和左右边缘。
正文选择易读的字形
正文承载解释、条件与步骤,应优先考虑连续阅读。可以保留温润的中文字体,同时使用足够清晰的标点、数字和英文回退字体。
不要用极细字重配上很浅的颜色来制造“雅”。字号、行高、行长与对比一起决定阅读体验,任何单项都不能替代其他部分。
层级依靠组合,而不只字号
栏目标题可以通过间距、位置和少量装饰与正文区分。辅助信息应更安静,但仍然清楚。印章和落款可以成为点缀,不能取代真实的按钮名称。
完成后把所有装饰暂时隐藏,检查读者是否仍然知道标题在哪里、正文从哪里开始、下一步能点什么。结构成立后,再恢复笔意和装饰。
字体文件也影响体验
使用字体前确认授权范围,并保留要求附带的许可说明。网页字体尚未加载时,应有可用的回退字形,让内容先出现;字体替换后也要检查是否导致明显换行跳动。
只用于少量固定标题的字体,可以按实际文字制作子集。若用于用户不断增加的文章标题,就应同时考虑缺字回退,不能假设今天的字符集合覆盖未来所有内容。
最后在手机宽度、放大文字和字体加载失败的情况下各读一遍。书法的作用是让页面更有性格,阅读结构则负责让这份性格能够被舒适地接近。
见字如晤