图形扁平化设计的视觉应用研究*

文/徐雯雯 史墨（北京印刷学院）

一、图形扁平化相关理论概述

（一）图形扁平化设计的定义

图形扁平化设计是指图形扁平化设计过程的总体二维规划，摒弃高光、渐变、阴影等各种装饰纹理，尽可能减少立体设计，给人以更加流畅、简单的视觉效果[1]。图形项目强烈支持极简主义项目。其核心是遵循形式与使用简短的图形符号和吸引人的鲜艳色彩，使设计效果能迅速引起用户的注意，符合人们对信息可视化和视觉美学的心理需求[2]。在过去的两年里，图形扁平化设计已被许多设计师所追求和青睐。无论是设计便携式互联网终端的界面还是设计视觉传达，这似乎已经成为现代设计的趋势。到目前为止，它的受欢迎程度有所提高，这表明图形扁平化设计并不是一种暂时的趋势[3]。在大数据时代，人们生活在一个快速发展的社会生活中。他们每天都会收到各种各样的信息。改善这么多复杂的信息不仅会让人们身心疲惫，还会让事物在视觉上变得疲惫。这就是为什么人们愿意回到心理生活的本质，而简单图形图案的出现使人们看起来焕然一新。图形扁平化设计受到设计师和人们的追捧，这不仅仅是设计师思维方式的改变，也符合人们对简约、清新美的情感追求[4]。

（二）图形扁平化设计的特征

1.矢量图的运用

平面图形之所以如此流行，一个原因是它非常适合移动互联网的发展特点，风格简单，图形矢量化。一般来说，苹果和安卓手机的屏幕都很小，但如此小的尺寸很难集成到复杂的信息量中。因此，一些复杂的图形元素不仅不利于人们的行为，而且降低了信息识别的速度[5]。

设计师经常使用矢量图形。在研究、实践和工作过程中，设计师接触到了计算机AI和CDR等矢量图形。矢量图形不影响分辨率，可以任意调整和重新组织，这也是高质量矢量图形的一个特点。无论放大多少倍，它都不会创建马赛克状态。此外，矢量图的优点是它可以自由、舒适地填充所需的颜色。

2.明快的配色

图形扁平化设计采用明亮的色彩、复古色彩和单色系统，色彩丰富。醒目的颜色和色彩丰富了视觉效果，可以有效地向人们传达信息。明亮的颜色在明亮和黑暗的环境中都非常明显，能迅速引起人们的注意。此外，明亮的色调和温暖的色调完美结合，让观众感到非常舒适和快乐；复古色彩的运用给人一种柔和的情感享受，给观众一种视觉解放；单色亮度的变化可以让用户更快地理解信息的内容和信息水平，让用户感觉到视觉运动线清晰明了，能快速提高信息获取的效率[6]。

3.拒绝特效

图形展平可以从字面上理解为“平面图形”。平面图形扁平化设计最显著的特点是二维，摒弃装饰肌理、立体阴影和渐变，不使用所有具有三维效果的元素。展平图形的所有边缘都是干净的，没有羽毛、度和阴影。其目的是简化图形，使人们关注信息本身，而不是美观的装饰效果[7]。

二、图形扁平化设计方法探究

（一）图形造型从具象到抽象

基本上，图形涂层包括将原始具体内容和实际内容转换为抽象图形。这一过程只能在很高的层次上完成，因为需要很好地理解和转换原始的具体和现实的内容，通过简单的形式来表达它。转换和表达内容的过程主要表现在三个阶段：图形扁平化设计的定义、图形和几何的符号化。这三个阶段所表达的图画通常具有强烈的视觉体验。在这方面，米潘德罗曾提出“或多或少都有”的理论。借助这一理论，我们还可以清楚地理解图形涂层遵循的原则和方法。然而，图形展平的操作也是一个对操作要求很高的过程。图形展平并没有放弃一切，但是会让项目的内容非常直接地表达出来。这样的结构不能称为规划，只能说有一个空洞的内容。在这种情况下，设计师首先在平衡图形时还需要注意某些操作步骤。最重要的是，设计师必须具备强大的观察和归纳能力，以便通过归纳和设计的可能性将复杂内容转化为简单内容。其次，他们必须准确地捕捉对象的特征，并通过自己的思维和抽象方法准确地表达对象的特征，这可以称为图形压扁[8]。

