扁平化图形语言设计初探——以福州地铁安全文明宣传设计为例

郭静扬

（福建师范大学，福建 福州 350117）

扁平化图形语言设计初探
——以福州地铁安全文明宣传设计为例

郭静扬

（福建师范大学，福建 福州 350117）

扁平化设计以其简洁、直观、清爽、时尚、强调功能性的特点快速成为设计界的亮点。文章以扁平化设计的概述为出发点，重点探讨扁平化图形与地铁安全知识、地铁安全宣传之扁平化图形语言美学，同时结合其在福州地铁安全文明手册、动画片中的运用实例进行分析，包括关键故事情节的编写、人物形象与场景的整体统一、图形语言与字体的融合等，对扁平化图形语言的表现方式进行归纳与总结。

扁平化图形语言；视觉元素；设计美学

关于扁平化的起源，鲜少准确文献记载，但是通过资料的查阅，可以发现扁平化的产生受瑞士风格的设计和极简设计这两个设计风格的影响，其中瑞士设计风格注重网格以无衬线字体的使用，达到层次分明、清晰、明确的视觉传达目的。极简设计是通过除掉多余的色彩、元素、纹理，将影响主要内容传递的干扰元素最简化，使需要被重点传递的信息成为整个宣传画面的焦点，呈现出画面元素少、线条干净利落、图形几何化这几大特点。

扁平化设计在2010年微软发布的Win8 metro界面中被完全使用，对当时绝大部分人来说是一种全新的设计语言，但是大众普遍表现出反对和保持观望的态度，而扁平化设计真正的被接受则是2013年苹果IOS 7系统的推出，苹果公司一改以往的拟物化风格，将目光转向了扁平化，对比IOS 6系统，苹果公司推出的IOS 7系统最终打破了人们对扁平化风格的芥蒂，人们开始接受扁平化，并开始在手机APP、网页设计中，也大量运用扁平化设计。［1］那么什么叫扁平化设计呢？扁平化设计英文名为“flat design”，提到扁平化设计的定义，其实大多数都是在阐述在界面设计中，相对于“拟物化设计”的另一种设计概念。其概念的最核心之处在于：去除了渐变、凹凸、斜角、阴影、纹理等特效，反对过于复杂的装饰，追求“少即是多”的功能性和视觉效果，现代设计气息浓郁。同时运用明快的色彩、突出的字体、简约的版式设计，有效地保证设计的直观性，让观看者更加准确地接收信息。因其所具备这些优点，笔者认为：扁平化设计不应只单纯停留于界面设计及交互设计中，可以将扁平化设计语言应用于福州地铁安全宣传手册与动画片设计中，以达到受众者准确有效地接受乘车安全知识。

一、扁平化图形与地铁安全知识

当前国内大多数城市在安全宣传手册上仍然采用拟物化的表现形式，运用写实、拟物的卡通形象，但是这些过于强调细节处理的表现形式，需要质感、肌理、渐变等视觉元素来实现，在一定程度上这种表现方式存在着繁冗、装饰过度，容易信息模糊焦点，造成视觉疲劳，在传递信息方面产生干扰，对准确理解地铁安全知识不利。

扁平化图形设计带有强烈的设计语言，通过计算机软件工具使图形带有矢量规整化、色调明快等特征，突破传统插画的模式，特别是在人物形象的塑造上，相比写实型人物形象设计繁冗的装饰和过度的细节描绘所产生的容易分散受众者注意力和带来的审美疲劳等缺点，扁平化人物图形语言设计的简洁性和趣味性，在展示地铁乘车安全功能上能够准确传递直观而丰富的信息。

