网站建设百科全书:不要在网页布局中出现以下缺点
发布日期:2020-12-09 00:00 来源:http://www.baotw.com 点击:
1.至少使用字体数
使用3种以上的不同字体来使网站看起来布局不专业,种类过多,大小和样式可以一次粉碎任何布局。
一般而言,所有网站的字体数量多限制为两种,一种字体通常就足够了。如果使用多种字体,请确保单词系统根据字符宽度是互补的。如图所示:左组字体比较和谐,右组字体的粗度太尖,粗细和粗细的比例非常不协调。
2.在测验中使用标准字体。
字体嵌入服务(例如GoogleWebFonts或Typekit)具有许多有趣的标准系统字体,并且由于用户更加熟悉标准字体,因此可以更快地读取它们。
除非您的网站对自定义字体非常有吸引力(例如,品牌宣传或沉浸式体验),否则好使用系统字体。
3.限制行长
如果您希望获得出色的浏览体验,则每行应包含大约60个字符。每行字符数正确是确保文本可读性的关键。如果每行文本太短,则必须将视场向后折几次,以打断读者的节奏。如果一行文本太长,用户将很难集中精力于文本。
对于移动设备,每行应包含30-40个字符。以下是在移动设备上查看的两个网站的示例。一个使用每行50-75个字符(对于打印和桌面而言,每行好的字符数),二个好使用30-40个字符。
4.选择各种大小的字体
确保选择的字体在较小的屏幕上清晰易读!
Vivaldi字体将很难在小屏幕上浏览:
5.使用可以区分字母的字体
许多字体使混合相似的字母变得容易,尤其是“i”和“L”(如图所示)在下图中),在选择字体类型时,请确保在不同的上下文中检查字体,以确保不会对用户造成问题。
6.避免用英文写所有大写字母。
与小写字母相比,请勿强迫用户浏览所有大写字母,这只会大大减慢用户扫描和浏览的速度,使他们每分钟爆炸一次。
7.不要小化行距。
行距通常为字符高度的30%,以提高可读性。
与行间距相比,段落之间的间距可以增加20%,并且当用户提供消化内容时,可以感觉到空白。左:几乎堆叠的文本。右图:出色的间距有助于提高可读性。
8.确保您有足够的色彩对比度。
请勿将相同或相似的颜色用于文字和风景。文本越多,用户扫描和浏览的速度就越快。
9.避免将文本涂成红色或绿色。
建议使用颜色以外的线索来标识主要信息。它还避免了使用红色和绿色来传达信息,并且避免了色盲用户无法流畅浏览的环境。
10.避免使用闪烁的文本
闪烁的内容可能会使一些敏感的人发疯,对于普通用户而言,这通常很烦人或分散注意力。