UI界面的扁平化设计风格研究

殷菲　魏薇

摘 要：随着时代的发展，科技的进步，越来越多的移动终端设备出现在人们的日常生活中，极大程度地便利着人们的生活。而随着人们生活水平的进一步提高，人们对设计产品的要求也越来越高。新形势下，为了更好地满足用户的使用需求，提高设备的使用效率，UI界面的扁平化设计应用而生。它不同于以往的设计风格，其注重以简约的形式将内容呈现在人们眼前。本文主要就扁平化设计的含义，扁平化设计的起源，扁平化设计的优势技巧及应用进行论述，进一步探讨了未来UI界面的扁平化设计风格的发展趋势。

关键词：UI界面；扁平化；设计风格

引言

在电子产业不断发展的今天，电子产品在人们中的应用率逐渐提升。人们在进行设备选择时对界面设计的关注度越来越高。界面设计的优劣直接关系着消费者对该设备的使用效果。扁平化设计是顺应时代发展潮流而衍生出的一种新的界面设计风格，以其独特的极简模式迅速吸引了各个设计家的眼球，成为当下十分流行的一种趋势，甚至可以说其成为了人们日常生活中不可或缺的一部分。扁平化设计的出现，使得信息呈现更加直观简洁，很大程度地降低了人们认知的障碍，提高了应用效率。

1扁平化设计风格的含义

扁平化设计是根据其所应用的形状而命名的，它在设计的过程中采用的是二维的风格，也就是把物体几乎看做平面来进行处理设计且不遗弃任何常规界面所提供的功能。其最核心的要素就在于抛开一切多余的东西，比如透视、纹理、阴影、斜面、渐变等能做出立体装饰效果的这一类元素，进而可以使“信息”本身能够作为核心内容被凸显出来，同时在设计元素的选择上，则更倾向于抽象、极简和符号化。所以，扁平化设计中所有的元素边界相对来说都比较整齐，尤其是在手机系统的设计上，更少的按钮和选项，使得UI界面更加干净整理，使用起来极为简洁，从而可以更加简单直接地将信息和事物的工作方式展现出来，进而可以有效地减少认知障碍的产生。同时，在扁平化设计应用的基础上，移动系统设备不仅界面美观、简洁，而且还可以降低设备的功能损耗，进而延长设备的待机时间和提高运算速度。

2扁平化设计风格的起源

一切事物的出现及发展都不是横空出世，扁平化设计的发展过程是有迹可循的，其根源可以被追溯到名为“瑞士风格”的一种装饰设计风格上。20世纪初的瑞士现代主义运动催生了这种设计风格，随着二战结束，这种设计风格开始在欧洲流传开来，赢得了更多的拥簇。瑞士风格，包括后来的包豪斯，随后迅速在世界范围内得到了越来越广泛的欢迎，并且在21世纪初获得了新生。这就是衍生出了今天所说的扁平化设计。最初，这种风格大多以海报、邮票、明信片的方式呈现，但是它的出现，在很大程度上扩展了UI设计领域的视野。后来随着时代的不断发展，功能主义、极简 主义为代表的现代主义风格界面设计呈现在我们眼前。扁平化设计不同于之前所流行的细节极为丰富的拟物化设计，它更加看重交互和功能的支持，这使得设计具有了更多的可能性。扁平化设计没有多余的装饰，所有的信息都以简洁的方式来呈现，进而我们能够在很短的时间内获得更多的有效信息，这种方式无疑更加适合我们当今快节奏的生活和工作方式。最初走出扁平化设计这一步的是微软，它从瑞士风格、现代主义和包豪斯中汲取灵感，随后在2010年推出了WindowsPhone7，它就是典型的扁平化设计。这个版本的操作系统中采用了大量的简单的形状，清晰的排版，明亮而对比明显的色彩，复杂的细节和纹理都被移除了。三年之后所发布的iOS7中友好而直观的UI设计和微软虽然不尽相同，但是在设计理念上两个系统互为印证，成为了扁平化设计在数字设计领域应用的证明。

3扁平化设计风格的优势和设计技巧

