简洁而不乏味_浅谈扁平化界面设计_马娜娜

扁平化界面设计探讨。

简洁而不乏味

——浅谈扁平化界面设计

马娜娜 （南京铁道职业技术学院软件学院艺术设计系 江苏南京 210031）

摘要：关于目前引起激烈争论的扁平化与拟物化界面设计风格，本文从扁平化与拟物化的含义谈起，讨论扁平化设计流行的必然性以及界面扁平化的局限性，分析扁平化界面风格对设计师提出的新要求。无论何种视觉风格，精准的信息表达，良好的交互体验才是界面设计的根本。

关键词：扁平化；拟物化；界面设计

将“扁平化”一词用于数字终端界面设计的时间并不长，却以不可阻挡之势迅速蔓延开，从做系统的大公司到做软件的开发者，纷纷卷入这股潮流中。但关于“扁平化设计”的激烈争论不但没有停止，反而愈演愈烈。在笔者看来，“扁平化”与“拟物化”本身并不存在本质上的冲突，Flat Design的出现及迅猛发展有其必然性，而且必将会有更多精彩呈现。视觉上扁平一些更简洁，信息层级扁平一些更便捷，但无论是视觉效果还是交互体验都不能因此而乏味，只有全面考虑用户的操作体验才能做出优秀的界面设计。

一、准确理解“扁平化”和“拟物化”

“扁平化”与“拟物化”分别由“flat”“skeuomorphism”翻译而来，准确理解词义是首先应当解决的问题。很多争论是建立在认同“扁平化设计是指抛弃渐变、阴影、高光、纹理等拟真视觉效果，从而打造出一种看上去更“平”的界面，而拟物化恰好相反，极力表现真实透视仿真效果”这个基础上的，因此直接形成了对立关系。

其实“扁平化”和“拟物化”分别都有更深层的含义，两者并非同属一个领域范畴。“扁平化设计”不仅是视觉效果上的去除了立体、仿真的效果将按钮、界面拍扁了，还包括信息层级的简化。“拟物化设计”也不仅是视觉上的立体，而是指“原有物件中某些必需的形式在新的设计中已不再必要，但新设计仍模仿旧有形式，以使新的外观让人感觉熟悉和亲切”。如图所示360界面的图标，更新后使用简洁线条表现，彻底“扁”了，但无论放大镜还是显示器仍然是“拟物”的。“扁平”与“拟物”并没

有冲突。

因此可以说，目前大多数争论是对于界面设计的“简洁抽象的平面效果”与“仿真写实的立体效果”两者的偏好问题，这就如同各种不同艺术流派，它们本身并不具有优劣之分，只是每位观者喜好不同罢了。

我们解读扁平化界面设计时，不能仅从视觉风格来理解，

还需要考虑到“扁平化”包括了信息层级的精简、交互过程的简化。

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

首先，界面拟物化的初衷是降低用户的学习成本、理解难度，使得无论年龄大小、是否有操作经验都可以在拿到设备后的短时间内轻松快速掌握它的用法。但在数码设备普及度极高的今天，尤其对于很多年轻用户而言，拟物化设计原本的功能性优势已经无法凸显。大家早已熟悉各种数码产品的基本特点，适应了各类界面的操作方法，当一些界面中常用的图形抽象化、符号化之后，完全不会因此而产生识别上的困难，反而会因为去除了各种复杂视觉效果、冗余的装饰元素而更容易更直接的得到他们想要的信息。

其次，扁平化界面有助于提高用户体验——效率。其一，是视觉效果方面，例如：Andriod手机有很多种分辨率，要想使同一个App在各种分辨率中都能清晰显示，就需要准备多套资源以对应，ROM资源里就存在hdpi、ldpi、mdpi等资源以对应各种不同分辨率，这样一来，调用的资源越多，程序运行的速度就越慢。扁平化设计倾向于矢量风格图形，在一定程度上减弱对像素精度的依赖，从而创建出适应性更高的用户界面。类似的问题在Win7系统中也很突出，虽说Win7视觉效果比起XP而言要炫得多，但同等配置下的Win7运行速度却远远低于XP系统。扁平化设计可以很好的解决此问题，让系统运行更流畅，从而提高用户操作体验。其二，是信息层级方面：每点击一次进入下一层级，层级越多，操作体验性越差。当图标不仅是应用程序的入口，同时又是信息的载体能够直接展示关键信息时，效率就提高了。正如Win8系统的磁贴，不用进行任何点击操作便可以看到很多常用应用的最新信息状态。

此外，虽不是最主要原因，但数字产品审美趋势的变化也是不可忽略的因素之一。具有丰富细节、逼真质感的界面令人感到真实、熟悉、亲切，但最终打动用户的还是信息本身。更何况iOS6之前的版本，视觉上每一处的纹理、质感和细节都经过精雕细琢，几乎已经把拟物化做到了完美，要想有更惊人的突破已经很难，也没有必要了。当满眼充斥各种炫酷拟物效果操作界面时，简洁朴素的设计反而让人耳目一新，而且这种设计可以更直接更清晰的呈现关键信息，自然容易受到青睐。

三、界面设计扁平化的局限性

彻底扁平化的界面设计在表现力上有很大局限性。例如，完全抛弃所有投影、肌理、浮雕效果，仅仅依赖极简风格的线条、色块来准确表现越来越多样化、新品层出不穷的App，是难以实现的。

拟真效果的界面设计之所以大受追捧是因为它通过尽可能多的隐喻降低学习成本。虽说扁平化界面通过抛弃大量装饰元素、突出关键信息内容来让用户快速找到他们所关心的信息，但高度抽象化后的简洁图形符号却不是每个人都可以立即看明白的。从事视觉设计工作的人员很熟悉这种视觉语言，对于有丰富数码产品操作经验的人来说也更容易识别一些常用的图形符号，但对于没有多少数码产品操作经验的用户以及很多儿童、中老年人、甚至包括一些对于抽象图像符号敏感度不高的用户来说，这无疑是提高了认知成本，降低了用户体验。

此外，扁平化信息层级的应用对于移动数码设备以及很多网

137

第1页下一页