ui|图文落地页阅读体验优化探索( 四 )_主流|唯流量论|主流媒体|媒体

文章插图
7. 完整设计方案回顾整个设计方案，包括了3个部分：

对比屏显字体与印刷字体，结合字体的字重，优化字体家族选择范围与展示顺位，优化内容可读性。
通过眼动实验、可用性测试调整字间距、行间距和段落间距，优化阅读节奏，提升阅读效率。
学习W3C《中文排版标准》等规范，吸取中文排印优良传统，通过对内容中标点符号等微观细致的调整。使正文区页面能够保持字距均匀，版面齐整、灰度均衡。从标点细节提升页面美观度和吸引力。

七、项目总结此次设计改版通过对字体、间距、标点，从宏观、微观两个层面的排版规则优化图文落地页内容的排版展现，提升图文的阅读体验。其中特别是微观排版细则，从传统中文排印学中吸取经验，在新的终端、新的场景落地传统优秀的排版细则。这也是在UI设计中长期缺乏的。
作为一款每天几亿用户使用的中文资讯产品，我们有责任有义务去重拾优秀的排印传统，提升中文阅读体验。
基于目前的技术等限制，我们这次的尝试能实现的排版调整也是有限的，在未来我们也会更全面、系统学习排版规范，不断提升屏幕阅读的用户体验，在屏幕阅读体验中产生不逊色于纸质阅读的良好体验。
参考资料

《新闻类APP该如何选择屏显字体？》[E].https://dy.163.com/article/FAMEIHEN053862DE.html
第十七次全国国民阅读调查成果发布[E].http://www.nppa.gov.cn/nppa/contents/280/45906.shtml
《第一代中文屏显宋体》[E].https://mp.weixin.qq.com/s/B7_8VOVBVnQixmze5-7dJA
《屏幕字体与印刷字体设计上有什么区别？什么字体最适合屏幕阅读？》[E].https://www.zhihu.com/question/35107221/answer/72522641
《屏幕解析率（PPI）越来越高，衬线体是否会成为电子设备的主要界面字体？》[E].https://www.zhihu.com/question/24769323
《中文排版需求》[J/OL].https://www.w3.org/TR/clreq/#introduction
《孔雀计划：中文字体排印的思路》[EB/OL].https://www.thetype.com/kongque/
《排版基础知识（第四版）》[M].北京：印刷出版社，2011.12
《当代排版技术概论》[M].北京：印刷出版社，1994.6
《深入了解font-weight》[E].https://aotu.io/notes/2016/11/08/css3fontweight/

作者：百度MEUX，百度移动生态用户体验设计中心，负责百度移动生态体系的用户/商业产品的全链路体验设计
本文由 @百度MEUX 原创发布于人人都是产品经理，未经许可，禁止转载
题图来自Unsplash，基于CC0协议