UI设计中扁平化理念应用研究

摘要：扁平化设计为UI用户界面交互理解提供了易化剂，创造了平面功能化的特殊地位，解決了复杂设计带来的操作不便及不够人性化的使用感受。

关键词：UI设计；扁平化设计；功能UI设计在当今时代已经不是一个陌生的词汇，UI即User Interface（用户界面）的简称，是人机交互、操作逻辑、界面美观的整体设计。扁平化的设计是抛弃一切装饰的设计。目前在中国，UI设计中扁平化的运用还是一个需要不断成长的设计领域，是随着智能电子产品的普及而诞生的一个正在成长的新型行业。在信息化高科技的时代，手机、平板电脑已成为我们生活中不可或缺的一部分，新媒体技术的成长使我们的生活更加便捷，这就是本文在UI设计中首要考虑的最直观的又是最难把控的——用户界面交互理解，扁平化设计使得用户操作起来更加简洁、高效和舒适。

1 扁平化设计的福音

二次元的扁平化设计给我们带来更多福音。摒弃一切装饰效果，元素边界干净利落，完全的平面化，这就是扁平化的印象。它能够减少操作时的认知障碍，用简单直接的方式展示，创造出平面功能性的最大值。首先，中国电子科学技术软件的开发还存在一些弊端，就是交户界面的设计比较粗糙。由于大多数软件开发人员都只接受过生硬的计算机及软件知识的教育，而不具备艺术设计及审美，这就形成了其软件开发功能上比较强，用户界面交互方面比较弱势。有些软件开发人员把大量时间用于复杂的程序编写，而不去关注交互界面的设计，往往是事半功倍。其次，过于烦琐的交互界面设计。阴影、纹理、渐变、3D和各种装饰元素的使用，已不能使产品在使用功能上提升效率；而且随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的skeuomorphic设计既烦琐又费时，使得设计师的工作量更加烦琐，以至于让用户在操作过程中产生烦琐复杂感，从而降低了交互的使用效率。所以，简洁大方的交互界面设计自然能够引导用户，并且在最短时间内熟练使用。这就是本文所要讲的平面功能最大化——UI扁平化设计。

2扁平化的设计特点提升用户界面的功能性

