扁平化设计在交互设计中

刘静LIU Jing

1.武汉理工大学，武汉430070（Wuhan University of Technology， 430070Wuhan）

2.武汉交通职业学院，武汉430065（Wuhan Technology College of Community，430065 Wuhan）

扁平化设计在交互设计中

刘静1，2LIU Jing

1.武汉理工大学，武汉430070（Wuhan University of Technology， 430070Wuhan）

2.武汉交通职业学院，武汉430065（Wuhan Technology College of Community，430065 Wuhan）

交互设计是因市场与用户之需而问世的一种功能型设计。交互设计的扁平化处理不仅凸显了交互设计自身的功能性特征，而且还是以人为本理念的重要体现。扁平化设计是对“当代主义”的灵活应用与集中诠释。在相关理论指导下，从形式构造、功能显示以及视觉呈现几个方面探讨了扁平化设计在交互设计中的应用问题。

扁平化；交互设计产品；应用

“扁平化”原本是一种管理手段，随着企业经营规模的扩大，传统的增加管理层面以应对业务发展的办法，已经落伍，而慢慢向淡化层级结构和提高管理质量的科学层面转化，因此导致以往金字塔式的管理模式转换成一种扁平化的组织内容，扁平化管理应运而生。随着设计产业的发展，设计管理者就从企业管理中引入扁平化概念并运用到自身行业，如交互设计中扁平化的应用就是最好的例证。

交互设计是一种重要的设计形式，在交互设计中引入扁平化，主要的目的是为了使所展示的物品的信息发布简练、便捷，令认知迅速、没有任何障碍。扁平化在交互设计中呈现着三种面貌：第一，形式构造简洁化；第二，功能体现便捷化；第三，视觉呈现简明化。以下分别介绍并作简单分析。

一、形式构造简洁化

作为交互软件的“门面”——用户界面，直接关系到交互软件产品的市场以及社会的认可度，并最终影响、决定交互软件系统的竞争力和发展潜力。而界面结构在交互软件设计中至关重要，作为交互设计的基础能够产生举足轻重的作用；界面结构设计是否合理，是否能够迎合市场而满足消费者的需要，对于整个交互产品的设计来说举足轻重。界面结构设计成功与否，在很大程度上依赖于对市场的调研与把握。“根据市场所反馈的信息，界面设计主要呈现两种趋势，即横向界面设计与纵向界面设计。这两个层面的合理设计，是用户正确使用与操作交互设计的关键。”［1］

1.界面布局简洁

界面布局是在有限的范围内，依据客观需要将图标、图像、文字等在一个限定的面积、范围内按照整体需要及其内在联系而重新组织安排，即借助图形的排列组合，形成一种独特的视觉美，而有效地激发用户的使用热情。毫无疑问，当代信息繁多，要求软件的界面设计务必简单便捷，而扁平化在交互设计软件中的应用，就极大地促成了这一效果的产生。界面设计简洁，可以使用户在第一时间内快速获取所需的信息，操作便捷省时，于是就有了增加界面结构的逻辑性、突出界面功能的强烈要求。

2.界面层级扁浅

在交互设计中引入扁平化管理理念，不仅可以删减掉不必要的管理环节，同时还可以有效提高软件的运行效率。软件界面是用户使用频率最高的内容之一，为使用户快速找到自己需要的信息，可以根据用户的需要，将一些基础的、低层的信息上挪，压缩或者删去一些不必要的中级信息标签。这种设计理念下所形成的管理模式相对传统的杉树状——“尖而高”，则主要呈现出灌木状的“宽而扁”。这种浅层级的界面结构，最显著的特征就是访问路径短，可以使用户直接在顶级层面快速、完整控制并观察其他的子模块，简单而且容易上手也是这种设计的特征之一，越扁、层级越少就越方便用户。

当软件界面设计层次趋于浅化、“扁化”时，于是“有限的界面空间就必须安置、容纳较多的界面内容，这些或顶层或低层的运行标签如何有条不紊、层次分明地排列其中，就成了界面设计的关键。”［2］在对较浅层次的界面进行设计时，为使界面尽可能简洁，有必要针对用户需求对一些常用的以及核心的功能给予重点地凸显。

二、功能体现便捷化

软件的功能是要通过软件的操作来完成的，所以这也是软件交互设计的重点。功能最终的受益者理所当然是用户，让用户利用软件达到最佳使用效果，是交互软件设计的核心。但是随着软件表达功能的充分展现，用户很难直接达到自我操作的效果，为了解决这一问题，使用户不仅能够便捷操作，而且可以不必牺牲设计师的设计意图，因此简便化操作便成为必然。

1.操作引导生动

直接有效地激发使用者的使用兴趣，是软件设计的一个重点，因此生动的操作引导方式就成了设计追求的目标。比如说搜狐新闻手机客户端引导页面的设计，由于新闻类型众多，若操作页面过多过繁，势必会使用户烦躁，但搜狐客户端摒弃了繁杂的页面设计，利用干净且有条理的页面布局以及有力的文字表现形式，使引导页面简介明了、沉稳大气，并颇具指引性。再比如UC浏览器引导页面设计，为了解决一般浏览器下载时遇到下载麻烦的问题而将浏览器与整个引导页面相连接，既方便用户使用，同时还以一种特殊的方式强调了自身的优势所在，使用户操作时既舒心又放心且省心。

2.操作过程简单

目前市场上出现的许多软件产品，都有“黑箱化”嫌疑。所谓“黑箱化”，是指在软件设计行业，既不能打开，又不能从外部观察内部状态的系统，这样的操作系统困扰了很多用户，不仅增加了用户操作的心理负担，也加大了操作的失败率。软件操作系统应当以用户的使用习惯以及思维逻辑为依据，也就是以人为本。设计师在设计时一定要注意对这个问题的把握，尊重用户的思维方式和使用习惯，从而使其设计的产品能够操作简易、便捷。

