浅谈手机用户界面扁平化

王庭杰

摘要：IOS7是从IOS诞生以来最重要的一次变动，但是如何看待这样的变革才是最重要的。回归了苹果的极简风格，新的设计基于“内敛”的标准，让界面更加凸显内容。从拟物到扁平化的设计过程，也是人机交互发展过程。

科技发展的趋势是现实世界与虚拟世界的相互融合，现在我们需要打开电脑，拿出手机才能进入数字世界，而未来两个世界的分界是越来越模糊。随着物联网技术的发展，在未来，衣服，桌子，家具等现实世界的物体都可以作为虚拟世界的接入口，使两者融合在一起。

IOS7是从IOS诞生以来最重要的一次变动，变革时期的争论是不可避免的，有人会因为它的变化而感到不适应。有人会因为它的变化而感到兴奋。这都是变革事情两种不同的观点，但是如何看待这样的变革才是最重要的。回归了苹果的极简风格，在此基础上采取扁平化设计和鲜明的配色，以及多图层的呈现形式。新的设计基于“内敛”的标准，让界面更加凸显内容。

所谓拟物化风格，是在虚拟的数字图标上，添加真实物体的元素，让冰冷的科技与现实生活完美联系，让完全不懂IOS的用户也能够凭借直觉轻松上手。按照苹果的说法，应用程序的外观看起来与现实生活中的对应物越来越接近，使用起来就越简单，同时也能够改善应用程序的用户体验，用拟物的方式来描绘现实世界中的东西，学习成本低，易于记忆，苹果公司对于用户界面来说，则是需要任何人处于任何年龄都能够在使用苹果产品的时候能够快速的掌握，模拟实物的视觉设计和交互体验让用户完全不同去抽象的理解，就可以直观的使用。用户对于图形的认知以及对图形所体现的功能需要一个的学习过程，而这个联系的过程也就是概念抽象化的过程，这在一定程度上也反应了思维的发展。

从拟物到扁平化的设计过程，像是人机交互发展过程，在人机交互发展的初期，设计者会用相似的图形来表现计算机的一些功能，就如电脑中的回收站会用废纸篓的形象一样，让使用者能够理解此应用有什么功能。从认知形状的角度分析，人对于形状的认知是一个由简单到复杂的过程，相比较于复杂的图形，简单的形状更易于理解和使用，这是与人生理的客观条件相关的，大脑在处理简单图形的过程中需要处理的信息量很少，随着年龄的增长，生理机能的成熟，大脑所能够承担、处理的信息量与日俱增，表现为对所认识的图形越来越复杂，越来越具体，在处理复杂图形或图像的时候，大脑需要处理更多的数据与信息。而当互联网快速发展的进程中，用户已经不再需要用简单象形的符号确认使用的功能和在未知环境中的不确定性。在所有的用户界面中都采用拟物化的图标，用户早已经是不再需要这样的视觉效果，过多的拟物化只能使用户对于界面的一种反感和对于这种界面的一种改变的心态，而扁平化设计，是在这样的环境中应然而生。

一、IOS7界面与IOS6相比所体现的优点

（一）锁屏界面，滑屏解锁变成了全屏操作，相比于IOS6的滑屏解锁区域，此项改变更加容易接受，从交互设计的角度来看，也是更加的方便了用户的使用，减少了新版本学习的难度。

（二）对界面元素进行重新设计，原有图标中运用到的玻璃和渐变效果被抛弃、取而代之的是色彩鲜明，更加扁平化的图标，新的图标摒弃了原有拟物化的风格，而是应用了更加简洁的符号，更加的明晰。

（三）搜索界面，不管在任何界面都可以能够随时调出搜索界面，而不再是IOS6那样需要退出当前界面后才可以使用，这样的改变更加的方便了用户的使用。

（四）淡化了拟物设计的视觉冲击，加强功能上的交互，IOS6中图标以及界面是单个点的形式的视觉冲击，每个图标对用户都是能形成吸引，而在IOS7中，扁平化所形成的整体则是整体面对用户的视觉感受。

随着互联网产品应用的深入，我们已经不再需要看见一个书架的样子才知道那是阅读的应用，拟物化应用在形象的优势背后，同时也为用户带来了不必要的噪音，在智能手机发展到现在，人们获取信息的途径的宽广化，我们可以通过一个符号性的图标就能够理解软件应用的功能。

二、扁平化风格流行的必然性

扁平化设计之所以能够成为趋势，一定程度上是与思维的发展和“最小化”的原则是相关的。建立联系的学习过程让误读图形的可能性减小，使得相对抽象的图形也具有了具象的特征，并且相对于复杂图形或图像，大脑对这种经过建立联系简单图形需要处理的信息量更少，也更为迅速，因此，扁平化这一趋势也成为在思维发展到一定程度、一定阶段之后的选择。

首先，IOS界面拟物化的目的是降低用户的学习成本，使目标群体无论年龄大小，是否有操作经验都可以在拿到设备后，能够快速的掌握它的使用方法。但在数码普及以及互联网技术发展的今天，对于很多的年轻用户来说，拟物化设计所体现的便捷优势已经不再明显，大家早已适应了各类界面的操作方法，当界面中常用的图形抽象化、符号化之后，用户并不会因此产生陌生感而增加识别的难度，反而会因为去除了各类复杂视觉效果，过多的装饰元素而一目了然的得到想要的信息，加强了功能上的交互性。

其次，扁平化界面有助于提高用户体验。一，视觉效果方面，扁平化设计倾向于矢量风格的图形，在一定程度上减弱对像素精度的要求，从而创建出简洁的用户界面，增强用户体验。二，是信息层级方面，每点击一次进入下一层级，层级越多，操作体验性越差，当图标不仅是应用程序的入口，同时又是信息的载体能够直接展示关键信息时，就大大提高了使用效率。正如WIn8系统的磁贴，不用进行任何点击操作便可以看到很多常用应用的最新信息状态。

【参考文献】

[1]侯景艳.从符号学角度解读扁平化设计趋势[J].科技创新与应用.2014（03）

[2]高凯.扁平设计初探[J].现代装饰理论.2013（11）

[3]韩晓墨.继承与发展并重—论扁平化设计的席卷[J].现代装饰理论.2013（07）

【作者单位：南京艺术学院设计学院】