新闻

最新时事

您当前位置> 主页 > 新闻 >

网页设计排版技巧

发表时间:2021-08-30 13:56


将文字、图片及色彩等视觉传达信息要素,进行有组织、有目的的组合排列的设计,都会直接影响页面的用户体验及相关性。今天给大家介绍六种关于网页设计排版的技巧。
  1. 网页的尺寸和层次
大小尺寸可能是排版设计的时候,调整得最多的因素。大而不当的字体设计不可取,尺寸控制的终极目标,大概是增一分过大,减一寸太小的境界,而层次也是不可忽略的因素。高可读性的排版通常是具备有层次感的,而正是层次感引导用户,先看标题,再看副标题,之后看正文。
  1. 注意行间距
在排版中,我们有一个特殊术语,用于两行文本之间的间距(或行高)。通过增加行高,可以增加文本行之间的垂直空白空间,通常提高可读性以换取屏幕空间。作为一个规则,行高应该是字符高度的30%,以提高可读性。
  1. 正确使用字体
首先选择好字体类型,对于网页设计师来说,系统字体是一种安全的选择,如Arial,Calibri,Trebuchet等,易于使用且不会给出复杂的布局,用户对标准字体也更熟悉,因此可以快速的读取。除非你的网站的自定义字体很有吸引力,否则最好还是使用系统字体。其次,控制好字体数量,尽量把字体数量限制到最小,当你的网页中使用过多的字体的时候会成为视觉噪音,绝大多数的项目会将字体数量控制到2到3种。然后要把控好字间距,控制整体文本的字间距,能够让内容的可读性、文本段落的松紧显得更加合理,而字间距在标题、展示性字体设计当中,起到关键的作用,甚至会影响整体的风格。
  1. 网页样式混搭
不同样式字体搭配的时候,关键技巧在于选择x高度相同的字体(字体中x、o这些小写字体的高度),同时还要注意o这样的小写字体的内空大小要相近,这样能保证字体的整体体验是一致的。
  1. 充分利用色彩对比
颜色在网络排版最佳实践中扮演着重要角色。在文本和背景中不要使用相同或相似的颜色,仔细对比文本和背景颜色,文本越明显,用户才能更快的阅读。你一旦选择了颜色,就要在大多数设备上进行测试,如果测试时显示阅读副本有问题,那么你的用户使用时也会有相同得到问题。
  1. 避免使用的样式
①避免内容全部大写。将文本或消息中的所有字符大写,使你看起来像是在尖叫并强加给读者,但这对眼睛来说是令人不愉快的,大多数读者甚至不会到达消息的末尾,因为它可能会让他们失望。
②避免使用闪烁的文字。闪烁的文字可能会导致个体癫痫发作,也会让大多数用户感到反感而且容易分心。
③避免使用红色和绿色的文本。因为色盲很常见,尤其是男性,据调查8%的男性是红绿色盲,避免单独使用红色和绿色来传达信息。
④避免冗余的线条。一行文本中的字符数很大程度上决定了用户阅读和掌握信息的难易程度。较短的句子比较长的句子具有更好的可读性;因此,您的排版不应太宽或太窄。常见的Web排版规则是将每行的字符数限制为约50-60。要获得网站的最佳线长,您应该考虑修改布局的宽度。