关于扁平化设计的美学思考

摘 要：最近扁平化设计逐渐应用在像网页、VI和UI设计等许多领域中，变得非常热门。本文从扁平化风格含义谈起，主要从扁平化设计的形式、功能、技术、美感与用户体验这四个方面以美学的知识体系内容分析扁平化设计，突出好的扁平化设计不但需要掌握一些美学设计技术与原则，还需要根据不同的情况用动态思维去思考，让设计的各元素形成高度统一；也揭示了无论何种视觉风格，精准的信息表达和好的交互体验才是界面设计的根本，从而可以设计出让用户满意适宜的设计。

关键词：扁平化设计；设计美学；美感体验

扁平化设计是指抛弃渐变、阴影、高光、纹理等拟真视觉效果，从而打造出一种看上去更“平”的界面，从视觉效果上不仅去除了立体、仿真的效果将按钮、界面拍“扁”了，还包括信息层级的简化。它的核心是放弃一切装饰效果，所有元素的边界都干净利落。扁平化设计简约而不简单，搭配一流的网格、色彩设计，让看久了拟物化的用户感觉焕然一新；突出内容主题，减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰，让用户更加专注于内容本身，简单易用；拥有良好的架构、网格和排版布局，色彩的运用和高度保持一致性。

1 扁平化设计的形式之美

现代艺术之父的法国画家保罗·塞尚有句名言：“要用圆球体、圆柱体和圆锥体的眼光来观察与表现客观物象”。这句话的意思是将那些纷繁复杂的世界万物归纳整合、提炼概括为简明的几何形体。体现了“简洁就是美”，指出了一个好的设计就是在人们使用时更便捷、宜人。这也是单纯化成为现代设计美的重要因素。在设计中运用过于复杂的装饰会对设计本身的主题产生重大考验，复杂的装饰还可能影响用户的使用心情和效果，所以应该追寻简洁化，让功能与装饰均衡结合。

扁平化设计采用简单的设计元素。摒弃高光，一切装饰效果，所有元素没有羽化、渐变或者阴影。整体界面极简抽象、矩形色块、大字体、光滑、现代感十足，有着鲜明的视觉效果，所使用的元素之间有着清晰的层次和布局，它的交互核心在于功能本身的使用，去掉了许多装饰和不必要界面交互，使用户能直观了解每个元素的作用以及交互方式。在设计中使用一些简单的用户界面元素如按钮和图标，如矩形、圆形或正方形，保持每个形状孤立。形状边缘可以完美地方角化或者包含一点点曲率。每个元素应该只是简单和容易单击或切换。对用户很直观的互动，没有一些为设计而作的过度設计。

扁平化设计强调字体的使用。在设计中，字体是排版中很重要的一部分，它与其他设计元素相辅相成，所以要在可视化方式和文本上多下功夫。许多字体会在特殊的情景下会有意想不到的效果，但是要注意一面过犹不及，不要使用那些极为生僻的字体占据整个界面，这样会得到反效果。

扁平化设计关注色彩的运用，配色是最重要的一环，通常采用比其他风格更明亮更炫丽的颜色。扁平化设计中的配色还意味着更多的色调。例如，其他设计最多只包含两三种主要颜色，但是扁平化设计中会平均使用六到八种颜色。在扁平化设计中可以根据设计主题和内容选择所使用的颜色，再确定主题色之后，就可以与主题色相互融合，不与主题色冲突。

扁平化设计虽然简约但却不简单，搭配一流的网格、色彩设计，能让看久了拟物化的用户感觉焕然一新；同时突出内容主题，减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰，让用户更加专注于内容本身，简单易用。

2 扁平化设计的功能之美

在手机界面或是网页界面设计中，实用功能直接影响了用户对它的审美评价，有时候实用性还会转化审美，占据着非常重要的地位。这种美就是功能之美。任何设计包括扁平化设计在追求形式美的同时，还必须考虑到整个设计的主题和大的方向，而不是一味地追求形式上的美，这是扁平化设计的前提。扁平化设计摒弃像大多数拟物化界面只是花费大量时间在视觉的阴影和质感效果而没有实现功能化的现状，而是突出了内容主题，减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰，让用户更加专注于内容本身，简单直接地将信息和事物的工作方式展示出来，减少认知障碍的产生，让整个设计内在饱满具有生命力。另外，在扁平化设计中，形式与功能两者有机地统一了起来，并且以完美的表现形式表现出来了，能体现出设计主题的精髓和与设计者的思想感情，具有独特的分量和特有的价值。另外，扁平化设计中每一个元素都有存在的必要性，不会为了炫耀而使用冗余的技术。所以扁平化设计体现了全面的功能与美感，实现了艺术与功能的完美统一。

3 扁平化设计的技术之美

技术的美与功能的美是相伴而生的另一种审美形态。扁平化设计中使用的交互性、多维性和多媒体综合性等，都是扁平化设计之美体现。在扁平化设计中，用户主动参与人机互动，处理信息和发布信息；多维性主要体现在扁平化设计中对菜单导航的设计上。使得设计界面的组织架构更为良好丰富，网格和排版布局，色彩的运用都达成高度的一致性。

界面设计的一致性也非常重要，扁平化设计其一致性的设计模式及视觉风格为用户建立起完整一致的心智模型，使设计的产品更加易用，提升整体体验。对比在界面设计中也起着很重要的作用，扁平化设计应该通过对配色、尺寸和布局的调整，使可点击的界面元素在视觉上与其他元素形成鲜明的对比达成一个好的效果。另外，在布局方面，使用网格布局为界面设定视觉规范，使用户的视线可以跟随内容本身所界定出的路径自然的移动，增强界面的视觉平衡。

用户可以在各种主题之间自由跳转，所以为了让用户能快速在界面中找到所需的信息，设计者在扁平化设计中应该更完善其导航的设计；多种媒体的综合性，目前在扁平化设计中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着其他多媒体文件格式的推广，必将促使设计者更灵活地综合运用多种媒体元素来进行扁平化的设计，以满足和丰富用户的各方面体验要求。

4 扁平化设计的美感与用户体验

单从视觉效果角度而言，无论是删繁从简的扁平化设计还是精心装饰的拟物化设计，最终考量还是拥有良好的交互体验才是最根本的。精准的信息表达和良好的交互体验是重中之重。界面的尽量简化，可以减少用户完成目标所需执行的操作，打造更加流畅的交互体验。

任何一点障碍或额外的步骤都会提高操作成本，增加功能的复杂度，进而降低转化率。此外，扁平化设计在图形视觉效果上引起了用户的审美感受并且也能让用户在界面操作交互过程中产生了情感性的需求。在信息化时代数码终端碎片化趋势下，扁平化设计的界面设计在视觉效果上减少了非功能性的多余装饰，保证了关键信息的突出和清晰，在信息层级上的简化，让交互操作更加的简易，所以快速适应了用户越来越高的要求。尤其在手机上因为屏幕限制，使扁平化风格在用户体验上更有优势。

参考文献：

[1] 马娜娜.简洁而不乏味——浅谈扁平化界面设计[J].江苏：大众文艺，2013（8）.

[2] 夏颖翀.数字产品界面中朴素的设计和冗余的设计[D].武汉：武汉理工大学，2013.

[3] 赵子江.多媒体技术应用教程[M].北京：机械工业出版社，2003.

[4] 张新华.关于多媒体作品设计的几点美学思考[D].山西：牡丹江师范学院，2013.

作者简介：何玲慧，上海大学数码艺术学院硕士。