网页设计的可读性应该是最值得关注的问题之一!
发布时间:2016/10/25 来源:沈阳志鼎科技有限公司 访问次数:58
页面规划的可读性应该是最值得关注的疑问之一,无论涉及到任何规划项目,假如其间的文字不能被读取,那你就没必要把它放在首位。优异文本规划的规范之一即是确保其能被人了解,而可读性是了解的首要组成部分。
啥是可读性?
当谈到规划的时分,咱们会经常谈到可读性这个概念,可是可读性,易读性和明晰的文本,并不是彻底相同的概念。假如读者能够认出字母,那文字就能够被认为是可读的,可是却不必定是易读的,尽管大多数规划中的文本都易于阅览和了解。
可读性是文字能够阅览的难易程度。了解是在可读性方面的一个关键要素,为的是能够敏捷检查 - 了解 – 回忆。可读文本能够敏捷从必定间隔进行扫描。
可读性包含文字自身要素,以及怎么便利阅者了解和了解。让咱们看看一些更多的视觉规范,有助于添加可读性。
1、文字长度
想要刻画完美的可读性,文字的长度本来是个很首要的要素,可是却又常常被人疏忽。
文字的长度,特别是在大块空白的规划中很首要,太长会致使双眼疲乏,阅览艰难。太短又经常会形成为难的开裂作用,断字的运用也会形成很多的复合词,这些开裂严重的影响了阅览的流畅性。
关于完善文字的表现方法,详细一行该有多少字,字体怎么等等疑问,有很多的规范,乃至包含一些数学公式。比方思考文本框的宽度,以其一半为规范,断定最佳的字体巨细。你能够调整文字的巨细,上下方位和起始点,来到达最佳的视觉出现。
所以假如一个列宽是36p,那么文本最佳是18p。当涉及到正文,每行的字符的最佳数目是50到60,该规模能够有所依据运用类型和设备的它正在观看的款式进行拓展。关于大多数项意图安全规模,桌面设备是每行45至75个字符。用于移动设备的最佳规模是每行35至50个字符。
2、空间和对比度
空间和适宜的对比度是关键要素,当谈到可读性。每个字符有必要生活在自己的空间,这和文字的色彩和布景有必要有满足的不一样是能够区别的。而且每个字符不与别的文字或图画共享空间。
每个字符同线路长度,间隔也是首要的。所以每个字符之间的空间最少等于字符的尺寸,大多数数字规划人员习气挑选一个最小的文字巨细的150%为空间隔离,这就能够留下满足的空间。当每一行中读取大段的文字,且线路长度过多或线之间的空间太少,都会形成了解艰难。
规划师还应该特别注意文本和别的目标之间的空间。请注意包装文本和文本跨越到别的物体的鸿沟。文本换行 - 笔直和水平 - 应最少等于用于文本之间的行距。防止使文本块触碰别的目标或元素,或跨越在图画的顶部上运转。
防止五颜六色类型或文本标志过大。
不要忘了边幅留有余地。记住要留一些空白环绕整个文本结构,发明了一个简直看不见的光环。该确保将有助于有别于别的设置文本的“噪音”,缓解了读者进入副本的冲击。
想想对比度。空间是创立对比度的一种办法;另一种是五颜六色。在苍白的布景上的黑色文本是博客和书本中对比盛行的趋势,由于大块的内容需求从介质(纸或屏幕)锋芒毕露。当涉及到文本块的阅览,坚持简略的色彩挑选,如黑色,白色或灰色,从布景中锋芒毕露。
3、连字符和断字
最能刺激读者视觉的东西之一即是标题基地或许三分之一处有一个无穷的连字符或许下方有个小标题。它们既能招引读者又能加剧读者了解文本,所以设置的时分千万要注意这些细节。
一些连字符是在大型副本块能够承受,但记住运用的数量不能过多。
差劲的表达和开裂的方法相同会使读者感到不和谐。尽量坚持标题和副标题的简略,简略而直接,防止长段运用短语,坚持措辞简洁,让读者感受到阅览趣味,诱惑他们深化阅览。
当规划电子产品和网络产品项意图时分,可思考很多的空白和副标题的运用。这些空白能够使文字更直观地被承受,哪怕通过重复也不会显得那么突兀。
4、对其方法
无论是在文本基地,仍是偏左,或许是沿着一个文件的右侧对齐,文本的对齐适当首要,能够极大地影响可读性。一般来说,文本习气向左对齐,由于它反映了你的阅览方法 - 从左至右。你熟悉每一行开端和完毕的当地。
准确的和合理的排版道路本来很难决议。小文本块最佳右对齐,比方大的报价或艺术文本元素。对齐文本需求准确完美的断字,对齐规格和非流体的环境,这样的作用最佳,这即是为啥你在打印规划的限制最常看到它的因素。
文字居中这种对齐方法,尽管很盛行这么运用,但本来这种方法自身不适合添加可读性。它可用于具有持续性的小文本块,但有些状况就不适宜了,比方文本只要特别的几行的时分。居中的文本最艰难的是,仅凭双眼调查很难知道是从哪里开端,又是从哪里完毕的,由于两头的线条良莠不齐。
5、可读性东西
Readability:这个Web浏览器插件和应用程序能够翻开任何页面并将其转化为干净阅览的视图,并答应用户搜集页面稍后阅览。
Juicy Studio Readability Test:了解更多关于一切不一样的可读性测验和算法,以及了解各手法怎么运作,和这些手法会对你的项目发生啥样的影响。
InformationArchitects "The 100% Easy-2-Read Standard:"这篇文章写于2006年,包含各种各样的可读性清单。尽管它首要适用于页面规划,但很多提示都发人深省,今天仍然适用。