找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1563|回复: 0

[杂谈] 网页设计时如何增加内容的可读性

[复制链接]
发表于 2017-2-16 10:55:24 | 显示全部楼层 |阅读模式 来自 中国–河北–石家庄
  网站对用户来说,就是能让用户找到自己想要的信息,解决用户的需求。那这就意味着,网页设计的时候,对文字的设计尤为重要,包括使用的字体、字号、行间距等等排版问题,还有具体的问题内容,都需要在设计的时候精心考虑,否则无法满足用户的可读性需求。
  下面石家庄网页设计分析增加内容的可读性的方法:
  1、文字长度
  想要塑造完美的可读性,文字的长度其实是个很重要的因素,但是却又常常被人忽略。文字的长度,特别是在大块空白的设计中很重要,太长会导致眼睛疲惫,阅读困难。太短又经常会造成尴尬的断裂效果,断字的使用也会造成大量的复合词,这些断裂严重的影响了阅读的流畅性。如果你想让你的文本表现的比较讨喜,首先文本字体应该足够大,这样才容易阅读,但也不能太大,否则会导致奇怪的停顿或中断阅读。 关于完善文字的表现方式,具体一行该有多少字,字体如何等等问题,有很多的标准,甚至包括一些数学公式。比如考虑文本框的宽度(这种方法最适合印刷的时候使用,但同样适用于其他的设计),以其一半为标准,确定最佳的字体大小。你可以调整文字的大小,上下位置和起始点,来达到最好的视觉呈现。当涉及到正文,每行的字符的最佳数目是50到60,该范围可以有所根据使用类型和设备的它正在观看的样式进行扩展。对于大多数项目的安全范围,桌面设备是每行45至75个字符。用于移动设备的最佳范围是每行35至50个字符。
  2、空间和对比度
  空间和合适的对比度是关键因素,当谈到可读性。每个字符必须生活在自己的空间,这和文字的颜色和背景必须有足够的不同是可以区分的。并且每个字符不与其他文字或图像分享空间。每个字符同线路长度,间距也是重要的。所以每个字符之间的空间至少等于字符的尺寸,大多数数字设计人员习惯选择一个最小的文字大小的150%为空间距离,这就可以留下足够的空间。当每一行中读取大段的文字,且线路长度过多或线之间的空间太少,都会造成理解困难。设计师还应该特别注意文本和其他对象之间的空间。请注意包装文本和文本跨越到其他物体的边界。文本换行 - 垂直和水平 - 应至少等于用于文本之间的行距。避免使文本块触碰其他对象或元素,或跨越在图像的顶部上运行。防止彩色类型或文本标志过大。不要忘了边幅留有余地。记住要留一些空白围绕整个文本框架,创造了一个几乎看不见的光环。该保证将有助于有别于其他设置文本的“噪音”,缓解了读者进入副本的冲击。想想对比度。空间是创建对比度的一种方法;另一种是彩色。在苍白的背景上的黑色文本是博客和书籍中比较流行的趋势,因为大块的内容需要从介质(纸或屏幕)脱颖而出。当涉及到文本块的阅读,坚持简单的颜色选择,如黑色,白色或灰色,从背景中脱颖而出。
  3、连字符和断字
  最能刺激读者视觉的东西之一就是标题中间或者三分之一处有一个巨大的连字符或者下方有个小标题。它们既能吸引读者又能加重读者理解文本,所以设置的时候千万要注意这些细节。一些连字符是在大型副本块可以接受,但记住使用的数量不能过多。糟糕的表达和断裂的手法一样会使读者感到不和谐。尽量保持标题和副标题的简短,简单而直接,避免长段使用短语,保持措辞简洁,让读者感受到阅读乐趣,引诱他们深入阅读。当设计电子产品和网络产品项目的时候,可考虑大量的空白和副标题的使用。这些空白可以使文字更直观地被接受,哪怕经过重复也不会显得那么突兀。
  4、对齐方式
  无论是在文本中心,还是偏左,或者是沿着一个文件的右侧对齐,文本的对齐相当重要,可以极大地影响可读性。一般而言,文本习惯向左对齐,因为它反映了你的阅读方式- 从左至右。你熟悉每一行开始和结束的地方。正确的和合理的排版路线其实很难决定。小文本块最好右对齐,比如大的报价或艺术文本元素。对齐文本需要精确完美的断字,对齐规格和非流体的环境,这样的效果最好,这就是为什么你在印刷设计的局限最常看到它的原因。文字居中这种对齐方式,虽然很流行这么使用,但其实这种方式本身不适合增加可读性。它可用于具有持续性的小文本块,但有些情况就不合适了,比如文本只有特殊的几行的时候。居中的文本最困难的是,仅凭眼睛观察很难知道是从哪里开始,又是从哪里结束的,因为两边的线条参差不齐。
  5、文字的颜色
  在网页设计中,设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。应该注意的是,对于 文字的颜色,只可少量运用,如果什么都想强调,其实是什么都没有强调。况且,在一个页面上运用过多的颜色,会影响浏览者阅读页面内容,除非你有特殊的设计目的。颜色的运用除了能够起到强调整体文字**殊部分的作用之外,对于整个文案的情感表达也会产生影响。
  另外需要注意的是文字颜色的对比度,它包括明度上的对比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性发生作用,更重要的是,你可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。
  总的来说,网页设计的时候,需要保持一个初衷,页面内容必须是可读的,否则再好的设计都留不住用户,达不到建站的目标。

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-12-23 18:32 , Processed in 0.040358 second(s), 9 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表