用户经过页面获取信息,文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。在这其中,文字的效果特别巨大。排版规划的时候,关于文本内容的处理,占据了相当大的份额。尽管网络上,信息出现的方法多种多样,可是仍然有超越9成的信息是经过文正本传递的。
优化排版规划就是优化UI界面,而杰出的排版规划能让阅览成为一件愉悦的事。这10个注意事项,帮你真正有用进步内容的可读性和易读性。
最少运用字体数量
运用超越3种不同的字体使网站看起来非结构化和不专业,太多的类型尺度和样式一次也可能损坏任何布局。
一般来说,整个网站字体的数量约束在最多两种,一种一般就满足了。如果您运用多个字体,请保证字体系根据字符宽度互补。如图:左面组的字体相对就比较调和,而右边字体的粗细比照太显着,则显得轻重份额很不调和了。
测验运用规范字体
字体嵌入效劳(如Google Web字体或Typekit)有许多风趣而规范的体系字体,而由于用户愈加了解规范字体,所以能够更快地读取它们。
除非您的网站关于自定义字体(如品牌宣扬或创立感同身受的体会)十分有吸引力,不然一般最好运用体系字体。
约束线长度
如果你想要一个杰出的阅览体会,你应该每行约60个字符。在每行上具有适当的字符数量是您的文本可读性的关键。如果每行文字太短,视野有必要重复折回来,打破读者的节奏。如果一行文字太长,用户的眼睛将很难专注于文本。
关于移动设备,应该每行30-40个字符 。以下是在移动设备上查看的两个网站的示例。第一个运用每行50-75个字符(打印和桌面的每行最佳字符数),而第二个运用最佳30-40个字符。
挑选各种尺度的字体
保证您挑选的字体在较小的屏幕上明晰可辨!
运用可区别字母的字体
许多字体使得很简单混杂类似的字母,特别是与“i”和“L”(如下图所示),所以当挑选你的字体类型时,请保证在不同的上下文中查看你的类型,以保证不会为你的用户形成问题。
防止英文悉数大写
请勿强制用户阅览一切大写字母,与小写类型比较,那只会大大延缓了用户扫描和阅览的速度,让他们分分钟爆炸。
不要最小化行距离
行距离一般是字符高度的30%,以便杰出的可读性。
而阶段之间的距离能够比行距离进步20%,留白能够为用户提供消化内容的时刻。下图左:简直堆叠的文字。右:杰出的距离有助于可读性。
保证你有满足的色彩比照度
不要对文本和布景运用相同或类似的色彩。文本越显着,用户能够扫描和阅览的速度越快。
防止将文字上色为红色或绿色
主张运用除色彩以外的其他头绪来区别重要信息。也防止独自运用红色和绿色来传达信息,防止有色盲用户无法顺畅阅览的状况。
防止运用闪耀的文字
闪耀或闪耀的内容可能会使一些敏感人群发疯,而且关于一般运用者来说,这可能是令人讨厌或分神的。
定论
使排版具有可读性,可理解性、明晰明晰至关重要。
好的排版能够让您的网站感觉清新而令人眼前一亮。另一方面,糟糕的排版挑选令人分神。排版是为了内容更好的出现,应以不会添加用户认知负荷的方法来尊重内容。