扁平化插图设计

关兆

摘 要：作为当下设计流行趋势之一的扁平化，在形式上不会有太多的拟物化设计里的阴影、渐变等装饰元素，配色在扁平化设计中占有很重要的地位，扁平化设计通常比其他风格采用了更鲜艳明亮的色彩。以“嘻游季”为例，通过古代与现代的联系和对比，反映现代生活，产生趣味。与此同时，扁平化设计中的配色还涉及到更多的色调组合，所以这组插图色彩上与形式上给人一种干净、清爽且有韵律的感觉，能够引起更多年轻观看者的共鸣，让更多的人尤其是新一代的年轻人接触到传统文化。

关键词：插图；扁平化；清爽；配色

一、什么是扁平化插图

（一）扁平化的由来

作为当下设计流行趋势之一的扁平化，其设计的历史渊源由来已久，要探究它的根源可以回溯到名叫 “瑞士风格” 的一种装饰设计风格上。这种设计风格是在20 世纪初的瑞士现代主义运动中诞生的，当二战结束后，这种设计风格逐渐开始在欧洲流传开来，得到了众多的拥簇。在 Design is History 中，瑞典风格是这样被描述的：“…… 这种风格强调简约，可读性和客观性。这两所设计院校为这种风格贡献了许多东西，包括非衬线字体，栅格和不对称式的布局。这种设计风格还强调使用排版和摄影来作为主要的视觉传播手段，所以，瑞士风格下最有影响力的作品通常都是以海报的形式呈现出来的，他们认为这是最有效的沟通手段。” 所以说瑞士风格以及后来的包豪斯，随后都迅速在世界范围内得到了人们的热烈欢迎，然后又在 21 世纪初获得了新生。

扁平化设计语言的实例，微软的 Metro 设计语言是其中之一，它最早出现就是在微软短命的 Zune MP3 播放器上。在六年之后，微软又推出了 Windows 8 系统，win8系统所用的设计语言和 Zune 是一样的，这在世界范围内造成了很大的影响，很多人都不习惯这种设计语言。

在Windows 8出现之后，苹果公司旗下手机操作系统iOS 7也抛弃了之前在iOS6软件界面设计中使用的拟真写实的设计风格。iOS已经不再是以前的样子了。在iOS 7里，你看不到带阴影渐变的Safari浏览器，也看不到斜面按钮甚至是下拉阴影的痕迹了。在短短几个月的时间里，世界主流消费电子公司开始在全世界推行这种设计风格，扁平化设计正式进入人们的视野。

（二）扁平化的定义及特点

扁平化设计，换句话来说，就是在设计的过程中，除去所有具有三维突出效果的风格和属性，呈现出简洁明了的设计形式。扁平化设计在当下受到了广大设计师的喜爱，是因为扁平化风格能让设计更具有现代感，也可以强有力地突出设计中最为重要的内容和信息。其实那些具有三维效果的属性，本身都是某段时间的流行风格，去除了琐碎的信息，就能让你的设计不易过时，这也是扁平化设计的主要好处。

要了解扁平化设计不得不提的是它的对立面，也就是rich design丰富设计风格。rich design就是通过添加各种设计装饰，比如下落阴影、梯度等，让整体设计变得更加饱满，更加写实，符合人们的印象。这种设计能让用户在最初感到更加熟悉。但是过多的装饰又会使用户被形式所吸引，使信息传达的效果大打折扣。

（三）扁平化设计的优势

越来越多的设计类型都向扁平化设计靠攏。一谈到设计，比如说设计一个网站还是一个应用程序，或是海报设计，扁平化和极其简单的设计正在成为新的流行趋势。人们正在远离一直很受欢迎的拟物化设计，苹果推出 iOS 时许多设计师都采用它。但随着科技的发展与进步，拟物化设计既繁琐又费时，设计正朝着更加扁平化的设计，这是一种新的设计趋势，必然有它的优势。

1.缓解审美疲劳

扁平化设计与拟物化设计分别是由英文单词 “flat” 和 “skeuomorphism” 翻译而来的。之前的各类设计风格一般都是拟物化的写实风格，拟物化设计就是模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等效果对实物进行再现，也可适当程度变形和夸张，界面模拟真实物体，拟物设计会让你第一眼就认出这是个什么东西。它的缺点是没有实现功能化，只是花费大量时间在视觉的阴影和质感效果。而 2013 年当 ios7 操作系统发布的时候，扁平化突然成为了设计潮流，它简约而不简单，让看久了拟物化设计的人们感觉焕然一新。拟物化设计的沉重感多少会让人们开始审美疲劳，而恰恰这个时候扁平化设计风格的简约清晰让人们耳目一新。

2.更容易传递信息突出主题

我们从认知的角度来分析一下，人对于一个形状的认知是一个由简单到复杂的过程，相较于繁杂的图形，简单的图形更容易被人感知。这是和人的生理反应的客观条件是密切相关的，人的大脑处理简单图形时所要处理的信息量很少，也更加迅速，而扁平化设计正是使复杂的图形变为简单化，更容易传递信息，接收信息。扁平化很大程度上是出于信息传达的诉求，弱化一些多余的效果干扰让人们可以快速聚焦到信息上，减少干扰尤为重要，更容易突出内容的主题。

3.设计的门槛更低

相对于拟物化的设计来说，扁平化设计的成本和门槛更为低廉，这主要是体现于它的制作过程。扁平化设计不需要对设计对象的光影、质感、色彩、造型等元素做逐一的思考与加工，现在的平台，不同的媒介对于图像图形的设计都有所要求。扁平化设计能够以最低的成本实现不同平台的整合，也是低成本的另一面。

