扁平化界面设计的艺术创作语言分析

1、    扁平化界面设计的艺术创作语言分析    杨子超+宣永刚摘 要： 随着社会的高速发展，拟物化的设计风格逐渐被扁平化的设计风格所取代，开创了新的设计风潮，为用户提供了简洁明了的设计界面。本文从扁平化的发展趋势、艺术设计语言与拟物化的对比来分析扁平化的优势。关键词：扁平化；拟物化；艺术分析：tn929.53 ：a ：1005-5312（2017）12-0138-02一、扁平化的发展现状及未来发展趋势（一）扁平化的概念扁平化，从字面意思理解，就是将事物的透视阴影等压缩成平面的扁平的形式。（二）扁平化的起源随着社会的飞速发展，生活节奏逐渐加强，人们已经无暇

2、顾及那些张贴在商店窗口或者挂在网站上的设计复杂的推广海报。同时，在经济的飞速发展中，人们的审美水平也在提高，对事物的概括能力加强，过去拟物化复杂的装饰到现在反而成了累赘，因此，扁平化的设计必然会出现。时代在发展，设计师的思想也在发展，拟物化的设计风格越来越饱和，加之苹果公司对移动设备的改革，设计师需要找到一种可以满足不同尺寸电子产品的设计方案，扁平化的设计方案正好可以满足这一点，扁平化放弃了过去立体的设计思路，去掉光影，渐变等特效，让画面以一种平面、简约的方式呈现在人们眼前。（三）扁平化的发展趋势虽然扁平化的设计风格没有太久的历史，但是纵观人类的整个美术史可以发现，人类的审美从远古时期的追求象

3、形再到近代的追求拟物再到现在的追求扁平化，这说明人们的审美是和认知有关，随着人们认知水平的提高，对事物的理解能力加强，人们将会从完全的依照客观事实演变到具有一定抽象化的扁平设计风格中，加之在未来快节奏的生活模式下，扁平化设计将会充斥着人们的生活。从微软的图标设计中我们就可以看出设计风格的转变，由windowxp时代的拟物化设计风格到现在window10的扁平化设计。在未来的10年内，扁平化的设计风格应该会一直是主流的设计思路。二、扁平化的设计语言（一）扁平化的设计语言1.画面元素的简单化，在扁平化的界面中，各个物体都不再像过去拟物化那样对物体进行尽量相似的设计，而是用简单的图形，三角形、四边形

4、、圆形等来概括想要表达的内容。扁平化设计通过将事物简单化，将事物进行概括，只描繪事物的基本的线条形态，在短时间内快速传达信息。2.精简特效，在画面中的各个元素，都去掉过去拟物化的视觉特效，比如纹理，渐变等。在扁平化的画面中，各元素的都是干净利落的，通过减少特效来精简画面，删除不必要的画面效果，实现简洁干净的设计风格。3.丰富的色彩，在扁平化的创作中，一般都会使用较为明快的色彩来加强画面的冲击力，但是丰富的色彩又会注意色彩的一致性，一副扁平化的海报中，颜色的色域不会相差太大，一般会用不同颜色的不同灰度以及饱和度来创造丰富的色彩变化。通过颜色给受众带来愉快的视觉享受。在设计中，强调色块的运用，不同

5、色块之间没有繁复的渐变和柔化，用最直接的块面颜色来传递层次与美感、冲突与协调。4.简化的背景，在扁平化设计中，一般背景会用纯色或者简单的色块来概括，去掉繁杂的背景使已经简化的主体更加突出。5.层级排版，在网站或是海报中，扁平化的设计特别强调信息的层级关系，一般使用不同的色块来区分信息层级，在同一层级中也会用特别简洁明了的设计来传达信息。在扁平化板式设计中，经常使用色块分割或者网格分割来区别不同功能块，使版面更加的整洁，清晰。（二）扁平化下的情感扁平化设计风格的流行并不仅仅依靠简洁的画面造型，还有设计师想要表达的情感。简单的画面，只能给人冰冷、潦草的感觉。在过去拟物化的设计中，画面元素都尽量的符

6、合实物，在设计时主要思考的是“是什么”的问题，而在扁平化设计中，设计师更加注重的是怎么用简洁的元素来表达情感。由于扁平化设计使用了最基本的几何图案，回归了事物的本质形态，而在高速发展的今天，人们想要追求的就是这样的复古的，原始的感觉。同时几何图案也可以带给人们一种抽象的美感，这种设计给人以抽象美的视觉享受。因此这样单纯，干净同时又有抽象美感的表达方式带动的不光是视觉享受，还会触动人的情感。表达情感最好的途径就是色彩，在拟物化设计中，直观的色彩表现往往被繁杂的阴影，渐变等影响，而在在扁平化的设计中，去掉了繁杂的视觉特效，同时大面积的运用色块可以充分表达设计师的情感，受众也可以在第一时间领略到画面