在设计领域，创造有用的东西是一个设计优秀的象征，但如果这种象征基于手机及平板的界面设计，它的实用度会受到很大的限制。所以要另辟蹊径，使平面化的界面最大限度地发挥其功能性价值。UI扁平化设计，一个通过交互界面设计来改造提高功能化的重要手段。使用户界面保持独一无二的创造力和平易近人的功能性，给用户舒适、方便快捷的使用体验。（1）去粗取精。简洁元素。UI界面的设计是连接人与机器的桥梁，按钮和图标则更是通往下一站的重要砝码。UI的扁平化设计采用简单的元素去设置用户界面，坚持简单的形状并且偏向每个形状的单独使用，因为其形状的边角已经体现最完美的曲率。明释义中的象形图形、语标符号，暗释义中表意图像、抽象符号这些按钮和图标表达方式的出现都是对复杂语义最简洁、最易理解的表述。也是经过反复证明的，且无异议、无障碍的通用符号，这种扁平化按钮和图标的运用，大大方便了设计师，且省去了不同国界，不同语言及地域的人们进行不同设计工作的障碍，简洁的扁平化按钮和图标，不仅仅让界面更加简洁美观，更使得操作功效大大的得到了提升。（2）去伪存真。去除装饰。把一切物象用平面二维化来进行设计是扁平化设计独一无二的标签。 20世纪早期，著名教育家格罗皮乌斯的教学为国立建筑工艺学校带来了以几何线条为基本造型的全新设计风格。国立建筑工艺学校设计的工厂不再有任何装饰，厂房为四方形，平平的房顶、楼身除支柱外全部用金属板搭构，外镶大块的玻璃，简洁而敞亮，完全适于生产的需要。尽管是建筑设计，但在当时引发了世界设计新的思考。四方的座椅，靠背仅由几条曲线状的木条或钢条支撑的椅子，它在生产流水线上一天就能产出上百把，这种效率可想而知。去除烦琐的装饰，把精力更多地运用于人机交互效率和功能性的把控，这是现如今UI扁平化界面设计所体现的优势，真正能够操作的不是界面中过多的花边、阴影、特效，而是对能够更快识别，更易找寻的界面人性化功能。成功案例中最重要的就是用户体验和互动元素的布局和设计，其独特的美感依赖于每一个元素清晰的层次感。虽然越来越多的设计师开始注重平面设计原则，但扁平化设计能够效率最大化的运用于界面应用程序和移动端。容量小，按钮和界面清晰，以致使给用户一个完美的体验。优秀的扁平化设计要包含良好的架构、网格和排版布局及色彩的运用，而并不是单纯的简单。（3）由此及彼。秉承最简风格，在共性中寻找特性。最简风格是扁平化设计最简单但最行之有效的设计。避免了一些过于花哨和烦琐元素的加入，简洁的色块和文本也许还不能完全满足设计维度，但一个简洁自然的摄影或插画作品作为背景的加入，会增添意想不到的视觉效果。这种加入，且在适合设计整体的融洽性，令突出的主体可以包含轻微的梯度阴影，让用户有种似有的立体感，但这种微阴影的加入，并不会打破扁平化设计的二维特点。因为在二维世界里，一个微弱的效果可以增加设计的空间感，但整体的感受依然不受影响，更行之有效的引导了用户的视觉中心，帮助用户更正确的使用产品，功能表现可谓是锦上添花。（4）由表及里。注重文字及色彩。合适的字体及字号使用户阅读得更加舒适且有效率。在一个UI界面中，版面的大小是有限的，这使得版面内容的编排变得非常重要。最常见的字体是首先要考虑的，就如把一段高度美化的文本放置于UI界面中，这对用户来说，在阅读上会产生疲劳和反感，从而降低了阅读率和使用率。所以，字体应该简洁大方才能行之有效，无称线字体在现如今最受宠爱，因为它在信息量大的情况下依然可以使读者轻松阅读。扁平化设计的另一个重要部分是界面色彩的设计，色彩在吸引用户的效率上有着出色的表现。扁平化设计所使用的颜色多于其他媒介所使用的，色块往往给用户一种平和但又充满新意的感受，纯净的颜色且更受欢迎，不同的色彩会给人不同的使用心情，这也是扁平化设计中深入人性化考量优势的体现。注重“里”的设计，也会增加UI扁平化设计的功能性。

3创造UI扁平功能化

简洁抽象的按钮、纯净色彩的调和、无称线字体的使用、光滑细腻而现代感十足。简约而不简单的扁平化设计，摆脱了冗余的界面和交互功能障碍，使用户更加直观地感受到人性化的设计和操作。让使用者更加专注于寻求内容本身，在扁平化的视觉和架构设计下显得十分简单易用，使用很久也不会感到疲劳。UI扁平化设计可以更加简单直接的将信息和事物的工作方式及内容展现出来，以减少认知障碍的产生，从而给用户营造一个舒适、轻松、便捷的使用感受。

4结语

扁平化的设计运用于UI设计中，给用户带来了更加简洁、高效、舒适的使用感受，这种功能化体现于扁平化设计中简洁元素、去除装饰、秉承最简风格且在共性中寻找特性、文字与色彩的把控。扁平化易化了用户界面交互理解，创造了平面功能化的设计。参考文献：

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

[2] 梅哲.图形图像界面中的图标设计[D].武汉：武汉理工大学，2009.

[3] 张健姿.图形用户界面设计[J].2001（9）.

[4] 王受之.世界现代设计史[M].中国青年出版社.作者简介：林阳（1989—），女，河南开封人，硕士在读，2012年至今就读于河南大学艺术学院，研究方向：平面设计。