摘要
社会高速发展，人们现代审美标准时刻在变化，新型交互设备作为人们普遍接触熟悉的事物其界面设计要求更是精益求精，而扁平化风格慢慢成为目前的最新设计趋势。本课题首先对扁平化概念、流行必然性进行简单的陈述，并阐述扁平化风格的应用优势，然后从界面使用元素、色彩搭配和字体选择的三个方面阐述了扁平化风格在交互性界面设计中的运用分析，使设计师认识到这种新的设计风潮带给大众的优劣之处，以适当、合理、又带有时代感的理念进行设计为大众提供更好的交互体验与感官享受，使扁平化风格也更能满足用户对个性化的追求，提供更便捷的交互体验。
关键词
扁平化 交互 界面设计
引言
2013年，苹果公司在WWDC会议上颠覆以往的拟物化视觉风格，采用了更加简约、时尚的iOS7操作系统扁平化风格作为自己的视觉主导理念，可以算得上苹果公司的一次完美突破。iOS7自发布以来影响到了整个设计行业。那么作为设计师，应深入了解扁平化风格在交互性界面设计运用中的视觉规律和设计规范，以便在应用设计的过程中使界面更加高效、美观和时尚。
一、扁平化风格的定义与来源
（一）扁平化风格的概述
“扁平化风格”是一个受欢迎很久的、以简约主义为核心的设计观念，实质是指不使用额外效果的设计观念，去掉任何的3D效果，没有很深的阴影、斜面、立体浮雕、渐变或者其他方法创建的凸出、凹陷效果。所谓扁平化，就是一切都是平的，更加强调先看到什么，后看到什么，将所有东西融入到先前构建的这个框架整体中去，经过人性化的设计和扁平化的细节处理，从而为大众带来高享受的用户体验。典型案例有“最绚丽的安卓系统”——Android 5.0系统。
（二）扁平化风格盛行的原因
扁平化风格为何在设计市场发展如此迅速，并获得市场肯定？其实所有事物的发展都是依据这个规律的。例如我们汉字的演变过程，从最初的甲骨文到方正的楷书，也正如拟物化风格到扁平化风格的重大创新，历史不断推进的长河中，作为人们表达信息交流情感的桥梁，简体字无疑更符合社会发展需求并在人们心中形成一种习惯。又例如，白话文的普及也是源于其简单的表达方式，抛弃了古文之乎者也的繁冗复杂，取而代之的是简洁明了、开门见山的交流。可见，简洁的、明晰的、大众化的东西必然具有推广性强、涉及面广的特性，因而，扁平化风格的发展也必然会像简体字、白话文一样，成为历史向前发展的产物并源远流长。
二、扁平化风格的特点
（一）扁平化风格在应用中的优势
1.扁平化风格在使用功能上的优势
扁平化风格的交互性界面设计首先通过优化层级关系来达到快速而高效的特点。通俗来讲，即将内容放置在同一层级或页面上，再通过简单标示强调与核心功能相关的交互元素，使页面得到简化，用户可以在最短时间内识别信息与功能的关系。一个好的交互界面应该是在最大程度上减少用户的学习时间，使用户一眼便知操作流程与使用方法，多层次的交互设计与结构会使不大的屏幕变得拥挤，用户在操作中由于层级关系复杂，下载和打开的速度都会变慢，得不偿失。而在扁平化风格中，设计者可以充分利用更加紧凑的界面设计来优化应用的层级，力求操作更加的简便和直观。
在WINDOWS 8操作系统中，用户所要选择的每一个板块都被赋予了不同颜色的不同大小的色块，再添加一个特殊的标志用于特征识别，针对整个交互性界面设计也进行了删减，只需要在同一层级上进行滑动即可查询到不同信息，不需要再次进入页面相互切换，因而在操作中流畅清晰，减少了用户来回往返的次数，大大地提升了用户的操作效率。
2.扁平化风格在表达形式上的优势
在扁平化风格之下，设计师可以通过布局方式、色彩对比、字体改变等方式有效地增强设计的可读性，突出重要信息来吸引用户的注意力。扁平化风格在交互性界面设计中的运用对于表达能力更为考究，界面的主题更加鲜明，用户往往能第一眼看到所需要的主题信息。
3.扁平化风格在视觉感官上的优势
站在交互性界面设计的层面上来看，用户新鲜的体验感更为重要。而扁平化风格的出世则带来一阵清新优雅的设计风潮，调性明朗且耐人寻味。在视觉感官上，扁平化风格通常使用明亮的颜色作为主色调，加之黑、白、灰进行过渡调节，这种新的视觉体验中，一个重要的设计观念即为加强视觉上的层次感。iOS7相比之前的界面设计去掉了多余的切割和线条，使之一目了然，直观清晰。而控制中心以半透明的形式覆盖在当前操作页面之上，iOS系统上的很多功能被放置在这个没有层级的空间里，用户同时可以看到下方界面的内容环境，以此提升用户的理解效率和操作愉悦感。
（二）扁平化风格在应用中的潜在局限性
虽然扁平化风格在使用功能、表达形式、视觉感官上都具有一定的优势，但是从它与拟物化风格的对比中还是可以看出其存在一定的潜在局限性。
1.个别系统界面元素存在设计差异
在拟物化风格中，由于所有元素均采用现实模拟的3D效果，所以在整体风格中具有极强的统一性。
期刊文章分类查询,尽在期刊图书馆而在扁平化风格下，抛弃了渐变、高光等装饰形式，使用纯色、微渐变等方式难免会使得元素变得杂乱缺乏一致性。iOS7的界面设计虽然采用了扁平化风格设计，但是其图标的设计格调不统一，色彩选择上也是相互冲突，存在明显差异。
2.用户识别性较低
过于追求扁平化的设计会影响用户可用性，原本凸起可操作的按钮容易与装饰性的扁平化元素混为一谈。Windows8系统采用平铺的设计风格，给用户营造了平板的使用体验，但对于长时间习惯于键盘和鼠标的人来说，则一时间难以适应，没有凸起的心理暗示使用户并不知道哪个是可以点击的，这无疑是一个潜在的设计局限。
3.类扁平化风格的解决方式
在扁平化风格经过一段时间的市场考验后，渐渐展现出来的潜在局限性开始限制其未来发展道路，类扁平化的风格则为解决以上问题提供了选择。类扁平化风格是指在设计中加入细微的渐变、投影等效果给用户一些视觉上的暗示，用微妙的变化打造一个空间纵深感和视觉丰富性。设计师可以在简单的界面设计中寻求细微变化的多样性，使用少量元素，按照扁平化风格的设计原则，在界面中创造精致的交互体验，正确引导用户的视觉操作流程，使扁平化风格不再是一味的删减、控制、平淡无奇。
长阴影是目前扁平化风格流行性最强，应用最广的一种方式，其拓展了元素的层次立体感，采用45°的投影，感觉是自然光照射下产生的影子；另外一种微渐变方式就是将简单的图形与传统的高光立体表现方式相结合，以颜色的细微差别丰富透视元素。
三、扁平化风格在交互性界面设计中的应用分析
（一）扁平化风格中交互性界面元素的应用
扁平化风格的交互界面中，人们在点击一个应用或者一个按钮的时候，往往最能注意到的就是物体本身的矢量图形。因此扁平化风格就是要将所有元素都设计为二维的、抽象的、简洁的，用纯色和简单的图形符号作为按钮选项打造干净利落的整体界面，使用起来格外流畅。
在具体的操作过程中，设计者可以通过以下方法来解决元素过多成片堆积的现象，使用矩形、方形、圆形等更多的矢量图形，并在按钮或图标上多采用圆润的边缘，简单引导用户直观选择，如此一来也可以使得设计者在创造一个界面的过程中有最大的发挥空间，具有设计感的图形创意也可以带给用户个性化的操作体验，创造出极强适应性的操作交互感。
（二）扁平化风格中交互性界面色彩的搭配
色彩可以传递给用户强烈的视觉感受，用心的色彩搭配往往可以受到广泛好评。扁平化风格通常会使用饱和度和明度较高的多种色彩进行搭配。
在对交互性界面进行色彩设计时，首要注意的一点是画面色调的统一性，在此基础上再根据功能、用户、市场所需添加、控制色彩搭配来获得更活跃个性化的画面。方法有：一是同类色搭配： 同类色搭配就是指同一色相不同明度的搭配方式，通过黑、白、灰进行调和，形成不同的主次关系，这样的好处是在界面中整体性强且层次分明有对比；二是对比色搭配：对比色搭配就是指采用红绿、橙蓝、黄紫等色相相差较大的颜色，以形成强烈对比。但与此同时要注意在色相相差明显的时候纯度和明度要控制在一定范围之内，或添加无彩色进行调节，这样才不会显得界面眼花缭乱，而这样搭配的好处即在于使页面看起来生动活泼、丰富多彩。
（三）扁平化风格中交互性界面字体的特点
在一个界面中，文字是传递信息的重要途径。无衬线字体(sans serif)[1]可以使得文案更为精简干练。为避免单调可以在细节上改变其字号、颜色或者粗细的变化进行排版。在用户的界面浏览过程中，不同文字特征会带来不同体验，较大较粗的字号明显易见，能帮助用户快速的识别、获取信息，而副标题则可以选用规整较细的字体，是用户在阅读中流畅快速。如此一来的细微变化既可以显示出整个界面的层次也可以让用户感受到精致的设计。
在整个交互性界面中，要从字体、大小、字距、行距四方面考虑，首先要做到的就是避免出现大量冗长的文字，简短的文字可以激发用户阅读兴趣提升阅读流畅性，反之则会产生厌恶逃避的心理。同时要注意减少文字一行的长度，尽量使之与图片相呼应，变成一组可以搭配摆放的块状图形元素。无论文字出现在什么位置上，设计者都需要细致地将文字放置在恰到好处的界面空间里，处理好文字与界面其他元素的空间和位置关系。
四、综述
在现代快节奏生活观念的影响下，交互性界面设计的表现形式也越来越偏向简单的设计理念和微质感的扁平化风格，其简单、抽象、快速、高效的特点对整个设计界产生了重要的影响。不管是什么方面的设计师，都是在为用户服务，都是做用户体验设计，好的设计都需要减少用户的思考，降低用户学习成本。而交互性界面设计是一项兼具审美与功能的工作，在过程中除了视觉效果之外还要考虑产品本身所具有的功能性以及用户的接受度和感知度。设计者面对的用户群是喜新厌旧的，设计者必须从他们的角度审视我们的产品，因而交互性界面设计的根本是通过细致的设计为用户提供准确的信息与高效的体验，从而满足大众所需。随着时代的变迁，市场逐渐偏向个性化，单一的、无趣的必将走向衰败，多元化的格局才能符合社会发展前景，因而，交互性界面设计未来的设计之路是不断创新不断变化的过程，扁平化这一设计风格的生命力也将在大量吸取经验与大胆创新中蓬勃发展。
参考文献
[1] 赵大羽 关东升．交互设计的艺术-iOS7拟物化到扁平化的革命．北京：清华大学出版社，2014年2月．227～252
[2] 金景文华．Hi！扁平化Photoshop扁平化用户界面设计教程．北京：人民邮电出版社，2015年5月．10～21
[3] 赵梦琪．浅谈“扁平化设计”在交互设计中的应用．《设计》，2014年3期：177～178
作者简介
彭宇宁（1994—），女，山西太原人，本科毕业于山东大学（威海）艺术学院视觉传达专业，山东大学（威海）马克思主义教学部思想政治教育专业硕士研究生在读。
论文作者:彭宇宁
论文发表刊物:《文化研究》2016年9月
论文发表时间:2016/12/6
标签：扁平化论文; 风格论文; 用户论文; 界面论文; 界面设计论文; 交互性论文; 元素论文; 《文化研究》2016年9月论文;