进行网页排版时容易犯的错误有哪些?
编辑时间:2019-12-24 10:54 浏览次数:
1. 最少采取字体数目
采取超过3种不一样的字体使网站看上去非结构化和不专业,太多的种类尺寸和样式一次也也许破坏任何布局。普遍来说,整个网站字体的数目限制在最多两种,一种普遍就足够了。假如您采取数个字体,请确保字体系基于字符宽度互补。如图:左边组的字体相对就比较和谐,而右边字体的粗细比照太显著,则显得轻重比率很不和谐了。
2. 尝试采取标准字体
字体嵌入服务(如Google Web字体或Typekit)有很多有意思而标准的系统字体,而因为会员更为熟知标准字体,所以能够更快地读取它们。除非您的网站对于自定义字体(如品牌宣传或建立如临其境的体验)非常有引诱力,否则在进行网站开发的时候,最好采取系统字体。
3. 限制线长度
假如你想要1个良好的阅读体验,你应该每行约 60 个字符。在每行上得到得当的字符数目是您的文本可读性的重点。假如每行文字太短,视野必须频繁折回来,突破读者的节奏。假如一行文字太长,会员的眼睛将很难专注于文本。对于移动设备,您应该每行30- 40 个字符 。以下是在移动设备上查看的2个网站的示例。第1个采取每行50- 75 个字符(打印和桌面的每行最好字符数),而第二个采取最好30- 40 个字符。
4. 选择各种尺寸的字体
确保您选择的字体在较小的屏幕上清楚可辨!
5. 采取可划分字母的字体
很多字体使得极容易搞混相似的字母,尤其是与“i”和“L”(如下图所示),所以当选择你的字体种类时,请确保在不一样的前后文中检查你的种类,以确保不会为你的会员导致问题。
6. 避免英语全部大写
请勿强制会员阅读所有大写字母,与小写种类相比,那只会大大暂缓了会员扫描和阅读的速度,让他们分分钟爆炸。
7. 不要使用最小化线间距
行间距普遍是字符高度的30%,便于良好的可读性。而段落中间的间距能够比行间距提高20%,留白能够为会员提供吸收内容的时间。左:几乎重合的文字。右:良好的间距有助于可读性。
8. 确保您有充足的颜色比照度
不要对文本和背景采取一样或类似的颜色。文本越显著,会员可以扫描和阅读的速度越快。
9. 避免将文字上色为红色或绿色
建议采取除颜色以外的其他线索来划分主要信息。也以免单独采取红色和绿色来传达信息,以免有色盲会员没法顺利阅读的情形。
10. 以免采取闪烁的文字
闪烁或闪烁的内容也许会使一些敏感人群发疯,并且对于普遍采取者来说,这也许是让人讨厌或分心的。
本文地址:http://app.qd-ljr.com/service/web4421.html