7、表达的情感。（三）扁平化与拟物化拟物化，顾名思义就是在创作时充分考虑对事物的还原，通过添加纹理，阴影，材质等特效使物体尽可能的与现实事物相一致，让受众第一时间识别出作者想要表达的内容，相比于扁平化，拟物化更侧重真实感。然而随着社会的进步，文化的普及，大众的审美都得到了提高，人们对于一些抽象事物的理解能力得到提升，扁平化便应运而生。扁平化抛弃了拟物化繁杂的特效，通过对事物的概括，使用简单的线条，几何体来传达信息，给人简单明快的感觉。时代在发展，社会发展的脚步也在迅速加快，在快节奏的发展中，传播者需要快速的响应，相比于繁杂的拟物化，简洁明了的扁平化更加能适应当前的社会。加之移动终端的普及，扁平化以

8、更少的资源消耗来传达和拟物化相等的信息。三、扁平化的具体案例分析（一）扁平化下的平面设计上面6幅食品广告，前三幅是扁平化设计，后三幅是拟物化设计。同样是表达食品的美味，但是扁平化的设计风格给人清爽愉悦的视觉享受。在海报的制作中，扁平化的设计风格，只需要利用软件直接绘制就可以，而且画面只是用一些简单的色块来表达。拟物化的设计风格需要大量的前期拍摄以及后期修图，画面中包括了大量的阴影高光等特效。 在表达内容上，和拟物化的设计风格相比较，扁平化的设计风格由于没有各种特效的影响，反而使画面更加的简介明了，传达的主题更加明确。在拟物化的设计风格中，各种阴影高光等特效在一定程度上对画面主题的表达有一定的影

9、响，削弱了受众的第一直观感受。在传播途径中，扁平化的设计没有使用阴影高光等特效，在画面大小相同的情况下，扁平化设计的平面作品占用更小的内存，加载的速度更快，同时由于扁平化的平面作品是矢量图形，打印成海报也比较方便。因此在扁平化的平面作品中，首先要对表达对象进行概括，甚至抽象的来概括，比如第一幅图中的牙齿，虽然不像我们平日所看到的牙齿，但是通过抽象的创作，加上鲜明的配色，反而更加深入了表达的主题，作者用简洁的画面就表达了一张饥渴的嘴想要去吃美味的食品，深刻的传达了要表达的信息。在概括之后就是配色了，扁平化设计为了保证画面的简洁，一般同一物体采用相近的颜色来创作，同时为了不使画面单调，会用一些亮色

10、来丰富画面，比如第二幅图中人物与背景采用相近的颜色，同时添加了一些相对明亮的颜色来丰富画面。在扁平化平面作品排版时，应该特别注重点线面的结合，比如在第三幅图中，为了营造欢乐的气氛，在画面中使用大量的曲线来构成面，同时在画面外围，使用了密集的点，通过曲面结合曲线，再加上散点来营造了欢乐的气氛。（二）扁平化下的界面设计上面两幅图是某音乐软件的界面设计，前者是扁平化的设计，后者是拟物化的设计，从整体来看，扁平化的设计界面更加的简介明了。从界面设计的角度来说，扁平化更多的体现在整体的排版，和拟物化的界面设计对比会发现，拟物化设计的界面比较杂乱，一个版面中充斥着各种不同类别的信息。而扁平化界面的设计，更

11、多的考虑了信息的层级分布和块状分割，将功能板块块状分割，并且将信息板块层级分布，整体的界面显示更加整洁明了，给人简单干净更好的视觉享受。从界面元素来说，传统的拟物化设计为了尽量的向实物靠近，大量的使用了反光，阴影，高光等，然而各元素之间无法做到完美的匹配，导致界面显得特别杂乱，缺乏整体性。反观扁平化的界面设计，由于不需要考虑对实物的模仿，也不需要添加特效，所以在设计时只需要考虑各元素之间的整体性即可，同时扁平化的设计配色统一，使界面的各部分统一的结合在一起，给人明快的感觉。在扁平化的界面设计中，尤其应该注重排版，因为扁平化在一定意义上就是极简主义，排版设计应该给人一种明快的，干净的感觉。在设计

12、时应该首先考虑的问题是如何处理各信息之间的关系，然后将各功能分块，一般选择矩形块将各部分分割，用不同灰度来标注选择。界面各个图标去掉了繁杂的视觉特效，采用统一的，扁平化的风格处理。同时尽量使用相近色来对界面进行配色，增加界面的整体感。四、结语扁平化从2010年微软在window phone上开始使用，到现在已经成为了设计的主流，形式从软件界面到平面作品再到游戏界面，扁平化的设计作品和风格越来越多，不得不说，扁平化的设计更加能适应当今快节奏的社会生活，在扁平化的設计潮流中，通过简洁，干净，高效的形式来抓住产品的重点将成为长期的主流设计理念。但是也不应该完全摒弃拟物化，将拟物化的一些元素借鉴到扁平化的设计中来可以丰富扁平化的创作形式和风格，比如最近兴起的伪扁平化。伪扁平化其实是设计师们对扁平化设计的思考与发展，我认为扁平化在未来的10年里一定是主流的设计风格，所以通过探讨研究扁