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

网页文字排版的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设计前景好,缺口大

咨询 报名

长沙网页设计精英培训班

长沙网页设计精英培训班

快速掌握网页设计三大核心:1.熟练运用P

咨询 报名

长沙电商设计运营培训班

长沙电商设计运营培训班

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

咨询 报名

长沙室内空间创意培训班

长沙室内空间创意培训班

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

咨询 报名

长沙平面视觉创意培训班

长沙平面视觉创意培训班

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

咨询 报名