网易UED：文字编排易读性.pdfVIP

网易UED ：文字编排的易读性 　　 在视觉设计工作中 ，大家总习惯将重点放在图标 色彩上。但实际上 ，作为一个阅读类app ，思考 如何让文章更易于阅读是 图形、色彩处理同等甚至更为重要。 在设计工作中 ，如果有100个人就会有100种设计理论 ，我认为并不能总结出一条绝对正确的理论。 但是 ，如果完全没有什么设计理论的话 ，貌似会使设计显得很奇怪。比如 ，经常会看到这种书籍( 图1) ，一行文字过长而订口的空白又处理得不太合适。只要看到这样的设计 ，马上就会想到“这里好 像没有规则啊” ，还会让人产生“这本书的设计师好像不读书啊”这样的感觉。在阅读过程中哪怕只有 一些地方令人难以理解 ，也会让人精神不集中 ，不能彻底关注文章本身。如果是一个读书的人 ，他 自己看看这样的设计 ，自己也会感到这种方式不便于阅读啊。所以我认为电子书的阅读感受也是 这样 ，要做出理想的版面 ，作为设计者需要站在读者的角度考虑 ，应该寻找对于自己来说便于阅读 的排版。因此 ，也借此机会来整理出网易云阅读产品中 ，书籍正文文字排版的相关规则。 　　 设定内容区域 首先在书籍编排过程中 ，设定页面四周的余白来安排页面的排版。页边空白的大小不同 ，排版效果 给读者带来的印象也会发生变化 ，因此需要适当地进行处理。虽然纸质书籍已经有了莫里斯所提倡 的版面设定理论 ，但是这些理论并不适合于显示在硬件设备上。因此我们需要根据不同的媒体特点 来进行处理。如图(2) 有颜色的部分是版面 ，abcd版面标准的设定通常是按照1:1.2:1:1.7的比例来进 行设计。 　　 字体大小设置 其次是文字的字体大小 ，标题的字号要大 ，解说注释的字号要小 ，文字的大小要根据它的作用灵活 设定。在版面设计中 ，首先要确定正文字体大小 ，只有确定了正文字体大小 ，才能根据它来调节 平衡 ，决定大标题 ，小标题以及注释文字大小。 下图是适用于一般文章正文文字大小的图例。即便是相同大小的文字 ，字体不同看起来大小也不 一样。而且选择文字大小时 ，需要考虑文章的阅读方式 ，比如 ，是在大屏幕机器还是小屏幕。(图3- 4 ) 　　 行对齐 排版中重要的一条 ，是把应该对齐的部分对齐 ，例如每一个段落的字行对齐 ，就是把行的位置进行 对齐使其一致的方法。行头对齐是所有行均在行头对齐的方法(图5)虽说这种用法使得行尾不齐整 ， 但方便文章的停顿部分换行 ，适用于散文、诗歌等表现韵味的文字版式。但是 ，对于编排长篇文 章时 ，选择左右对齐更能体现条理性。由于换行的位置都相同 ，阅读行头或换行的时候视线能够平 缓流畅地移动。 　　 文字留白 使文章易读的排版方法多种多样 ，下面说说简单的方法“留白”留白就是在版面中留出空余的空间。 编排文章时 ，最小的留白是文字里的空白 ，根据文字的形状 ，字中有很多小的空白 ，留白的大小依 据字体或者文章内容上汉字及英文的多少而改变。其他比文字中的空白大的留白 ，是文字与文字之 间字间隔的空白、以及行与行之间的空白 ，段与段之间的空白 ，留白的面积大小要遵循上述顺序。 在文章中如果这个顺序颠倒或者混乱 ，就会变得不易阅读。 　　 整理好依次顺序后 ，再要检查编排后的文字是否严格按照这个顺序进行设计。不过在实际排版时没 有必要把它们的大小都分别测出来。重要的是用眼观察外观来判断留白大小是否合适。 　　行间距的设定 行高 ，行间距的大小对文章的易读性有很大的影响。行与行之间拉得过开 ，从一行末尾移动到下一 行开头 ，视线的移动距离过长增加了阅读难度。相反 ，行与行之间贴得过紧 ，上下挨得过紧影响了 视线的移动 ，让人不知道正在阅读哪一行(图12)。正文最恰当的行高 ，基本应该设定为其文章中文 字大小的两倍。例如文字大小为8px的文章 ，就应该把行高设定为16px(图13) 　　 但是根据文章使用的字体不同 ，行高使用的值也会发生改变。比如宋体文章的行高要比黑体的行高 大一些 ，相反黑体的行高要稍微小一些 ，这样的设定更易于阅读 　　 另外正文以外的大标题 ，小标题 引导语类的短文章 ，一般要把行高设定得稍微窄一些。大标题或 题目的部分 ，因为字号较大 ，若文字间隔太大太松散会影响阅读。因为若把引导语的行高设定过宽 ，这段文字难以被认为是一个整体。因此需要配合文字版式 ，挤紧字与字之间隙 ，这样会让版面看 起来紧凑扎实。 　　 我们在设计工作中 ，头脑中往往会存有某种标准 ，并且会以之作为排版工作的标准。但是实际工作 中总会有些具体情况 ，例如对于对话较多的原创类书箱而言 ，行距稍微小一些也没关系 ，而对于出 版类书箱这样段文字较多 ，或