地铁安全画册与动画片作为面向所有乘客进行乘车安全文化教育宣传，旨在规范乘客的乘车行为，增强文明乘车意识，养成良好的乘车安全行为习惯。其准则内容让受众易懂，精炼设计图形，画面需要简洁、生动、方便展示，同时具有亲和力。让观看者在尽量少的时间内，获取尽量多的有效的、准确的信息，而扁平化设计正是满足这一需求的设计。扁平化设计简洁、清晰、快速的特点符合现代大众的心理，它最大程度减少了认知障碍的产生，从而实现了视觉信息产业功能的最大化。［2］众所周知人们的图像思维是会比语言思维反应更快的思维方式，将扁平化图形语言设计风格作为画面主体，配上关键文字信息，营造出一个恰当的气氛，达到轻松阅读的效果，特别是针对乘客行为规范的诠释方面，运用扁平化图形语言能够很好的将一切干扰信息弱化，突出需要表达的重要内容，在快速获取安全知识信息的同时，又能够给观看者以舒适、轻松、充满现代感和趣味性的观看体验。

二、地铁安全宣传之扁平化图形语言美学分析

地铁安全宣传采用扁平化图形语言让“乘车安全知识”本身重新作为核心内容被凸显出来，设计者须对地铁乘车安全知识理解，同时基于扁平化设计美学之上，使其图形语言设计元素上强调抽象、极简符号化设计等等。

扁平化图形语言设计需要设计师有较高的设计水平，在充分理解地铁乘车安全知识，编写好剧情、锁定关键反映安全知识点的场景，以及反映不同人物心态的形体动态等，设计是对这些典型元素提取有较高的能力要求，这与传统绘画的表现形式有异曲同工之处，区别于前者的是扁平化图形语言。

1.极简的元素

追求简洁、简单、反对使用复杂的、不明确的元素，应遵循极简原则。复杂的、意义含糊的元素将会造成受众者（乘车人）的困扰，这与扁平化设计风格直观、简洁的总原则是相等的，只有采用足够简约的设计元素才能达到宣传的目的。

2.贴切人物造型

在设定扁平化人物造型时，根据乘车安全知识编剧情节涉及的不同人物形象、行为动作姿态，特地场合表情及局部特写等应做到通用的、广为人知的、受众面宽，不受地域、种族、文化、语言等因素影响，人物形象、性别、年龄、从业定义清晰，寻求特定元素，扁平化人物设计去除了繁复的装饰线条、渐变、凹凸、纹理等效果，使其简洁化，取而代之的是造型上更容易识别的图形，强调的是更加简约、明快的风格，摒弃了繁杂无章的表现手法，人物造型更加精准直接，风格感强烈，有统一的符号化。扁平化人物形象设计中在辨识度和说明性上更符合人类潜意识里的认知习惯，并且减少了由于图形信息复杂造成的焦点分散。在扁平化人物形象造型的塑造中，大量主要采用圆形、矩形等简易图形的组合形式为设计元素。扁平化人物造型大部分通过正面和正侧面的角度来表现，主要通过对人物头部和四肢的塑造来体现动态，侧面相比正面能够更好的表现出理想的动态感。造型比例有相对的统一性，以福州地铁安全文明知识手册中的人物形象为例，放大人物头部比例，成年人和儿童的头身比例分别设定为四头身和三头身，有意夸张化四肢的表现，采用纤细的效果，在人物的表情刻画上高度简洁，更加突出人物动态和肢体语言的直观性。（图1）

图1

3.中性之美

在地铁乘车安全知识扁平化设计中，不管是人物造型、场景、色彩还是文字的选择，均抛弃了拟物化设计风格的渐变、阴影、尖角、描边、高光等特效，人物造型多用圆角、概括手法，使用纯色块来进行设计，在色彩搭配和选择就极其讲究。为了使乘车人舒适地观阅安全手册或动画片，不造成视觉疲劳或者不适，设计中尽量选择中性的颜色，应避免使用饱和度过高的纯色，比如：纯红、纯绿、纯紫、纯蓝等颜色，造成的刺眼，严重影响使用者的视觉体验。力求用色上带给乘车人轻松、活泼的感受，给人留下深刻印象的同时，也不乏一种柔和的体验。