扁平化设计最基本的特征在于它采用简单的元素和形状，走的是极简风格；它具有强功能性、大胆而易读的版面设计，进而产生清晰而严谨的视觉层次；它关注细节，具备明亮的色彩和对比度明显的视觉感知；采用栅格、几何特征以及视觉平衡的原则，避免使用纹理、渐变和复杂的样式。这使得扁平化设计的优势之处有很多，主要包括它具有可读性和易读性；通过形状、色彩和字体来呈现清晰的视觉层次；有效的支持web和移动端的导航设计；自适应性，适合响应式设计；在各种屏幕上都具备良好的可读性；对于开发更加友好，降低在设备上的负载。除此之外，扁平化设计还为创意设计提供了广阔的空间。

要想做出好的扁平化设计，是需要技巧的。由于扁平化设计完全属于二次元世界，这个概念最核心的地方就是放弃一切装饰效果，将具象的立体物体造型归纳转化为简单的几何形体。首先就要求设计师不但对造型要由独特的把握能力，还需要具有一定的几何归纳能力。其次，字体是扁平化设计的重要组成部分，它与其他元素相互配合，为设计添彩。对于大部分UI设计来说都应该了解字体的作用，严格遵循规范进行设计。再者，扁平化UI设计更注重的是颜色的搭配。色彩作为的人们感官直接接触的事物，给人印象深刻。扁平化设计一般采用明亮绚丽的颜色，使设计更加醒目。最后，设计师要懂得简化自己的设计方案，进行简化的交互设计，这样可以有效的把商品组织起来，以简单但合理的方式排列。不要以为扁平化只是把立体的设计效果压扁，实质上，扁平化设计则是功能上的简化与重组。

4扁平化设计风格的应用

扁平化設计的多样性和灵活性使得它在设计领域占有越来越高的比重，加上人们对其的强烈需求，使得扁平化设计应用越来越广泛。微软可以说是第一个大规模使用扁平化设计的公司，以微软WINDOWS8操作系统为例，该系统中每一个磁贴都是一个标准的矩形，磁贴之间仅有大小和颜色的区分，每个磁贴上都附有一个象征功能的标志剪影，用来指导用户进行操作。并且系统界面进行很大程度的简化，精心排版，使得界面内容一目了然。与此同时，界面信息量也并没有减少。通过滑动和点击，可以进行不同信息群的横向切换和同一信息群的深度浏览，使得界面条理清晰，提高了用户的访问效率。此外，在苹果操作系统iOS7的标志设计上，苹果设计师改变以再现事物为追求的设计理念，用简单的图形代表应用的具体功能。同时，为了加深用户的印象，设计师采用鲜艳的色彩，强烈的对比来加以突出，个性鲜明而又简单明了。除此之外，在我们的日常生活中，还有很多很多扁平化设计应用的实例。随着时代的发展，扁平化设计已经成为设计领域的主流趋势，扁平化设计风格的應用，大大简化了我们的生活。

5扁平化设计风格的未来发展趋势

随着人们生活水平的逐渐提高，电子产品市场逐步发展，越来越多的UI界面设计朝着扁平化的方向转化，这是一个由繁到简的变化过程，它顺应了时代发展的潮流，有着相当深厚的理论基础。扁平化设计风格是对传统的设计风格的再创造，既有批判性的继承，又有其独特的一面。在UI界面的设计路线上，越来越多的设计师倾向于选择扁平化设计风格。它简单的风格很是符合如今人们的审美。扁平化风格最大的优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生，在某种程度上极为有效的节约了人们的时间。总的来说，设计风格和其所在时代的技术息息相关，当前设计发展的大趋势还是简化。所以，未来一定时期内，扁平化设计依旧是时代的主流，具有比较广阔的发展空间。新时期下，我们要积极转变观念，设计出更多更好的产品，以更好地满足人们的需要。

参考文献：

[1]性能提升UI改版腾讯手机管家全新体验[J].计算机与网络，2013（09）.

[2]仇慧琴，田世彬.智能手机UI界面设计分析[J].赤峰学院学报（自然科学版），2016（16）.

[3] 关志如.UI静态页面设计与卡通动效结合研究[J].湖南城市学院学报（自然科学版），2016（01）.