网络营销
Network marketing

网页文字排版设计技巧分享 要的就是精彩!

发布时间:2016-01-08 12:57

说到排版,这是个大学问。网站上每一个元素都能影响浏览,排版设计的好坏绝对能考验一个设计师的基本功底,而短短的一篇文章并不能将排版介绍清楚,本文就先主要分享网站主题部分文字的排版,后期我们还会在不同系列文章中根据重点地穿插介绍排版技巧。

文字的排版需要考虑文字辨识度和页面易读性,本文就从最佳易读性规范和CRAP设计四原则的角度与大家分享怎样在网页中做出精彩的文字排版。

先想想,你觉得好的文字排版是什么样的?

在我们看来,好排版一定有着比较棒的阅读性,文字内容在视觉上是平衡和连贯的,并且有整体的空间感。

布局、内容摆放和栏目设计都会影响文字的阅读性。从易读性来看,需要设计师考虑字体、字号、行距、间距、背景色与文字颜色对比等。

我们在前面文章中已经重点介绍了字体和字号,以下最佳易读性规范则介绍行距和间距,分享适宜的行宽和行高,帮助浏览者保持阅读节奏,让读者拥有更好的阅读体验。

一、最佳易读性规范

1.行宽

我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。

因此我们可以让内容区的每一行承载合适的字数,来提高易读性。

传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。

2.间距

行距是影响易读性非常重要的因素,过宽的行距会会让文字失去延续性,影响阅读;而行距过窄,则容易出现跳行。

网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距。

比如12号字体,行间距是12px—18px,段落间距则是18px—24px。

另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。

3.行对齐

排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。

不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。

通常情况下,建议在页面上只是用一种文本对齐,尽量避免两端对齐。

注:相关网站建设技巧阅读请移步到建站教程频道。

分享到:0


版权所有:北京企商在线数据通信科技有限公司 CopyRight 2000-2010 NETNIC.COM.CN ,Inc. All Rights reserved

企商在线通过ISO9001国际标准质量体系认证京ISP号 京B2-20060071 京ICP备020429号 京ICP证041498号 京公网安备110108002565号

投诉热线:137-1777-7871