网站页面文字的排版技巧

分享到:

2016-03-01 11:35:35

一说到文字的排版,很多人都认为这是一门学问。网页制作中的每一个元素都会影响网站整体的浏览效果,其中页面文字的排版设计,将决定网站阅读浏览体验度的高低。如果连一篇文章都不能排版好,那么网站建设质量也不会高了。所以,本文就来分享一下网页制作时文字排版设计的一些技巧。

页面文字的排版主要考虑文字的识别度以及文字表达出来的意思是否易读。下面就从用户的易读性以及设计的角度的出发,说一下要怎样设计才可以做好文字的排版。

首先我们要清楚一个问题,就是什么样的排版才可以称得上是优秀的页面文字排版?很多人都认为优秀的文字排版,在阅读感受上一定是很棒的,文字表达的意思也是连贯的,在视觉上体现出来的就是平衡,在整体上有一个空间感。网页制作时文章的布局,内容的设置以及栏目的设计都对文字的易读性有影响。从文字排版的易读性出发,需要考虑文字的字体、文字的大小、段落之间的行距、间距、背景颜色的使用以及文字的颜色等等。今天就以行宽以及间距为重点介绍一下文字排版的技巧,要保持文章的易读性,帮助用户保持好对文章的阅读节奏,给用户一个良好的阅读体验。

网页制作的文字排版技巧示例

第一、行宽的设计

一行文字太长的话,我们在阅读的时候,视线的移动的距离就会比较长,让读者找不到段落的起点和重点,阅读起来就比较困难。如果一行文字太短,眼睛就会不断来回移动,阅读节奏就不能很好地掌握了,影响了阅读。所以在网站的其他内容或者是文章中,每一行都要设置合理的字数,提高用户的阅读性。在传统的书籍中,每一行的字符是55~75之间,这个也是最佳的字数。而在网页制作中,每一行的字符最佳的体验是75~85之间。如果中文字体是14号的,就是35~45个字数之间。

第二、间距的设计

文字之间的间距也会影响用户的阅读。太宽的间距是让文字之间失去连续性,影响用户的阅读,导致对内容不能正确理解。如果文字之间的间距太窄,就会容易造成跳行,内容得不到很好的理解。在网页制作和设计中,文字之间的间距,会根据字体的大小选择1~1.5倍的行间距,1.5~2倍作为段落之间的距离。例如,字体是12号的,行之间的间距就是12px~18px,段落之间的距离就是18px~24px。

另外,行高或段落之间的空间就是75%。例如,字体是16号,行间距是27px/段间距36px=75%。如果文字比较大,就可以不用按照1~1.5倍的比例。保持在75%的比例,在视觉效果上是比较好的。

以上就是网页制作时文字排版设计的技巧,各位小白新手在制作网页的时候,要注意一下。


声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