太火鸟崔波:字体怎么带来好体验

摘要

随着设计与互联网的连接越来越多,字体正在成为设计中重要的一个部分。

编者注:崔波是创意社交电商网站「太火鸟」的联合创始人、用户体验总监,此前在视觉中国公司任职。

太火鸟致力于整合创意产品社区与电商服务,利用众筹、众包的方式让社区参与产品开发。以下内容整理自他在极客公园第 66 期活动「字体的力量」上的演讲。


大家下午好,目前我在太火鸟负责网站用户体验,之前是在视觉中国网站负责网站产品设计和集团图片业务这一块的用户体验。

今天跟大家分享的主题是「无字体不体验」:字体,如何影响互联网用户体验。

背景:字体的变化与互联网的发展

我引用瑞士字体设计师埃米尔·路德在 1969 年的一段话:

我们正被印刷品的洪流淹没,个体作品的价值正被稀释,因为被诱惑包围的现代人根本不可能读完所有印出来的内容。

字体排印师的工作就是把印出来的海量文字分拣、组织、诠释,从而让读者更容易找到自己感兴趣的内容。

相对于互联网的发展,传统设计上来讲我们介质发生一些变化。我们设计师以前面临的是纸张,考虑的是印刷工艺,包括油墨和纸张这些方面。网络的设计师更多的考虑是屏幕的大小,颜色和亮度等等一系列的问题,介质发生了一些根本上的变化。

字体进入互联网的二十年

但是这个变化带来了很大的影响,第一个节点是 1995 年微软推出浏览器,我们逐渐进入互联网时代。

但作为设计师来讲,能够用到的字体其实很少,我们电脑里面默认自带的四五种中文子体核四五种英文字体,那个时代设计师使用字体的时候是把文字做成图片,在使用的字体上很有限,修改起来也比较费劲。

第二个节点 2004 年 Firefox 推出第五个版本后,浏览器一直在支持 CSS 这样一个标准,那个时候我们在字体上的使用有了翻天覆地的变化,我们可以使用很多个性化的字体。

第三个节点是 iPhone 4 的支持 Retina技术,我们字体会更加清晰、细腻。

以前我们做网页字体设计的时候,只能考虑用大 12 号宋体,你用到黑体或者其他字体之后,字的边缘放大以后还是特别的模糊。而在 iPhone 4 之后,字体显示就非常的清晰,无论放到多大的屏幕上都没有关系。

如何用字体带来好的体验?

屏幕和字体渲染技术的进步让字体使用有更多选择:一般认为无衬线字体更容易在屏幕上阅读,衬线字体显示正文文本可读性十分良好。

响应式设计使多屏幕浏览阅读体验上视觉统一:文字在所有主要浏览器和平台上读来都同样轻松和舒心。正确的行距、字距、留白以及适当的色彩运用都能改善易读性。

扁平化设计、简约风格的流行凸显字体设计的重要性:去掉一些没有必要的设计元素,呈现出文字的最大影响力。做到不干扰用户的阅读。注重网站内容,

阅读时的专注与沉浸体验提高阅读质量:智能手机、平板电脑的普及,信息的随后阅读。设计上没有太多的框框条条,没有分栏的设计,就是简单的文字表达,加上图文,摒弃了复杂的内容,主体内容流畅的呈现,更提高阅读质量。

大的字体、标题设计使网站更具有吸引力:印刷设计师一直使用的大标题,以吸引不同年龄层的注意。开始于 2009 年,目前在普及。大标题已证明更有吸引力和明晰沟通。

字体的气质:左边使用的是一些比较粗,比较厚重的字体,强调的是它的一种成本和强势。中间这个可能有一些变体的出现,可能显得这个字会特别的跳跃,边角的处理方式,会体现一种速度感。

时尚网站会用到这样一些比较时尚优雅的字体。一些正式的字体加上一些小的字体结合,显得很绅士、沉稳。

手写字体和草稿字体:手写风格可以传达手绘和策划的意识。在结合上下文环境使用,会是一个功能强大的表达方式。 

字体为主的App:Clear 是一款简约风格的 iOS 应用。围绕它的触控是使用手势来控制界面,你会发现单是文字设计就足以解决一切并让你享受着这款应用。 

设计优秀的网站,你会发现它们通常只会用到一到两种字体,并在此基础上通过不同的字号、字色、粗细、间距等属性来体现出内容的层次结构。

最新文章

极客公园

用极客视角,追踪你不可错过的科技圈.

极客之选

新鲜、有趣的硬件产品,第一时间为你呈现。

张鹏科技商业观察

聊科技,谈商业。