020-29815005
预约专线时间:09:00-23:59

页面排版设计注意事项。

新闻来源:本站 日期:2021-07-20
请勿使用者全部读大写。这种方法明显地降低了用户扫描和阅读速度,使他们比小写字母更快。下面就为大家介绍网页排版设计的注意事项,希望对你有所帮助。
  1.使用字体数量。

  用三种以上的字体会让网站看起来缺少结构和专业性,太多类型和风格会同时破坏任何布局。

  一般而言,整个网站字体的数量限制在两个以内,一般一个就够了。若使用不止一种字体,请确保基于字符宽度的互补性。从图中可以看出:左边组的字体比较协调,而右边组的字体对比不明显,所以权重比例不协调。

  2.使用标准字体。

  像谷歌网页字体或者Typekit这样的字体嵌入服务有很多有趣的标准系统字体,因为用户更加熟悉标准字体,这样就能更快地阅读它们。

  除非你的网站有自定义字体的吸引力(比如品牌标识或者创造沉浸式体验),否则通常更适合使用系统字体。


UI设计


  3.限制线长。

  想要良好的阅读体验,每行文字应包含60字。每一行字符的正确数目是可读性的关键。假如每一行太短,视线就必须不断重复,从而破坏读者的阅读节奏。若一行文本过长,用户很难把注意力集中在文本上。

  在移动设备上,每行应有30-40个字符。这里有两个可以在移动设备上看到的站点例子。一种方法每行使用50-75个字符(对于打印和桌面来说,每行字符数更好),而第二种方法最好是30-40个字符。

  4.选择不同大小的字体。

  一定要让您选择的字体在小屏幕上是清晰的!

  5.使用可区分字母的字体。

  很多字体容易把相似的字母混淆,尤其是“I”和“L”,因此,在选择字体时,一定要检查不同的上下文中的类型,确保它不会给用户带来麻烦。

  6.避免所有英文大写。

  请勿使用者全部读大写。这种方法明显地降低了用户扫描和阅读速度,使他们比小写字母更快。

  7.不要缩小行距。

  为便于阅读,行距通常为字符高度的30%。

  段间间隔可大于行距20%,而留白可使使用者有时间消化内容。

  8.确保有足够的色彩对比度。

  请勿使用相同或相似的文字和背景颜色。文字越明显,用户就越能快速浏览和读取。

上一篇:UI&UX 小技巧

下一篇:图像有什么格式?