长沙天琥设计培训学校 培训资讯

网页文字排版的10个注意事项

来源:长沙天琥设计培训学校  时间:2019-01-03 14:11:28

对于网页而言,视觉信息的传达至关重要。用户经过页面获取信息,文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。在这其中,文字的作用尤其巨大。

长沙天琥设计培训学校

  网页排版设计的时候,对于文本内容的处理,占据了相当大的比例。虽然网络上,信息呈现的方式多种多样,但是依然有超过9成的信息是经过文本来传递的。良好的排版设计能让阅读成为一件愉悦的事情,换句话来说,优化排版设计就是优化UI界面。今天,长沙天琥设计培训学校总结了文字排版的10个常见注意事项,帮你真正有效提升内容的可读性和易读性。

  1、控制字体数量

  当你的网页文本内容中使用超过3种完全不同的字体的时候,会让网站显得结构紊乱和不专业。

  太多字体和复杂的样式都会对布局产生影响。为了阻止这种情况的发生,尽量控制字体类型的数量是很有必要的。

  一般说来,限制字体数量是一种非常有用的方法(较多两种字体,通常一个字体能够搞定绝大多数的排版),在整个网站设计中坚持使用一种字体能够带来足够一致的体验。如果你需要使用两种,甚至更多的字体,那么请确保这几种字体族之间能够互相补充、互相搭配。

  2、尝试使用标准字体

  诸如Google web Fonts 和Typekit 这样的在线字体服务能够为你推荐许多新鲜有趣的字体,意想不到字体设计,在很多场合能够给用户带来新鲜的体验。

  3、控制每行内容的长度

  每行文本的字符数,其实直接影响着内容的可读性。正如同Baymard 经过研究所发现的那样:

  “如果你想拥有良好的阅读体验,将每行文字控制在大概60个字符左右,这个字符数量能够让你的内容拥有恰到好处的可读性。”

  如果文本太短,用户的内容扫视频率会过高,经常会打破阅读的节奏,而如果太长了,用户会很难持续的保持高专注度的阅读。

  4、选择各种尺寸下都能良好显示的字体

  用户注定是要经过不同的设备来访问你的网站的。绝大多数的用户界面需要使用到大小不一的文本元素来作为支撑,正文,标题,按钮标签,表单,等等等等。你所选择的字体,应该在不同的尺寸、不同字重的情况下,都能具备良好的可读性。

  5、使用易于识别的字体

  由于英文字体本身的几何特征,许多字体在设计的时候,稍不注意就会让用户难以识别,尤其是字母“i”和“L”,字母“r”、“n”和“h”,在选择字体的时候,应该特别注意这方面的问题,确保不会在这些基本的问题上,给用户造成困扰。

 6、避免全部大写的情况

  其实在英语言国家的网站中,使用全部大写的文本,是一个特别典型的设计上的忌讳。正如同 Miles Tinker 所说,全部的段落都使用大写字母,和小写字母相比,可读性有着明显的降低,直接反映在用户身上,就是文本的阅读速度明显降低了。

 7、注意控制行高

  在排版中,Leading,也就是行高,是一个非常常见的重要概念。在排版设计当中,行高也是很值得关注。换个更容易理解的概念来阐述这件事情,行间距,正常情况下,行间距应该是文本高度的30%,这样能够确保视觉上的清晰易读。

  8、确保色彩对比度合理

  文本和背景应该有足够的对比度,文本越明显,用户就越能快速清晰地获取其中的信息。按照W3C的建议,文本和背景的对比是有规则的

  9、避免使用红色和绿色的文本

  红绿色盲是较常见的视力障碍之一,通常使用彩色的文本而是用来区分重要信息的,但是红绿两色则可能会失去视觉传达的功能。即使只使用红色,有尽量搭配其他的区分方式。

  10、避免使用闪烁的文本

  闪烁的文本确实能够引起用户的注意力,但是它存在的较大问题是让人觉得不适,甚至会引起特定用户的癫痫类疾病。讨厌且令人分心的闪烁文本,无论从哪个角度上来看,都是得不偿失的设计失误。

  更多设计资讯,培训课程,开班时间,学校地址等学校信息,请进入长沙天琥设计培训学校

尊重原创文章,转载请注明出处与链接:http://cstianhu.5zix.com/news/46478/ 违者必究! 以上就是长沙天琥设计培训学校 小编为您整理网页文字排版的10个注意事项的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

长沙UI设计实战培训班

长沙UI设计实战培训班

UI设计前景好,缺口大

咨询 报名

长沙视频剪辑培训班

长沙视频剪辑培训班

新媒体已渗透到我们生活的方方面面,你可能

咨询 报名

长沙电商设计运营培训班

长沙电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

长沙室内空间创意培训班

长沙室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

长沙平面视觉创意培训班

长沙平面视觉创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名