网页设计中的文字长度如何控制
网页设计中的文字长度设计也是很有讲究的,那么网页设计中的文字长度如何控制呢,下面小编为你讲解一下吧!
提升网页文字可读性的关键之一,就是让每行文字承载合适的字数。这不仅仅是设计一下文字宽度的`问题,它也应该是一个易读性的问题。
文字最佳长度是每行承载50-60字符,包括空格。也有其他资料建议不超过75字/行也可以接受。但你一定会问,不按这样的标准做又会怎样?
太长-如果一行里文字太多,用户眼球很难长时间聚焦文本。因为文本长度过长会让人很难注意到段落的起点和终点。此外,对于这么大块文本来说,也很难对当前行进行继续阅读。
太短-如果一行里文字太少,眼睛要不停的来回扫视,破坏了阅读节奏。同时,每行文本太短也样会让人觉得紧张,这行没看完就跳到下一行去了(很可能一些重要的词会被跳过)。
原本跳到下一行文字时,潜意识里是会那么有点小亢奋(只要别太频繁,原因见上面两点)。因此在每一行的开头,读者的精力都很集中,但这种专注会逐渐消褪,可能还没等把这行看完。
为了避免文本过长或过短所带来的弊端,同时又能持续的激励读者,我们建议把每行承载的文本量控制在5-75个字符(中文建议35-45个汉字,14px)。
网页设计中如何控制最佳长度
在网页设计中,可以使用em或px(像素)来实现每行字符的最佳数目(使用em可以获得很好的效果,但操作起来比px略显复杂)。其实无论选择哪一种,要获得最佳效果,都需要为你的读者设置一个固定宽度。
这也是我们为什么不推荐使用“流式”布局的原因之一:实际上你在强制用户通过改变浏览器窗口,来获得更好的阅读体验。当想到时下显示器屏幕有这么多不同的分辨率,很明显,“流式”布局会让文本行变得要么宽,要么窄。
正如大家看到在站上,我们使用了17px的Arial来呈现文字。文章容器宽度为504px,每一行大概65个字符。在你的页面中,每行显示多少个字符?50-75个?如果你想让你的读者拥有更好的阅读体验,就该这么做。
-
javascript操作select元素案例分析
本文实例讲述了javascript操作select元素的.用法。分享给大家供大家参考。具体分析如下:这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重新恢...
-
浅谈jquery 注意事项与常用语法
1、关于选择器中含有特殊符号选择器中含有".","#","(","]"等特殊字符,根据W3C的规定,属性值中是不能含有这些特殊字符的,例如:复制代码代码如下:bb如果按照普通的方式来获取,例如:复制代码代码如下:$("#id#b");$("#id[1]");以上代码不能正确获取到元素,正确的写法如下:复...
-
PHP开发工程师的具体职责
PHP开发工程师的具体职责1职责:1,负责设计产品的前后台技术框架;2,承担系统的开发工作,改进框架,基础架构,持续优化服务;3,承担关键项目的技术评审及总体设计,参与构建系统原型及关键技术问题的攻关活动;4,控制产品设计质量,制定产品开发规范、指导或撰写方案、设计等文档;5,...
-
JavaScript 函数表达式
JavaScript中创建函数主要有两种方法:函数声明和函数表达式。这两种方式都有不同的适用场景。这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一一描述。主要特点可选的函数名称函数名称是函数声明的必需组成部分,这个函数名称相当于一个变量,新定...