比如社交网站状态栏的设计，一般情况下此类网站都是由头像、发布人、内容以及时间戳等信息或者图片构成简易的操作系统，按照人们常规的阅读习惯，是从基本头像再到文字内容，然后借助字体大小、颜色差别等凸显重点、突出主题思想，顺应用户习惯，变复杂为简易，达到软件设计的既定目标。

3.操作反馈明晰

用户判断自我操作正、误的标尺就是及时、优良的信息反馈。正面的反馈信息一般是在用户错误操作时，系统即时反馈信息以警示用户。正面反馈信息不但可以降低用户的使用顾虑还能增添用户在正确操作后的满意度，防止了部分用户因忧虑操作不正确而撤销自我操作的举动。比如很多网购交易在使用者提交订单之后，系统会出现“系统正在处理订单……请稍候”等信息，这类信息就属于正面反馈信息，借助此类信息告知用户行为发生的过程，防止用户因不明情况而点击“撤销”。如果没有反馈信息，用户撤销后自然就不会满意此次的购物流程，那么即使前面所有的环节都很顺畅、出色，这个商品网站也会因此流失客户，网站的用户粘性将会迅速降低，因此对于反馈信息的设计就显得尤为重要。“在交互设计中，设计师一般都是采用动画、音频或者视频、文字等元素——无论什么元素，最终都必须为用户提供正面的反馈信息，提升用户的满意度，使用户可以无后顾之忧、安心放心地完成操作程序。”［3］

三、视觉呈现简明化

除了结构与功能要求简单与易操作之外，交互设计在视觉上同样需要简练快捷。扁平化设计是通过视觉呈现效果来完成表达、诠释的，因此目前被认可与接受的扁平化设计主要是指摒弃以往“流行”的阴影、切入、渐变等设计效果，力求“平”、简的效果，以突显软件使用的清晰与简洁。

1.拟物效果淡化

苹果系统在拟物化设计方面的执着的确给用户带来了很多麻烦：第一，应用系统与实物的差异。如以修改了的QuickTime 4的按钮为例，Windows8改变了以往传统的音量控制模式，借用现实生活中播放设备模式，将音量调节为滚轮式旋钮设计，虽然符合扁平化的设计理念，但这却使新老用户颇不习惯；第二，模拟界面和模拟功能的差异。顾名思义，模拟界面与模拟功能，就是参照实际生活之中实际物体的界面与功能而设计、规划并使用于应用程序，但是事实上这种照应生活实际的设计未必可以给用户带来新的体验与体验方便，从某种程度上说，甚至给用户的使用造成了诸多的不便；第三，拟物化的设计不利于交互设计的优化，并且给开发工作增添了新的难度。目前，拟物化界面设计凭借形象逼真的画面、低成本的学习方式，发展为当下设计界的主流设计形式，但是随着时间的推移，拟物化设计出现的问题越来越多，如过度设计造成的审美疲劳等。因此坚持设计目的，摒弃过度装饰，以体现设计的本质，这是保证当代交互设计水平提高的重要措施之一。

2.视觉形制扁平

“19世纪美国著名建筑设计师强调的“形式追随功能”这一设计理念，在20世纪得到了人们的认可与热捧。形式追随设计，即事物的外在表现形式必须反映、迎合事物的功能需要。”［4］在现代设计领域，这一理念已经成为设计的准绳。扁平化设计就是对这一理念的正确应用。扁平化设计利用一些简化、符号化了的设计打造一种二次元世界，利用简单易懂的形式体现主体强大的使用功能。例如Windows 8的设计，借助明亮的色彩、块面的机构、个性化的动画，使其设计在众多拟物化的设计品质中独领风骚，而备受用户青睐。

需要声明的是，扁平化设计并不是彻底抛弃立体效果，逆潮流而生，而是真正把握了时代潮流并与用户以及市场需求高度吻合之后的正确选择与使用，相比于其他设计，扁平化设计更多的是在追求形式的简单与功能的强大。

四、结语

随着互联网在社会生活中的不断渗入，交互设计的功能性以及实用性越来越多地得到了人们

［］［］的关注和重视，社会的进步要求交互设计必须紧跟时代前进的步伐，遵循用户和市场的需要，在交互设计中认真实施扁平化设计——对此形式的运用，是“当代主义”在交互设计中的重要体现。

［1］百度百科.用户界面设计［EB/OL］.（2013-10-13）［2014-11-08］.http：//baike.baidu.com/ view/440933.htm.

［2］宋方，金锦虹，逯新辉.析“扁平化”手机界面设计［J］.包装工程，2012（14）：60-63.

［3］李世国，费钎.和谐视野中的产品交互设计［J］.包装工程，2009（1）：137-140.

［4］崔天剑.现代设计的形式意味［J］.艺术百家，2013（4）：178-180.

The Application of Flat Design in Interaction Design

Interaction design is a functional design in response to market and customer needs. The fl at design in it not only highlights the functional features of interactions， but also a refl ection of the human-oriented concept. It is the fl exible practice of Modernism and also the integrated interpretation. With relevant theories， this paper from structure， function expression and visual presentation the three aspects discusses the application issues of fl at design in interaction design.

fl atten；interaction design products；application

J023

Adoi：10.3963/j.issn.2095-0705.2015.01.011（0061-03）

2014-12-26

刘静，武汉理工大学艺术与设计学院博士生，武汉交通职业学院艺术学院副教授。