4.空间留白的运用

扁平化图形语言同样与其他艺术一样非常注重留白空间的运用。要体现的不能只是图形、文字、色彩而不注重空间的关系，没有合理的空间组织，会导致各种元素根据乘车人的心理视疲劳关系，在地铁剧情、人物、场景、色彩等元素之间的混乱，缺乏一个整体清晰的结构和明确的组织关系，突出不了主题，并容易造成混乱的视觉效果，不能产生一种平衡的美感。只有在各种视觉元素中合理设置各元素的大小，分布的密度适当，营造不同层次的空间，才能让主题更加突出，产生节奏感和韵律感，形成艺术的空间美。［3］所以在地铁安全手册的画面设计中考虑视觉流向剧情矛盾冲突点，有意识设计留白的空间，以及短片中所涉及的语言停顿留白空间，给乘车人充分的呼吸舒适感。

设计美学应紧紧抓住乘车人的视、听知觉新鲜感，做到扁平化图形语言设计中的节奏感均衡、减少乘车人认知负担。带给地铁乘车人一种纯粹、干净、精简、富有这一时代亲切感的视听设计美感。

三、扁平化图形语言在福州地铁安全文明手册、动画片中运用

如今国内许多城市的地铁或轨道交通安全文明乘车知识多以拟物化进行设计，人物与场景存在冗余的装饰插画效果和多余的透视等模仿真实3D效果。不能让乘车人更为直观地了解乘车的安全文明知识，与拟物化的表达形式不同的扁平化图形语言更容易给人带来一种耳目一新的视觉体验。笔者通过扁平化图形语言对福州地铁安全文明手册、动画片的设计做了如下大胆尝试。

1.熟知地铁安全文明知识，编写关键故事情节

在拿到福州地铁安全文明知识的文字信息时，首先对相关条例进行分析、筛选和建构，抓住既能概括情节内容，又适用于画面表现的瞬间，让受众者通过静止的画面，自发的联想出事情的发生发展，更好的汲取画面所表达的内容。作为安全文明手册、动画片更需要观看者能够快速地聚焦到信息上，而扁平化人物的设计中简洁的元素提炼和删繁就简的理念，能够很好地弱化无用形状的干扰，减少多余的动作累赘，节奏清新明快，更加直观有力地向乘车人展示宣传内容，高效地传递出有效信息。例如在福州地铁安全文明手册中第10页需要表现乘客违规行为时，采用了在违规人物形象的刻画上有意对五官的描述进行了省略的方式，对人物衣着等细节弱化处理，并且在相关动作旁边辅之以红色禁止符号，让观看者的视觉中心能够更加快速地集中在其肢体语言上，同时对违规人物的色彩选择上用了多种灰色调，一方面与周围乘客的人物形象形成鲜明对比，给人以一种强烈的警示作用，另一方面在地铁乘车环境图形处理上采用整体鲜亮、明快的画面中这样的处理也适度增加了画面的层次感。（图2）

图2

2.人物形象与场景的整体统一

在福州地铁安全文明知识手册、动画片设计中，注重故事情节、人物形象、场景、色彩之间的整体关系，扁平化设计中根据故事情节需要，中心人物形象基本是由鲜明的人物故事冲突情节和大色块组合而成，扁平化设计为了追求极简效果，往往将人物形象放入大场景时容易突出与场景产生不协调或缺少视觉中心焦点，与福州地铁站内场景须做多种表现手法上处理，如为了更好的突出人物主体，避免喧宾夺主，在处理人物与背景二者的关系时，采用中性色彩或降低背景明度的方式，来制造出所需的故事情节场景语言，表达不同的层次感和场景的逻辑性，使整体达到主次分明，更好的凸显人物形象，以求有效地刺激观看者的视觉系统，在最短的时间内找到安全文明诉求的目标信息。需要注意的是在对背景的具体处理过程中，还需要进行认真的考量，人物间的对话内容、字号字数和文字说明中重点涉及到的标识、方位、设备等，就要根据扁平化图形语言设计特点有相应的强调，不能一概的弱化处理，努力做到整体统一。

