小六工作室告诉你一些网站文字排版技巧,快去查看你们的网站是这样排版的吗?

时间:2018-9-7 10:04:21

分享到:
 

说到排版,这是个大学问。网站上每一个元素都能影响流览,排版规划的好坏肯定能考验一个规划师的根本功底,而短短的一篇文章并不能将排版介绍清楚,本文就先主要共享网站主题部分文字的排版,后期咱们还会在不同系列文章中依据要点地交叉介绍排版技巧。

文字的排版需求考虑文字辨识度和页面易读性,本文就从最佳易读性标准和CRAP规划四准则的视点与咱们共享怎样在网页中做出精彩的文字排版。

先想想,你觉得好的文字排版是什么样的?在咱们看来,好排版必定有着比较棒的阅览性,文字内容在视觉上是平衡和连接的,并且有全体的空间感。布局、内容摆放和栏目规划都会影响文字的阅览性。从易读性来看,需求规划师考虑字体、字型巨细、行距、距离、背景色与文字颜色对比等。

咱们在前面文章中现已要点介绍了字体和字型巨细,以下最佳易读性标准则介绍行距和距离,共享适合的行宽和行高,帮助流览者坚持阅览节奏,让读者具有更好的阅览体验。

1、最佳易读性标准

①.行宽

咱们可以想像一下:假如一行文字过长,视野移动距离长,很难让人注意到阶段起点和结尾,阅览比较困难;假如一行文字过短,眼睛要不断来回扫视,破坏阅览节奏。

因而咱们可以让内容区的每一行承载合适的字数,来进步易读性。

传统图书排版每行最佳字元数是55—75,实践在网页上每行字元75—85更盛行。中文在14号字体时,主张35—45个文字。

②.距离

行距是影响易读性非常重要的要素,过宽的行距会会让文字失掉延续性,影响阅览;而行距过窄,则简单呈现跳行。

网页规划中,文字距离一般依据字体巨细选1—1.5倍作为行距离,1.5—2倍作为段距离。

比方12号字体,行距离是12px—18px,阶段距离则是18px—24px。

别的,行高/阶段之间的空白=0.754。行距离正好是阶段距离的75%对错常常见的。

比方简书16号字体,行距离27px/段距离36px=75%。文字字型巨细自身比较大,所以行距离也不需求严厉按照1—1.5倍的份额设置,不过行距离和段距离的份额契合75%,看起来很不错,这样的视觉效果让人在阅览时坚持一种节奏感,这就是在实践情况中将标准的灵敏使用。


版权所有:小六网站建设工作室

皖ICP17017830