揭阳网站建设中网站字体的使用准则
作者:网站建设 | 发布日期:2021-03-11 | 浏览次数:
本文先从字体使用数量、文本长度等 3 个方面开始阐述
一、使用一种字体足矣
据调查表明,当一个页面中使用的字体超过 3 种时,会给用户带来“不专业”、“没有权威性”、“没有层次结构”之类的感觉。
正常情况下,页面中采用一种字体就好了,两种的话勉强可以接受,但必须要尽量把字体间的差异性降到最低,且设计上也得尽量和谐。
比如:同时使用 Georgia 和 Verdana 这两种字体,就相对比较和谐。另外,Baskerville 和 Impact 两者结合使用也会带来较好的视觉体验。
二、使用标准字体
当人们在熟悉的环境面前,会更加“如鱼得水”。同理,当浏览网页时,看到是的熟悉的字体,用户能够更加快速的 get 到自己想到的信息。
另外,由于浏览器的“限制”,不是所有的字体都能与所有浏览器“兼容”,即有些能在 Google Chrome 中显示的字体,也许到了火狐上就会显示出错,这样容易影响到用户的阅读体验。
最保守的做法就是采用系统默认字体:比如 Arial、Calibri、Trebuchet 等。
三、合理设置行文本的长度
据国外研究所调查表明:如果想要给用户一个良好的阅读体验,网页中的行文本长度最好控制在 60 个字符(约 30 个汉字)左右,这可以提高文本的可读性。
这是因为当行文本太短时,用户眼睛回转的频率增大了,阅读节奏容易被打破。而当行文本太长时,又容易引起用户阅读疲劳(专注力下降),从而导致其丧失阅读欲望。
另外,如果是移动设备的话,行文本长度则以 30 - 40 个字符为最佳。
下图是正、反案例对比,左图中的行文本长度约在 50 - 75 个字符,右图的则保持在 30 - 40 个字符左右,相比之下,右图的阅读体验明显优于左边的:以上为“网站字体 10 个使用准则”系列文章中的前三个标准,在之后文章中我们将继续为您分享剩下的 7 个准则。
四、字体的可读性
不管你选择哪种字体、使用哪种大小规格,“可读性”绝对是需要优先考虑的第一要素。“可读性”除了字体本身外,还需要考虑到访问设备的“兼容性”问题。
如今,移动设备的流量甚至已经超过了 PC 端。用户可能通过手机、也可能平板等移动设备访问你的站点,所以这时候应该考虑到字体在不同设备的显示问题,即:在小屏设备中是否也同样具有“可读性”。
建议:保证网页字体在小屏设备中的“可读性”,最好不要使用“草书字体”。
正面例子: Roboto 字体
这款字体的“可读性”非常强,不管哪种大小、在哪种设备中都能够清晰可见。
反面例子:Vivaldi 字体
这款字体虽然好看,但可读性太低,尤其是在小屏设备上显示状态奇差,十分不利于用户阅读体验。
五、字母的“可辨性”
这点在中文里比较不容易产生影响,更多是使用英文时需要注意。
在英文中,很多字母容易产生混淆,比如大写的“I”和小写的“l”、当“r”和“n”连在一起时可能产生“m”的错觉。所以,在选择字体时,也应该注意“字母的可辨性”。
六、别都用大写字母
这点也多存在于英文中,也还是涉及到了“可读性”的问题,虽然所有字母都采用大写确实挺好看的,但“可读性”却较小写字母降低了不少。
所以,除了大标题外,尽量不要所有文字都采用大写字母,如果是正文中的小标题可以使用首字母大写便可。
内容若涉及版权问题,敬请原作者联系我们,立即处理。
- GO 欣赏案例
- 查看经典案例