网站建设如何提高文本易读性

  无论如何设计文本,都需要一个目标,而最根本的的都是明确地向用户传递信息,其他的设计编排都需要以此为基础。如果不坚定目标,文本的就没有存在的意义。

一、字体

  IOS 11的设计思路中有这样一条,通过字体大小去凸显内容、区分层级。由此可见,通过设定不同的字体大小可以制造出不同的视觉体验。

  字号同样拥有黄金比例,实际上黄金比例的字号对比在移动端是一个适合突出主题的比例,是一个“美”的比例,但并不一定是一种适合阅读的比例。一个以阅读为主的页面在字号选择上可能需要较小的比例,若是你在字号的选择上缺乏信心,也可以用一些工具进行辅助选择。具体工具,天津网站建设推荐Modular Scale,由Adobe的排版负责人Tim Brown创建,其中囊括了历史上最令人满意的几种比例关系,通过这个比例进行匹配至少不会出错。

二、留白

  这里的留白指的是文字上的,即在版面中留出空余的空间,处理好留白能使文本视觉流平顺,提升阅读舒适性。对于一篇文章而言,留白从小到大分别有文字中的空白、文字与文字之间的空白、行与行之间的空白、段与段之间的空白,留白面积的大小也要遵循这个顺序。文字留白包括行间距、段间距、字间距。

1、行间距

  行间距的设定直接影响了视线从前一行末尾移动到下一行开头的难易。行间距过高导致视线分散,容易游离;行间距过小则容易影响视线的移动,让人找不到正在阅读哪一行。普遍认可的做法是将行高设置为1.5em2.0em。在这个基础之上,字体样式、大小、行宽还会对行间距的设定有一定的影响。

2、段间距

  段落与段落之间需要有一定的距离,如果这段距离过小,同样影响视线的移动,过大则容易导致上下文的联系变得松散。普遍做法也是将段间距设定为2.0em

3、字间距

  字间距如果不是特殊要求,一般都是默认设定。过小的字间距会让人感到拥挤,过宽的又会过于稀松。

三、对齐

  排版中文本的对齐方式有四种:左对齐、右对齐、居中对齐、两端对齐。由于一般文本用左对齐和两端对齐较多,所以这里主要讲解这两个。

1、左对齐

  左对齐容易造成右端留白过多,整体视觉失衡,但是这种对齐方式不破坏文字本身的起伏和韵律,能保证较好的阅读体验。

2、两端对齐

  两端对齐可以保证段落文字整齐划一,成规整的块状,但是打破了文字和字间空白之间形成的韵律,阅读起来未必舒适。特别是在大量使用英文的情境下,字母之间的间距会拉大,加大阅读难度和不适。

四、对比度

  对比度主要是指页面底色与文本的对比度,对于阅读的内容来说,对比度过于激烈和过弱都是不利于阅读的,material design中推荐的文本对比度为7:1,最小值为4.5:1

  如果对比度太低的话,视觉体验并不舒适,长时间阅读容易感觉疲劳。有许多可以检查色彩对比度的网站,可以自行使用避免出错。


您可能还喜欢

在线咨询返回顶部