2019/2/15

网站字体排版的基本规则

“沟通”在设计中起着至关重要的作用–它能建立网站和用户之间的联系,并帮助用户完成他们的目标。当我们谈论在网页设计方面的沟通时,通常是指文本的输出。



排版在这个过程中起着至关重要的作用:网络上的信息95%以上的是在书面语言的形式存在。良好的文字排版使阅读的行为轻松,而体验不好的文字排版导致用户关闭网页。“网页设计是95%排版设计”。那么网站字体排版的基本规则是什么?


1.尽量使用少的字体

使用超过3种不同的字体会使网站看起来缺乏结构化和不专业。 注意,较多的字体样式使用一次都可能破坏所有布局。


为了防止这样的情况,尝试将字体数量减少,一般来说,将字体数量限制在最小限度(两个算多的,一个是正好的)


如果你使用一个以上的字体,确保字体具有系列感,且基于其字符宽度是相得益彰。


2.使用标准字体

除非您的网站有足够吸引人的自定义字体(如品牌宣传或创建身临其境的体验),否则最好使用系统字体。更为安全的做法是使用的系统字体是:Arial,微软雅黑,宋体等。请记住,良好的文字排版会将读者吸引到内容,而不是文字本身。


3.限制文本线长度

每行放置适当的字符数量是文本可读性的关键,它不仅是你的设计,决定你的文本的宽度,它也应该是一个可读性的问题。从Baymard研究所考虑有关可读性和文本线长度的建议:


“如果你想要一个很好的阅读体验,你应该限制每行大概 60 个字符。每行拥有适当的字符数量是文本可读性的关键。”


如果一行文本太短,眼睛必须经常转回,打破读者的节奏。 如果一行文本太长,用户的眼睛也难长期专注于单行文本。


对于移动设备,基本保持每行30- 40 个字符。


在网页设计中,您可以通过使用像素限制文本块的宽度来实现每行最佳数量的字符。