论扁平化界面设计在平台中的应用

夏金红

（西安工程大学，陕西 西安710048）

电子产品使用数量的日益增加、使用需求不断提高、人们的认知不断累积以及对事物概括及理解能力的提升，使得具象到抽象的界面设计风格成为发展趋势。扁平化界面设计不管在移动界面设计还是交互界面设计上都给用户一种新的体验模式，都尽量用最简洁的视觉语言来有效的传达信息，以减少人们的认知障碍。本质上，扁平化设计不仅仅是视觉上的改变，更是思维方式和设计语言的发展。

扁平化设计之所以被广泛地应用并成为趋势，主要是由于以苹果和微软为主的几大公司在其界面设计上的发展。他们改变了之前所用的拟物化界面设计风格，放弃立体效果，去掉透视、阴影、立体等装饰效果，寻求新的界面设计语言。这种设计风格以简洁、平面化的方式呈现，达到言简意赅的目的。扁平化设计给界面设计指明了新的发展方向，并为大众所接受和追捧。

由于科技的不断发展，电子产品成为人类生活不可或缺的物品，依赖报纸、图书获得信息的时代已经过去。电脑、手机成了主要的信息渠道，因此界面设计至关重要。优秀的界面设计能够快速地引导用户准确地获取信息而不产生界面复杂和不知如何操作的现象，提供更好的用户体验。扁平化设计用简洁的设计直观传达语言信息，提高了产品的可用性，也更符合大众的审美需求，下面从移动平台界面设计、交互设计两方面分析扁平化设计的应用。

1 移动端界面设计方面

不仅谷歌放弃使用了拟物化设计，苹果公司和安卓也在走向扁平化设计。大胆的平面化设计给大众一种纸张化体验的创新，视觉语言上的设计元素都是基于基础平面设计。相较于网页界面，人们在使用移动端获取信息时，因为移动端的屏幕尺寸有限，所以移动端界面更需要简洁、清晰的扁平化界面，使得人们精准地获取信息，减少使用障碍，并且移动端层级结构扁平化的信息呈现方式能使得承载信息的空间更大，也更符合快节奏生活方式下人们的需求。

之前的手机界面设计无论是图标设计还是场景的使用，都极具拟物化。高度的相似及外观精致是最大的卖点。但缺点是电子产品屏幕分辨率极高，尺寸也各式多样，复杂繁琐的拟物化设计显然不能满足这样的要求。例如图1。

图1 ios系统的界面设计

1）苹果公司最新版本iOS 7系统界面就是应用了扁平化设计风格，这是一个巨大的转变，设计师放开设计思路改变之前所用的iOS 6系统界面拟物化的设计，无论是在颜色、背景、比例、质感、效果上都有很大的改变。扁平化设计风格的iOS 7去掉了iOS 6厚重的背景，在细节上进行了修改，图标简单、应用明确、颜色焕然一新，不再是一味的逼真立体效果，让人眼前一亮。苹果公司对《iOS人机界面指南》里的设计原则也进行了更新：让用户更加轻松的使用体验[1]。设计师们根据这个原则删掉了多余的装饰性按钮，应用在整体上更加扁平、简约。这次重大改变得到了大众的喜爱，后面的iOS 8也将延用这种设计风格。

2）逼真的界面设计有时候也不一定会给用户带来好的感受，使用不当也会适得其反。在使用时，用户是期望能在被还原的真实场景中体验其带来的视觉感受。但是当它不能达到人们的想象时，产品的体验就会让人失望。而人们的想象不尽相同也没有标准，这样就导致设计师花了很多时间、精力完成的某个逼真的呈现，但用户却并不能体验到真正的效果，这就是糟糕的用户体验。这样一味的仿真也会让设计师们的创造力收到约束，设计师的艺术细胞被局限。

扁平化界面设计的就是一个突破，它是一种平面化、简洁的设计风格，设计师在设计中加入更多的理性元素，使信息条理更加清晰。以简明的图形向用户传递信息，也没有影响工具的正常使用，大大减少设计师的工作量，更加注重视觉信息的传递，使用户有了更好的体验。并给设计师开创了新的设计思维和宽广的设计空间，设计师可以根据用户的要求制定所需要的界面，更加人性化，并且用户有多种的选择，可根据自己的要求选择适合自己的界面呈现方式，也给界面设计添加了新的设计方式。

