手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >网页设计中的文字长度控制
网页设计中的文字长度控制
摘要:提升网页文字可读性的关键之一,就是让每行文字承载合适的字数。这不仅仅是设计一下文字宽度的问题,它也应该是一个易读性的问题。文字最佳长度是每行...

 提升网页文字可读性的关键之一,就是让每行文字承载合适的字数。这不仅仅是设计一下文字宽度的问题,它也应该是一个易读性的问题。

文字最佳长度是每行承载50-60字符,包括空格。也有其他资料建议不超过75字/行也可以接受。但你一定会问,不按这样的标准做又会怎样?

太长-如果一行里文字太多,用户眼球很难长时间聚焦文本。因为文本长度过长会让人很难注意到段落的起点和终点。此外,对于这么大块文本来说,也很难对当前行进行继续阅读。

太短-如果一行里文字太少,眼睛要不停的来回扫视,破坏了阅读节奏。同时,每行文本太短也样会让人觉得紧张,这行没看完就跳到下一行去了(很可能一些重要的词会被跳过)。

原本跳到下一行文字时,潜意识里是会那么有点小亢奋(只要别太频繁,原因见上面两点)。因此在每一行的开头,读者的精力都很集中,但这种专注会逐渐消褪,可能还没等把这行看完。

为了避免文本过长或过短所带来的弊端,同时又能持续的激励读者,我们建议把每行承载的文本量控制在5-75个字符(中文建议35-45个汉字,14px)。

网页设计中如何控制最佳长度

在网页设计中,可以使用em或px(像素)来实现每行字符的最佳数目(使用em可以获得很好的效果,但操作起来比px略显复杂)。其实无论选择哪一种,要获得最佳效果,都需要为你的读者设置一个固定宽度。

这也是我们为什么不推荐使用“流式”布局的原因之一:实际上你在强制用户通过改变浏览器窗口,来获得更好的阅读体验。当想到时下显示器屏幕有这么多不同的分辨率,很明显,“流式”布局会让文本行变得要么宽,要么窄。

正如大家看到在站上,我们使用了17px的Arial来呈现文字。文章容器宽度为504px,每一行大概65个字符。在你的页面中,每行显示多少个字符?50-75个?如果你想让你的读者拥有更好的阅读体验,就该这么做。

【网页设计中的文字长度控制】相关文章:

30个引人入胜的产品展示网页设计赏析

网页设计配色技巧宝典

如何设计新闻类型的门户网站

尝试网页设计中不对称的美

设计师写代码的方式

设计师不应该错过的响应式设计框架

有趣新颖的网站设计趋势

网站配色表:浪漫色彩设计

网页设计师常犯的一些错误

网页设计灵感的十大来源

精品推荐
分类导航