文字即界面

看到这个标题：文字即界面？？？你是不是会产生疑问？它怎么能称为界面呢？没错，文字就是界面，它组成的文本也是界面。文字在界面中单独展示的时候，它就相当于一种图形界面信息，怎能不称为界面呢？

作为UI设计无论你是做网页还是做移动端是免不了跟字体文字打交道的，因为多数页面中百分之80的内容是文字，甚至更多。那么我们就来聊一聊文字的使用之道。

文本在界面中的重要性

当我们拿到一个界面原型时，首先要对信息进行层级划分，哪个最重要？那个比较重要？那个不太重要？哪个比较次要？整体来说其实每一个文字、每一个字符都很重要。他们共同构成了界面，缺一不可。好的文本字体和赏心悦目、有主次的排版就是好的设计。文本是最根本的界面，需要我们设计师来塑造和打磨这些信息。

我们来看看iOS系统中的天气界面设计，仔细分析一下页面的构成元素，无非就是：

两张图 + 几个图标 + 一大堆文本。

我们在做设计的时候并不是将一堆随机的文字和图标排布在屏幕上，或者添加一些讲不清道理的图形。让它们看起来够漂亮够炫酷就行了。

我们需要从最核心的内容和文本开始着手，然后分析这些内容和文本，以及文本和文本的层级关系。这才是我们工作的核心。

上图是IOS的日历界面，我们在设计之前会不禁感叹，天哪全是文字，有什么好设计的啊？我们运用上面的方法来分析，年、月、日、哪个重要呢？也许你会说年和月份最重要啊，没错那日期呢？多大的字号显示呢？太大了排版不下，太小呢又看不清。那么我们就需要对数字的最小值进行测试，系统在不同设备上运行的显示状态是怎样的。那我换一个字体呢？IOS为什么采用这个字体？

通过上面的分析，可以证明文本的清晰度同样扮演着关键性的角色。

如果我们的大脑花费一两秒钟单纯只是分辨一个字形，那么清晰度上的微小差异是无伤大雅的。以英文字母为例，当字母组合成为大段的文本，不同的字母组合构成不同的词汇、段落的时候，清晰度的影响就更大了，排版的就显得尤为重要了。

影响界面设计的文本属性还有很多，比如平衡性，定位和层次结构，但是好的文案和排版的影响至少占据整体影响的95%。

我们的阅读习惯

屏幕上的文本尤为重要，那么我们阅读的习惯又是怎样的呢？

外国人Billy Whited的一篇文章研究表明：一个少于20个字母的独立单词放在句子中会更快被理解，而单独放置的时候我们需要耗费更长的时间来识别。不光是字母如此，我发现有时候我单个看某个中文字的时候，越看会觉得好陌生，甚至怀疑是不是这么写的。

其实这个研究结果也表明我们阅读较长句子的时候，并非是逐个单词地阅读，而是跳跃着阅读功能性的词汇，我们将这种阅读方式称为离散跳跃式阅读，俗称扫视。阅读中文段落的时候相信大家也是一样。

扫视让我们的阅读能力更强，我们甚至会跳过短的功能性词汇。

但是我们的界面中所承载的词汇大多是孤立的单词。除非文章资讯详情页面，一般来说，界面是无法利用扫视这种方式来获取信息的。

所以词组在阅读中发挥着非常重要的作用，无论是作为内容还是作为界面元素，均是如此。那么，选择合适的字体就相当重要了。

那么为什么我们只采用苹果或者安卓指定的一些常规字体呢？这就牵扯到衬线字体和非衬线字体了，相信大家都比较了解，这里就不多说了。

字体这么重要，那么有什么运用方法么？下周我们一起聊一聊，在界面设计中文本字体设计会遇到哪些恼人的问题，以及如何总结规范。