2 软件设计方面

微软界面集体革新大规模使用扁平化设计风格是最好的例子，微软就是用win 8的metro化设计语言打开了扁平化设计风格的大门。这种风格也在设计界掀起了一股风潮，它不仅仅是一种设计风格的出现仅此而已，更说明了设计要注重用户的需要，坚持以人为本的设计原则，最终目的是为了给用户提供方便来适应现在的快节奏的生活和工作环境[2]。

图2 WIN8界面

在微软的win8界面设计中，如图2，其交互设计正是利用了这一点：重要的不是设计装饰元素，而是内容。它新的“开始”界面采用了极个性的平面化版面布局，用户只需点击图标应用就会直观的展现、浏览、查看东西一目了然。最大改变是无边框全屏显示，内容就是界面中的主体，强调信息信息内容，删除了不必要的界面元素。通过上下滑动来获得原有按钮，让屏幕尽大的显示信息，这种扁平化的设计让用户能快速获取精准信息，带来很好的沉浸感[3]。并且扁平化界面设计在不同尺寸的屏幕上显示及横竖屏切换自由、灵活，更加注重界面的适应性和用户体验。

3 网页设计方面

最初网页常常用仿真的界面设计给用户视觉带来冲击，以此吸引用户注意。但是伴随着web2.0的出现，使得更大的信息量和更复杂的交互产生，网页的内容就尤为重要，无需界面设计来喧宾夺主，这时候简洁的界面设计就可以很好地突出内容，做到两全[4]。欧洲的设计师很喜欢使用扁平化的设计风格，用个性化表现独具一格的视觉呈现，通过颜色的搭配和设计，反而有质感的设计也能看出设计师的设计表现能力。

4 交互设计方面

扁平化设计在交互设计方面与单纯的界面图形扁平化有所不同，它是与层级界面设计相比较的。由于人们生活工作繁忙，获取信息也处在断断续续的状态，这样使得扁平化的界面信息呈现更加适合这样的人群生活。在人机交互中，纵向的树形层级结构容易引起用户的厌倦，会因为突然终断而无法继续，横向的扁平化交互设计减少了层级结构，在同一级中更多的展现信息，也增加了层与层之间的切换渠道，有益于用户随时随地查看重要的信息，使其使用流程更加方便、通畅[5]。

目前，国内的设计行业不断受到重视，人们对设计的要求也在提高。一些设计师、公司也尝试使用扁平化设计，例如腾讯、新浪、京东等，这些我们常用到的网站，都在革新，开始使用简洁的视觉表现，更加注重信息排版和交互，去掉了繁杂、无用的界面装饰，给用户焕然一新的感受并获得了大众的喜爱。但是简洁的扁平化设计要更注重细节和人的因素，避免在减少复杂的同时，忽视了功能，造成冷漠、缺乏人情味的弊端。

5 总结

随着产品类型和用户需求的不断增加，为了满足用户多样化的需求，适应节奏的新设计方式必然出现。人们快节奏的生活需要的是传递信息精确，且拟物化设计缺点过多，以不再受到人们的喜爱。简洁的界面、清晰的扁平化设计更符合人们习惯。它秉承以人为本的设计原则，注重功能、内容，具有全新的交互体验模式。在拟物化设计接近饱和的时候，新兴的扁平化设计将顺应时代的潮流，成为大众的新宠。

［1］汪丛青.苹果革新人机互动未来[J].苹果革新人机互动未来，2010（38）：33.

［2］朱宏，亓光宇，李孟晓.超越想象[J].Windows 8应用设计与开发，2013-(1):8-7.

［3］三金.为设计Metro风格的应用准备着:Windows 8设计指南翻译[EB/OL]. http://cdc.tencent.com/?p=5189,2012-02-13.

［4］Smashing Magazine,赵俊婷.众妙之门:网页设计专业之道[M].北京:人民邮电出版社,2013.

［5］张亚先.UI设计中图标设计的释义方式[J].机械设计，2013，30（6）：107109..