回顾十年（2008—2018）界面设计风格变迁

陈可人

摘 要：苹果公司的设计一直是设计领域的风向标，iOS系统从横空出世到进入第十一个年头，是移动互联网和应用程序蓬勃发展的十年，也是界面设计风格变迁迭代的十年。本文将回顾过去十年iOS系统的界面设计风格变迁，争取梳理出其界面设计逐步变迁的内涵，并尝试找寻一定的规律，预测未来界面设计风格可能发展的方向。

关键词：iOS系统 界面设计 风格 变迁

概括来讲，过去十年iOS系统的界面设计风格只发生过一次颠覆性的改变——2013年6月，iOS7的开发者大会上，该系统的界面从视觉上发生了从拟物化到扁平化的重大改变。虽然这次视觉革新在最初收到不少负面的评价，事实却是这个风格顿时席卷了整个手机、平板电脑行业，辐射整个应用程序行业，并一直沿用至今。

一、拟物化风格图标

2008-2009年，我们称它是中国移动互联网的萌芽期，就全球范围来看，也同样处在初始阶段，用户接触全新的事物，来不及多想，更多地是在被这些系统、应用引导。2008年2月苹果公司对外发布了SDK，邀请全球范围内的开发者们参与到为iOS系统开发各种类别的应用程序的浩大工程中来。五个月后APP STORE上线时，开发者们已经奉上了500个应用程序。

“这首批500个应用程序得到了一个特殊的机会，他们可以用自己的产品来塑造此后数百万个应用程序的设计方向和交互策略”，这句话中的“设计方向”既包括对一款应用程序的核心功能的设计，也包括它的界面设计风格。各类应用程序让人眼花缭乱，每个用户都会根据自身兴趣爱好下载不同的应用，但是iOS系统的自带应用，却总是如约而至，它们作为系统不可分割的一部分，极富代表性地向我们展示了当时最主流的界面设计风格，移动互联网萌芽期的界面设计主流风格正是拟物化风格。

拟物化风格顾名思义，就是企图从视觉形象上模拟出物质的样子。随着技术进步，后期拟物化风格有一定延伸，我们将它称为写实拟物化风格，它包含了模拟出物质的真实质感（金属、玻璃或塑料都有其各自质感），在延伸后风格里，质感的呈现高于形象的还原。拟物化风格当然不是苹果系统的原创，实际上随着电子计算机的发展，拟物化风格常见于整个WINDOWS系统的各个界面中。还记得WINDOWS系统桌面上最常见的计算机、垃圾桶和文件夹吗？它从诞生之日起一直到今天，都是拟物化风格，只是它也经历了从像素感到写实拟物的转变。

iOS系统的应用程序图标从一开始，就采用了写实拟物化风格，其中给我们留下最深刻印象的，就是它“水晶按钮”的风格。在最初的iOS1到iOS6，该系统将“水晶按钮”大量地运用到图标设计、提示框设计、按钮设计等界面设计元素中。虽然推崇这种风格，但苹果并没有滥用它，以系统应用程序的图标为例，通过仔细观察，我们能够发现，苹果严格按照真实生活的经验把所有图标分为了水晶质感类和写实质感类两类。水晶质感的图标有：电话、信息、相册、天气、应用商店、浏览器、邮件等等，把这些图标放在一起我们就会发现，它们全是纯图形符号图标。这些图标都设计得特别简单，根据各自主要功能，选取一个具有代表性的图形符号，然后再将它们统一质感，形成系列。而写实质感的图标则有：日历、相机、地图、备忘录、设置等等，这些图标则都是局部特征图标。这其中非常具有代表性的，正式相机的图标：它选择了现实当中所有相机最具代表性的局部——镜头作为图标，根据生活经验，相机的镜头是由玻璃制成，而机体则主要由塑料和金属制成，最终设计的图标很好地如实地凸显其质感上的特性。再说说备忘录的图标设计，它是模拟现实生活中的本子来设计的，对比相机图标的金属感和玻璃感，备忘录图标很好地做出了纸张和皮革的感觉，最有意思的是iOS4的备忘录图标上，还能看到撕去的一页纸在本子上方的装订处的残留。所有水晶按钮质感的图标上，设计者都赋予它们相同的光源和弧度，一方面是让这些图标变得更加晶莹剔透，另一方面也是为了让这些图标从视觉上向前突出。

二、扁平化风格图标

