UI设计中的扁平化设计研究

周仁杰

（西南交通大学艺术与传播学院，四川 成都 610400）

UI设计中的扁平化设计研究

周仁杰

（西南交通大学艺术与传播学院，四川 成都 610400）

扁平化设计（flat design）是现代设计中不加任何装饰，单纯直白的表现效果，是目前较流行的设计表达方式，并广泛运用于User Interface（用户界面）中，减少了装饰得复杂多样的阅读障碍，给用户提供了更便利的操作，具有直观易懂、简约时尚等特点。

UI设计；扁平化；界面设计；简约化；交互

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。随着社会的进步，新媒体以及APP的急速发展，UI设计在人类社会发展中已经占据了重要的地位，人们无时不刻在接触着这些东西，手机、电脑、电视这些与人们形影不离的物品更离不开UI设计。简单来说UI设计就是界面设计，它不仅要有美观性又要具有合理操作性，UI设计可以有很多风格，可以是传统古典风格、现代简约风格、多彩的炫酷风格，复杂繁琐的拟物风格……而占据UI设计中主导的则是拟物和简约风格，这里的简约风格实际上指的就是扁平化设计风格，为何它能够存在并且占据主导地位，这就得详细分析了。

一、趋向视觉简约化的UI设计

作为现代生活的必需品，UI设计是面向大众的，不需要有多么高端大气上档次的格调，更不需要狂拽酷炫叼炸天效果，它所需要的是在拥有良好操作实用性下并拥有美观性，所以说简便是前提，美观在后。太高端可能用户找不到按钮，太酷炫可能导致软件卡顿不顺畅，太多的装饰在手机一类的小屏幕上不见得放的进去，即便挤进去了也不见得看得见，综合选择，结果扁平化被接受了，它同时满足了界面设计的11个设计原则：简易性、用户语言、记忆负担最小化、一致性、清楚、用户熟悉程度、用户习惯、排列、安全性、灵活性、人性化。

那么凭什么扁平化就能深受UI设计师们幸宠？首先，扁平化的概念最核心的地方就是放弃一切装饰效果，诸如透视，纹理，渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落，没有任何羽化，渐变。尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。简单来说，扁平化设计风格不见得是最美的，但一定是最适合的，就像结婚一样，老婆不见得要最美，适合自己的才是真道。

二、应用于UI设计中的扁平化设计

最早使用扁平化风格的是微软的Windows 8以及Windows phone和Windows RT的metro界面，这种风格的出现确实颠覆了我们眼中的界面设计，开始有人喜欢也有人反对，但最终到底谁对谁错，时间会告诉我们一切……

在智能手机和移动网络的快速发展下，人们大家可以便捷的通过手机关注自己感兴趣的新闻、图片和喜欢的APP（应用程序），手机基本上成为人们与世界连接的首选工具。在这种数字智能化的社会环境下，新媒体的出现，电商模式的蓬勃发展，带动了越来越多的手机客户端建立并通过APP吸引消费者的关注，扁平化的UI设计在该市场下迅速蔓延。生活中处处可见扁平化设计作品，比如苹果手机，采用棱角分明的线条，加上苹果的部分应用设计界面，单色鲜明的对比，非常漂亮。

扁平化设计能否长期发展下去主要取决于用户体验，用户在使用扁平化风格界面时基本都能很快的入手，信息也比较明确不像有些其他风格的界面找了半天还是没找到在哪，软件界面运行的流畅性也是用户比较头疼的问题，而扁平化特别的编码方式大大缩小了容量的占用，界面刷新速度快优化了阅读，给用户提供了流畅舒服的界面体验，因此，这是普遍用户们的选择。

一般来说扁平化三大要素是去过渡式高光、过渡式渐变、过渡式阴影。图形之间棱角分明，清晰可辨。扁平化主要以色块为主，几乎我们看到的所有扁平化设计都离不开色块，这些色块可能由不同的圆形，三角形，菱形，矩形，不规则形等等构成，图形的选择也是很讲究的，过多棱角的形状会影响文字的阅读性。扁平化的界面给人呈现的感觉是清爽，快捷。看起来这种设计风格很简单，事实越干净简单的设计才越难，不像天花乱坠的繁华风格可以加各种元素进去，扁平化设计中的每一个细微的元素，文字与图形的距离关系，文字大小与图形的关系，字体与图形的关系，图形色块之间的搭配关系等等都是要充分考虑好的，最后

设计出来的成果并不仅仅是看起来清爽那么简单，其难度及花费精力不亚于其他风格设计。它是全面考虑的结果，这是简约并非简单，简约实用成就好的设计。

三、结语

目前网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计，可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。但正如很多设计一样，扁平化设计也有缺点，比如需要一定的学习成本，传达的感情不丰富，甚至过于冰冷。

事实显示，扁平化正被应用于UI界面及各大设计中，去掉所有琐碎、复杂的立体化的装饰，用简洁的元素去表达更深刻的内在，摒弃浮华繁琐，追求简单时尚舒适的生活方式，将快速、易懂可视化的感官体验上真正传达至用户的内心，让更多的用户有兴趣去下载使用，这就是扁平化应用于UI设计中产生的价值。

TP316

A

1005-5312（2015）11-0057-01