昨天有个老朋友找我吐槽。他说他那个新做的官网,看着挺高大上,结果上线一周,跳出率高得吓人。他拿着数据问我,是不是页面加载太慢?还是内容不够吸引人?
我让他把链接发我。我打开一看,大概扫了一眼,直接说:问题出在字体上。
他一脸懵。觉得字体能有多大影响?不就是显示文字吗?
其实,对于做网站建设英文字体这块,很多非英语母语的设计师容易犯一个低级错误。他们觉得,只要是个英文字体,能显示就行。甚至为了省事,直接套用系统默认的Arial或者Times New Roman。
这真的是大忌。
你想啊,用户访问你的网站,第一眼看到的不是Logo,也不是Banner,而是那些密密麻麻的正文。如果字体选得不好,那种廉价感、陈旧感,会瞬间劝退用户。特别是做跨境电商或者面向国际客户的网站,英文字体就是门面。
我讲个真实的案例。
前年我帮一个做SaaS工具的朋友改版。之前他们用的是一种很细的衬线体,虽然看着文艺,但在手机屏幕上,笔画细得几乎看不清。尤其是那些小字号的说明文字,用户得眯着眼看,还得放大屏幕。
结果呢?转化率极低。
后来我们换了一种无衬线字体,稍微加粗了字重,行间距调大了一点点。也没改其他东西,就改了字体。
数据怎么样?
一周后,平均停留时间提升了大概15%左右。虽然这个数据没有特别精确的权威报告支撑,但在我经手的十几个案例里,这种细微的改动带来的体验提升,往往被低估。
这里面的门道,其实就在细节里。
很多老板在提需求的时候,根本不懂什么是字体家族。他们觉得黑体就是黑体,宋体就是宋体。但在英文里,字体家族复杂得很。
比如Helvetica,它有Light, Regular, Bold, Black等等不同的字重。如果你只用Regular,页面会显得很平,没有层次感。
所以,在网站建设英文字体选择上,一定要考虑字重的搭配。
标题用Bold,正文用Regular,注释用Light。这样页面才有呼吸感。
另外,还有一个很多人忽略的点,就是加载速度。
现在网上有很多好看的Google Fonts,或者Adobe Fonts。看着漂亮,随便往代码里一挂。但是,如果字体文件太大,或者请求次数太多,页面加载速度直接受影响。
我见过一个朋友,为了追求那种复古的手写感,引入了一个巨大的手写体文件。结果首屏加载时间超过了3秒。
用户现在的耐心只有3秒。
3秒打不开,他就关了。
这时候,再好看的字体,也没意义。
所以,我的建议是,优先选择系统自带的字体,或者那些经过优化的、体积小的Web Font。
比如Roboto, Open Sans, Lato这些。它们不仅好看,而且兼容性好,加载也快。
当然,如果你一定要用那种特别个性的字体,比如用于Logo或者大标题的装饰性字体,那可以单独引入。但正文部分,千万别用太花哨的。
正文是给人看的,不是给人欣赏的。
清晰、易读、舒适,这才是正文字体的核心任务。
还有一点,要注意行高。
英文单词比较长,如果行高设置得太小,读起来会很累。一般建议行高设置在字体大小的1.5倍到1.8倍之间。
比如字体是16px,行高就设在24px到30px左右。
这样看起来,眼睛不累,阅读体验才好。
我最近还在研究一种新的排版趋势,就是把英文和中文混排时的字体协调性。
很多网站,中文用思源黑体,英文用Arial。这两种字体放在一起,视觉上很不协调。中文的笔画粗细和英文的粗细对不上,显得特别突兀。
这时候,就需要找那种专门针对中西文混排设计的字体。
或者,至少确保中英文的字重、风格在视觉上是一致的。
比如,中文用粗体,英文也用粗体;中文用细体,英文也用细体。
这种细节,普通用户可能说不出来,但他们的潜意识会觉得“舒服”或者“别扭”。
做网站,就是做这种潜意识里的舒服。
别总想着搞什么炫酷的特效,把基础的东西做好,把字体选对,把间距调好,把加载速度优化好。
这些看似不起眼的小事,累积起来,就是用户体验的巨大差异。
我常跟我的团队说,不要为了设计而设计。
设计是为了服务内容的,是为了让用户更轻松地获取信息。
如果字体让用户看得难受,那这个设计就是失败的。
所以,下次再纠结网站建设英文字体怎么选的时候,别光看颜值。
想想用户。
想想他们在手机屏幕上,眯着眼读你文字的样子。
给他们一点便利,一点尊重。
他们会用停留时间和转化率,来回报你。
这比什么营销技巧都管用。
毕竟,真诚,才是最高的套路。