扁平化设计的趋势，是思想和一些观念上转变造成的结果，这是经济、文化与科技之间选择的结果。

（四）扁平化插图设计

也许设计也正是在遵循这样一个从繁到简的发展规律，从写实拟物到抽象扁平。随着人们接触到的信息内容越来越多，扁平化设计能让人更加关注于内容而不是形式，逐渐成为了非常流行的设计趋势。插画作为一种历史悠久的艺术分类，在新的时代背景下，也焕发出新的活力——扁平化插画。相比于其他形式的插图设计，扁平化的插图设计能让读者专注于插画想传达的含义，也能更加精确地满足人们的信息传达要求，在传播上也更加有优势。

我从小看西游记的动画片长大，后来又读原著，深受其熏陶，也深深地喜欢上了这一主题，一直觉得插画很需要能力，看到好多插画也觉得很漂亮，于是自己也想画插画，而扁平化插画的诸多优势让我想以西游记为主题画一组扁平化插画。

二、扁平化插图的几个风格特点

（以“嘻游季”为例说明）

（一）拒绝特效

扁平化中抛弃了物体本身的渐变、阴影、质感等一切修饰手法，仅仅用最简单的形体来表现，看起来非常的干净利落。做减法，这是扁平化设计的第一个风格也是最容易的。以人物孙悟空为例，在扁平化中，为了更好地突出人物特点，毛发的细节被舍弃，只能留下最重要的几个基本元素。而颜色和外形依据扁平化的配色规律以及结合原著描写，最终确定人物的主要配色和形态。根据孙悟空机灵聪慧的性格特点，所以选择圆形为基本形，加上标志性物品——紧箍咒。如此一来，扁平化后的形象看起来更加协调，更加令人容易记住。

（二）简化提取

我们可以从毕加索大师的一些代表作中找到扁平化的特点。画一头牛从最开始的完全写实到最后寥寥几根简洁的线条来表示，整个过程也经历了很多个步骤，当然这也需要设计师具有很高的观察力和提炼能力，以及对设计对象的了解，并且懂得巧妙的取舍，用最主要的要素，在没有多余效果的情况下表达清楚内容，在一些界线与轮廓的对比下，表现出物体的美感。

猪八戒在印象中就是好吃懒做，好色，肥头大耳。所以根据这样的特点，确定猪八戒的头部外轮廓、标志性特点好色的爱心眼，还有淌着口水的大嘴巴。以扁平化形象设计出来的猪八戒更加吸引年轻人，贴近设计目的。

唐僧的头部，平常我们看到的都是戴着帽子的造型， 但这里我处理成了椭圆形，圆圆的脸，小小的眼睛，戴着墨镜，露出微笑。因为唐僧比较无用，所以人物形象设定上，给他最小的身体，与大头搭配在一起会有点萌萌的感觉。

而沙和尚因为和唐僧同为和尚，所以也是没有头发的，这对人物区分提出了个挑战，不过可以通过胡子来加以区分。然而上色完成后发现：形状与唐僧过于相似，区别度不够，于是将沙和尚的头变方了，成为了一个圆角矩形。经过调整后区分度终于上了一个层次。沙和尚的体型应该算很大，也用圆形来绘制，腿和胳膊就需要细点和身体形成对比。

（三）留白

在屏幕越来越大的趋势之下，通过屏幕留白来突出关键内容是极简设计中最常用的手法，而在简约风盛行的今天，留白也成了许多扁平化风格网页中最常见的设计手法。当然，留白并不一定非得是白色。

在插圖设计中的环境设计中，也采用了留白，留白后的画面背景，更加容易让人看出主要人物，以及画面所要表达的含义。

（四）色彩搭配

颜色对于扁平化设计来说无疑是重点中的难点。颜色的明度，色彩的对比度，配色方案是单一色调还是多色调统一，这都需要我们来研究。扁平化设计一般都综合运用了多种配色手法来制造干净简洁的视觉体验。醒目明亮的颜色能够增加视觉元素的趣味性，看起来很有国际范儿。在色彩的饱和度、深浅、明暗上要下功夫，才能达到整体的层次感和有序感。在画面颜色的搭配上，为了使画面看起来干净清爽，我尝试了很多配色方案。比如火焰山烧烤这一幅，刚开始画的时候没有搭配好颜色，显得比较灰，而且没有火焰山的感觉，到了后期又进行了很多调整。

三、结语

扁平化设计以自身独特的艺术魅力为现代插图设计带来了新的视觉体验。这种似乎传统又新潮的艺术形式成为当下最受欢迎的设计风格，得到越来越多人的喜欢和重视。插图设计一直随着时代的发展而变化着，这种扁平化设计的表现形式也自然而然地应用在了插图设计当中，成为插图设计中一种新的表现手法，本文以设计为例讨论了扁平化插图设计中色彩、形式的使用。扁平化插图在一段时间内应该会继续流行，并对将来出现的设计语言产生深远的影响。

参考文献：

[1]高友飞，刘葶葶.插画设计[M].合肥：合肥工业大学出版社，2009.

[2]李静.插画设计的时代价值[J].艺术与设计：理论版，2009，（03）.

[3]鲍瑜.浅析现代插画设计的发展方向[J].中国包装，2008，（05）.

[4]张建鹏，李寿欣.文本阅读中的插图效应[D].山东师范大学，2012.

[5]李美蓉.视觉艺术概论[M].台北：雄狮图书股份有限公司，2008.

[6]赵农.中国艺术设计史[M].西安：陕西人民美术出版社，2004.

作者单位：

武汉纺织大学艺术与设计学院