勤学思培训网RRHQXD
  • 终于懂了网页排版设计注意事项

    不要用户阅读所有大写字母。与小写字母相比,这只会显著降低用户的扫描和阅读速度,使他们分分钟抓狂。接下来给大家讲讲网页排版设计注意事项,希望对你们有帮助。

    [图片0]


    1. 使用字体的数量

    使用超过三种不同的字体会使网站看起来缺乏结构和不够专业,太多的类型和样式会同时破坏任何布局。

    一般来说,整个网站的字体数量限制在两个以内,一般一种就足够了。如果你使用一种以上的字体,请确保字体方案是基于字符宽度互补。如图所示:左边组字体比较协调,而右组字体对比不是很明显,所以权重比例不协调。

    2.尝试使用标准字体

    字体嵌入服务(如谷歌Web字体或Typekit)有许多有趣而标准的系统字体,因为用户对标准字体更为熟悉,所以可以更快地读取这些字体。

    除非你的站点具有定制字体的吸引力(如品牌或创建沉浸式体验),否则通常最好使用系统字体。

    3.限制线长度

    如果你想要一个好的阅读体验,每行应该有60个字符。每行拥有正确的字符数是文本可读性的关键。如果每行文字太短,视线就必须不断地重复,打破读者的节奏。如果一行文字太长,用户的视线很难聚焦在文字上。

    对于移动设备,每行应该有30-40个字符。下面是两个可以在移动设备上查看的站点示例。第一种方法每行使用50-75个字符(对于打印和桌面,每行使用的最佳字符数),而第二种方法使用最佳的是30-40个字符。

    4.选择各种尺寸的字体

    确保你选择的字体在较小的屏幕上是清晰的!

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

    许多字体很容易混淆类似的字母,特别是“I”和“L”,所以在选择字体类型时,一定要在不同的上下文中检查类型,以确保它不会给用户带来问题。

    6.避免所有的英文大写

    不要用户阅读所有大写字母。与小写字母相比,这只会显著降低用户的扫描和阅读速度,使他们分分钟抓狂。

    7.不要最小化行间距

    为了良好的可读性,行间距通常是字符高度的30%。

    段落之间的间距可以比行间距长20%,留白可以给用户时间提供消化内容的时间。

    8.确保你有足够的颜色对比度

    不要对文本和背景使用相同或相似的颜色。文本越明显,用户扫描和阅读的速度就越快。