（二）图形造型从立体到扁平

早在20世纪初，有两位学者就提出了图形剥落理论。根据这些理论，我们可以清楚地理解，所谓的图形涂层实际上是对原始繁重内容的概括和综合，然后是表达的抽象方法。对于这种表达行为，设计师需要更多地关注项目的功能，减少其幻想。传统的设计方法通常使用许多方法使事物看起来特别。通过这些具体的外观，设计内容更具模拟性，并采用高亮、着色和纹理等多种方法加深对象的纹理、空间和层次。作为一种非常简单的设计方法，图形展平的设计原则是放弃这些冗余的描述技术，但它们不能同时被完全抛弃，其中一些需要保留。在flat 2.0中，一系列图案还添加了阴影和渐变，但在这种展开状态下，这些阴影和渐变也不同于传统的阴影和渐变。除了原来多余的装饰设计以外，这种图形扁平化设计还可以更好地传达设计本身的内容，使用户能够更好地接收信息[9]。

（三）图形扁平化色彩设计

1.用色选择

当图形扁平化设计抛弃了所有的装饰效果，需要构建图形特征、划分信息层次、表达空间感时，色彩的选择起着至关重要的作用。图形扁平化设计的流行色彩有亮色、复古色和单色。归根结底，这是色调和饱和度的选择。有很多种颜色可供选择，但相互映衬的深色使用得更多。使用对比度大的颜色可以极大地吸引人们的注意力。在以前的准物化设计中，颜色并不多，因为准物化注重细节的深化。如果使用太多的颜色，会给人一种混乱感。但是，平面图形设计会删除图形上的所有装饰效果。此时，色彩将承担情感传递和信息层次划分的功能。因此，图形扁平化设计中色彩的多样化选择成为整个设计的画龙点睛。

具体配色方案大致可分为以下三类：

（1）高饱和度的亮色

使用颜色明亮的纯色是图形扁平化设计的一个突出特点。在图形扁平化设计中，纯色被广泛使用，而没有任何稀释和软化。依据图形扁平化设计的配色原则，无论色彩如何搭配，都应始终注重色调和饱和度的协调。使用高饱和度的颜色可以在视觉上吸引人们的注意力。无论背景是亮是暗，背景色都不会夺走人们的注意力。所以，高饱和度的明亮色彩所包含的信息是作品需要传达的主要信息。

此外，明亮的色彩传达给人们的情感信息也令人愉悦和放松。明亮的柠檬黄来传达一种情感感觉，很多糖果包装商就利用了这一点，深受妇女和儿童的喜爱。在扁平化不流行之前，人们通常不敢在界面设计中使用高饱和度的颜色。

（2）复古色

图形色彩表现平淡，复古色彩也很受欢迎。复古色是将灰色添加到纯色中，以降低其饱和度，使颜色更柔和。复古色彩通常以大量浅橙色、黄色、蓝灰色和紫色为主。在图形扁平化设计中，复古色彩经常出现在图形扁平化设计作品中，与柔和、大气、舒缓的色彩搭配。无论是白配还是黑配，都能和谐突出信息主体。

（3）单色系

平面图形的色彩有两种表现方式，一种是两种以上的色彩搭配；另一种是只使用一种颜色。色彩丰富，可让人感觉温暖活泼，单色系统的使用有时也会透露出清新典雅的味道。除了在设计中使用一种颜色外，单色系统还可以使用相同的颜色系统，具有不同的亮度和纯度。无论是单色还是纯色，这种方法都是为了保持图片的整洁和统一。包装设计和标志设计采用单色系统，在视觉上简化了平面图形设计，简化了装饰效果，最大限度地发挥了信息传播功能。

2.图形扁平化设计中色彩调和

色彩和谐也是平面风格包装设计和海报设计的重要内容。所有的色彩和谐都离不开色轮，色轮是实现色彩和谐的重要工具。基本色彩和谐有三种方法：统一和谐、相似和谐与秩序和谐。根据视觉传达设计的实际情况，选择合适的混合方法，使用有针对性的色彩混合方法可以使设计画面整体和谐有序[10]。