3.图形语言与字体的融合

扁平化图形语言属于二次元世界，图形故事情节元素之间干净利落，没有任何羽化修饰，风格明显，传递信息准确，扁平化图形语言同样对字体及排版提出了要求。这里文字的选择十分重要，字体本身也是一种设计，需要和扁平化语言元素相辅相成。文字的排版可通过字体、字号、色调排版方式等产生视觉空间感，达到区分主次信息、简明易记、引导视觉流程的作用。考虑到扁平化设计的整体性，一般在选择上不超过2种字体，多选用简洁、清爽、易于识别的无衬线体或是经过处理的手写体，常用的中文无衬线体有微软雅黑、黑体、幼圆、方正智艺体、方正兰亭等。

在本次福州地铁安全文明知识手册的字体选择上，右上角的主标题采用夸张化的手写卡通体，经过精细的考量和设计，与扁平化光滑柔和的风格相呼应，线条流畅、字形饱满，加之醒目明亮的颜色给视觉元素带来了更多的趣味性；正文选用比较正式性的微软雅黑，既能与扁平化简约的风格相统一又方便阅读，达到了说明、宣传之目的。同时两种字体之间的搭配也强调了次序，在强弱对比间形成节奏感。

扁平化字体排列设计多是选用块面化的排版方式，各个内容之间同样用整齐的色块或线条进行区分，保持板块之间宽松有遐想的空间。不仅将图形和文字组合表达出一种和谐之美，呈现给观看者最佳、流畅的视觉效果，而且抓住了用户的视觉新鲜感，使调理更加清晰，减少观看者的认知负担，增加适用性。在本次版面的设计上主要分为左右两个大板块，左边版面为扁平化插画，右边文字为主，以浅黄色倒角矩形为衬底，与扁平化的光滑柔和的圆角效果相统一，整体风格清新、简约，一目了然。（图3）

图3

四、结论

扁平化设计是一种极简主义的设计风格，多见于软件、网站等交互界面，以迎合使用者对信息快速阅读和吸收的要求。基于这一点本人大胆尝试将其表现语言应用于福州地铁安全文明手册、动画片的设计中，建立较个性化的传播形式，也是目前最为流行的设计形式，设计的美在于适合，适用于解读地铁乘车安全文明知识是最重要的。

随着扁平化设计的广泛运用，扁平化图形语言也越来越多地出现在人们的视线中，扁平化图形语言设计必须做到有自身的设计美学：造型形简意赅、配合故事情节、色彩、字体设计、层次感的保持，清晰简约的版式设计和整体统一效果。扁平化图形语言的这些特点令现代人印象深刻，使得人们在智能化信息风暴中找到那个最直接、最简单的表达形式，开始返璞归真，追求简约之美，带给观看者愉悦的观看体验，激发获取信息的乐趣，在接受信息中的人性化和情感化，寻找更好的视觉表现。虽然扁平化设计当下已经被大众所接受，但对它的系统化研究、评估以及理论总结还处于初始阶段，这也正是作者本人选择研究此课题的重要原因，也期待更多学者的关注与探讨。

［1］方心怡.扁平化设计风格下平面视觉元素的应用研究［D］.苏州：苏州大学，2015.

［2］牛培欣.“简”的力量——谈扁平化设计风格的风靡［J］.美术大观，2015（4）.

［3］宋玮.计白当黑——论留白在平面设计中的价值［D］.新乡：河南师范大学，2014.

J52

A

1673-9884（2016）07-0112-04

2016-06-01

郭静扬（1991-），女，福建福州人，福建师范大学硕士研究生。