2013年6月，iOS系统从视觉上进行了有史以来最颠覆也是最重要的一次革新——扁平化设计。之前那些亮晶晶的、向前凸起的图标，全部扁平了下去，薄薄地贴在屏幕背景上。

就像拟物化非苹果原创一样，扁平化也不是由苹果率先应用于界面设计当中的。早在2006年，微软就在其发布的便携式播放器zune上运用了类似的设计，并且在业内获得了一片好评。2008年，谷歌第一次将Flat Design（扁平化设计）作为一个概念提出，2012年谷歌W8的界面设计风格整体由拟物化风格转变为扁平化风格。但苹果却后来居上地将扁平化风格发扬光大、推向主流。到底是新的风格恰巧迎合了当时的审美还是它主动改变了人们的审美，又或者改变本身就是大势所趋，并且有一天拟物化还会夺回它主流设计风格的地位也说不一定。

从整个手机系统的界面设计来说，扁平化风格是指“更少的按钮和选项”，因为这样才能使得界面变得更加干净、整洁，信息显示更加简洁，操作起来更加简单，能带给用户更好地操作体验。在眼睛看不见的层面，扁平化风格的系统还能达到降低能耗、延长待机时间和提高速度等效果。单从图标设计来说，扁平化风格主要体现在“去除冗余、繁杂的装饰效果”，具体是指去掉透视、纹理、3D效果等等。以iOS系统的日历图标为例，拟物化风格的日历图标企图模拟出生活中纸质日历本儿的形象，而扁平化风格的新图标，只有一块干净的白色背景和一个英文单词（星期几）、一组数字（几号）作为设计元素，却一样可以精准传达信息。值得注意的是，扁平化设计还有Minimal Design（简约设计）和Honest Design（诚实设计）等不同的名称，它们其实都暗含了扁平化设计背后的内核：提高效率。

当然在iOS系统内的这次革新，并不是一次对过去视觉风格的否定，它甚至还是一次继承，以设置的圖标为例，无论具体采用什么风格的设计，它的图形都是齿轮。但与安卓系统的设置不同的是，iOS始终在做复杂的齿轮，因为从一开始，这就是它特有的风格，也让它得以区别于其他系统。

三、扁平化风格图标的未来发展趋势

当人们逐渐接受并沉迷于了一种设计风格当中之后，会发生什么？历史告诉我们，发展、变化才是正确的答案，尽管扁平化风格成为了当今图标设计的主流风格（截至2018年12月，仅有锤子手机的系统还在大量使用拟物化风格的图标），但从它被广泛使用到今天的四五年间，它也是在不断更新的。下面三个趋势，是近期和将来一段时间内，iOS系统的图标设计上会反复出现的。

渐变是一种色彩表达方式，按照扁平化设计的理念，它是应该被删除的冗余的装饰效果，本身不具有任何意义。但是扁平化一平，就平了那么长时间，人们的审美是会疲劳的，简约的设计从一开始的“一目了然”逐渐也会让人感到“索然无味”。所以渐变又回来了，现在最新的iOS12系统的图标里，带渐变背景的，占了近一半。

动态是一种显示方式，在iOS12的所有图标里，时钟、日历和设置都是动态显示的，虽说是动态显示，但三个应用动的时机却各不相同：时钟——一直动，由于时钟图标设计得就像一个表面，这个表面也由时针、分针和秒针构成，而秒针必须一刻不停地转动，因此这个图标是一直动的；日历——一天动一次，每天凌晨零点时，日历图标会显示进入了新的一天（如果用户带着手机出差去了有时差的地方，日历的图标会根据GPS定位突然改变显示，这是一种特殊情况）；设置——更新时转动。

动态的图标当然会比不动的图标更耗能一些，这也是这类图标违背扁平化设计理念的地方，但是随着各种技术的日新月异，新的机器的屏幕显示和电池容量也都在进步，像苹果iOS系统这样，设计少数几个带动态效果的图标，本身能够给用户一种类似找到“彩蛋”般的感受。当然，动态图标放置几个起代表性作用的即可，多了会让人觉得眼花缭乱，同时还会分散用户的注意力，降低使用各个应用程序的效率。

粗体字是随着iOS11回归的，一度扁平化图标上的数字和字母都快细得看不见了，设计者们终于还是意识到了进行准确的信息传达的重要性。

参考文献

[1] 栾玲，苹果的品牌设计之道，机械工业出版社，2014

[2] 张小玲 主编，UI界面设计（第2版），电子工业出版社，2017