（1）统一调和

当两种或两种以上的颜色搭配在一起时，更令人眼花缭乱的感觉是将相同的颜色添加到整个颜色中，为两者添加统一的因素，改变颜色的亮度、色调和纯度，并逐渐软化令人眼花缭乱的颜色。要增加团结感，可以添加相同的因素。相同的混合包括：混合相同的白色混合物；在相同的黑色中混合以混合；与相同的灰色混合；以主音和主音混合；混合在同一中间色和多色的和谐中；相互交融,和谐相处；相同色调的和谐；和谐与轻盈。

例如，当两种颜色面积相等并成为互补色时，红色和绿色、黄色和紫色、蓝色和橙色等由于强烈的对比而不那么协调。但是，如果由于相同的因素，将相同的色调添加到两种颜色（如灰色）中，对比度就不再那么强烈，因此图片变得轻松，明亮的红色和绿色变成灰红色和灰绿色。

（2）类似调和

与和声相似，从字面上看，它是用小间隙调和颜色。这两种颜色有更多相同的成分，非常相似。将具有相似颜色属性和程度的颜色组合起来，或增加对比色各方的认同感，缩小颜色之间的差距，避免和削弱对比感，获得近似色彩和谐的基本途径。和解不是绝对的同一性，必须保留分歧。类似的和解是一种较为温和的和解方式。

（四）图形扁平化多维设计表现方法

1.投影效果

在图形中添加投影效果是图形半图形扁平化设计的形式特征，也是2017年以来最流行的设计形式。在图形中加入投影效果，使图形更加立体，具有一定的视觉深度，标志着平面图形向多维三维图形的转变。在平面图形设计中加入投影效果主要用于系统图标设计和界面设计。投影也可分为长投影图形扁平化设计和短投影图形扁平化设计[11]。

2.渐变色效果

平面渐变设计广泛应用于界面设计、海报设计、图标设计和标志设计。其目的因设计对象的不同而不同。微梯度在图标设计和界面设计中的应用是为了创造一种空间感。在标志和海报设计中，微梯度的作用是丰富图形元素，美化图片的视觉效果。美学心理学家斯蒂芬·帕尔默认为：“当设计看起来平滑时，人们会感到安全。”梯度给人一种流动性的感觉。它不像单一的颜色那么硬，也不像一种颜色那么脏。渐变让人们在简单和复杂之间找到平衡。

色彩微梯度设计并不完全等同于准物化设计。它采用了渐变的形式，但颜色仍然呈现出平淡的色彩特征。微梯度采用明快的色调进行色彩选择。通过色彩亮度对比和色调对比，微梯度逐渐变得更加时尚和年轻，增强了用户对象的情感体验。微梯度可分为三种形式：单色相位梯度、多色相位微梯度和不同亮度微梯度。

单色相位梯度可以直接理解为同一色调内的梯度。单色渐变会由于颜色亮度的不同变化使人们的视觉更加透明，从而增加图片的颜色变化，而不会使人们对不变的纯色感到“迟钝”。单色相位梯度在UI设计中的应用非常灵活[12]。

三、结论

图形扁平化设计的普及顺应了时代的发展，表达了高效的设计功能和简洁的视觉体验，给人们的生活带来了诸多变化，满足了人们对简单高效生活的追求。这一趋势的背后体现出了科学技术的进步、社会时代的发展和人们思想观念的转变。

本文从当代视觉传达的视角出发，着眼于理解图形扁平化设计的过去和现在，对图形扁平化设计进行了明确的定义，总结了图形扁平化设计的设计特点，探讨了图形扁平化设计的功能原理，图形扁平化设计应遵循的视觉语言原则和创新原则。根据视觉传达设计人性化、多样化的特点，图形扁平化设计的过程就是对具体图形元素进行抽象的过程。具体的图形抽象是通过设计师的高度概括能力提炼关键元素，并将其简化为图形符号和几何图形，形成完美的设计作品。视觉传达设计涉及多个领域，不同领域的具体应用重点不同。本文分析了图形扁平化设计在标志设计、包装设计和海报设计三个领域的不同应用形式，为图形扁平化设计在未来的实际应用提供了理论参考。