扁平化设计的特征与优势分析

骆　玮张　毅

（1.南京林业大学 艺术设计学院，南京 210037；2.重庆艺术工程职业学院，重庆 401336）

数字艺术

扁平化设计的特征与优势分析

骆玮1张毅2

（1.南京林业大学 艺术设计学院，南京 210037；2.重庆艺术工程职业学院，重庆 401336）

摒弃了所有拟物化修饰手段的扁平化设计在饱受争议的同时也日渐演进为一个明朗的设计新风格，它的出现揭示了当下用户的审美新需求和设计师的思维变化。文章旨在通过对扁平化与拟物化风格的对比来分析扁平化风格的设计原则以及它的风格特征和应用优势。

扁平化；拟物化；特征；优势

检索：www.artdesign.org.cn

Internet ：www.artdesign.org.cn

扁平化这一始于交互界面的设计风格在出现之初曾饱受争议与嘲弄，人们在习惯了拟物化设计的精致具象之后，扁平化设计的出现被很多用户评价为“简单粗陋”“冰冷呆板”的设计。随着扁平化设计相继在Windows、Android、Google、Facebook等一线界面中的出现，设计界的争议也越发声势浩大。直至iOS7系统发布，人们发现作为交互业界领军，引领设计时尚潮流的苹果也“平”了，这仿佛是认可扁平化风格“改朝换代”的信号，在经历了否定、关注、认可之后，扁平化这一设计风格终于被推向高潮。

拟物化设计常常被用来与扁平化设计作比较，不仅因为两个风格在时间轴上呈现交叠关系并各有坚守的设计师阵营，更因为两者间的设计风格有明显的对立区别（图1）①。作为扁平化的前辈，拟物化设计竭力模仿着真实的世界，它具有丰富饱满的光感表现、结实立体的三维造型和精致生动的细节设计，在视觉上形成层次丰富、生动逼真的感受。其设计的初衷是帮助用户从真实的世界向交互世界平滑过渡，从视觉辨识上提高使用者的操作效率。而扁平化设计正好与之相反，它放弃了高光、反光、投影等光感营造；色彩上省略除固有色以外的光源色与环境色；造型上忽略细节，仅以规则的几何造型概括；完全摒弃营造立体感的过渡式渐变，以平铺色块或梯度式渐变代之。表面上看，扁平化设计似乎简单很多：不要投影、渐变和质感，只要造型简单、色彩平铺、排版清晰。而这种看似简单的设计新风格却以愈演愈烈之势逐渐在移动端与电脑端蔓延开。

Adobe公司作为全球图形与图像处理的主流专业研发机构，一直以来对自身的视觉识别形象设计非常重视，以其旗下Adobe Photoshop为例，在CS 3之前的版本，主视觉都采用美轮美奂的具象形态（如CS 2的羽毛）。自CS 3开始确立以字母为主元素以来，每次版本更新都能看出其对设计趋势的敏感用心。CS 3、CS 4图标的光影化，CS 5图标的立体化都是拟物风格的经典应用，而近年来的CS 6、CC 2014等版本的图标则呈现出明显的扁平化设计特征，足以看出Adobe公司对扁平化设计风格的接纳与认可（图2）②。与此类似的还有办公软件WPS的图标与启动界面设计的全面改版（图3）③。

这种几乎抛弃所有美学修饰的设计手法能在拟物风格的鼎盛时期逆风而行并不断壮大，实为极简主义设计发展的必然趋势。这种必然曾引导过汉字从象形文字到简体中文的演变，也助推过欧洲绘画艺术从写实派到抽象——派的发展。从毕加索的作品中更能直观的看到这位艺术大师关于繁与简的探索思考（图4）。

这种从简到繁再到简、从拟物拟像再到符号的变化过程不仅反映出人们审美趣味螺旋上升的变化规律，也是社会发展提高交流效率的必然要求。扁平化设计正是遵循这样一个发展规律，才得以在写实拟物的精致时代萌芽壮大。因此，扁平化设计的“简”实质是经过充分脑力劳动的“简”，是对“取”与“舍”的慎重选择。

当下的扁平化设计已逐渐从交互界面蔓延至传统平面设计领域，在网页、插画、海报、包装、标志、VI等设计中的扁平化设计应用已不鲜见（图5）④。符号化的图形既有质朴单纯的童趣又有缜密理性的规划，为传统的平面设计增添了一股清新活力。它不仅在美观性上提供了一个新的选择，更从传播角度大大的提高了低成本传播的效率。

随着移动科技的发展，扁平化设计的优势也日渐凸显。

图1　拟物化与扁平化特征对比

图2　Photoshop各版本图标演进

图3　WPS各版本图标演进与启动界面

图4　毕加索作品：牛

图5　扁平化平面设计

首先，相较于拟物化，扁平化设计更适合“小屏幕”时代。来自阿里巴巴数据显示，2015年天猫双11交易总额中无线端交易额占比高达68.67%⑤，这一数据反映出目前网络购物的主要渠道已从传统的电脑端转移至移动端；由中国社会科学院社会学研究所社会心理研究中心发布的《社会心态蓝皮书：中国社会心态研究报告（2015）》调查数据显示，国内大学生每天使用智能手机的时间约为5小时，占全天的22%。⑥从这些数据不难看出，手机“小屏幕”比电脑“大屏幕”更被现代人亲近。在此“小屏幕”背景的基础上对拟物化与扁平化进行比较，后者的优势则更为明显。比如在美观性与识别性上，拟物化设计的丰富细节被缩小后容易显琐碎，而扁平化却往往简洁大方、恰到好处。同时，拟物化设计精致细腻的特征不仅增加了设计制作的人力成本和时间成本，也提高了接收端的流量成本，而扁平化设计则反之。

其次，在信息读取速度上，扁平化设计也优于拟物化设计。点开图片信息时等待读取的时间成本越高，信息被关闭读取的几率就越高，而除去硬件与网络技术原因外，读取速度的快慢是由图片信息的文件大小决定的。拟物化设计为保证细节的饱满、色彩的丰富、过渡的自然，不得不以相对较高的像素值为保障，文件也因此而相对较大，也就相对增加了被读取失败或被放弃读取的几率，造成高像素的“浪费”。扁平化设计在造型上通常是规则几何形，色彩上一般采用平涂色块，并且没有渐变过渡与精致细节，因此能有效的将文件控制在相对较小的范围内，也就为高速读取提供了必要保证，并以此提高传播的有效几率。

再次，在视觉识别角度，扁平化设计不输拟物化设计。在智能手机普及之初，拟物化设计逼真的视觉效果为减少认知障碍、减低操作使用的学习成本起到非常大的助推作用，在人机之间能迅速的建立亲密感。但在智能手机与电脑普及后的若干年里，人们的认知障碍逐渐消失，操作的熟悉程度已然稳定，同时也逐渐对渐变、阴影、高光等拟真效果表现出审美疲劳。扁平化设计的优势也在此时体现，它可以呈现更加简单直接的信息和事物，在稳定熟悉的操作基础上靠简洁的色块与规则形状识别信息，不仅比辨别花哨的细节特征更有效率，同时在视觉感受方面也更加明快和理性。

最后，扁平化设计的动态成本大大低于拟物化设计。随着生活节奏的加快，由“读图”获取信息的效率优势日益凸显，图像的呈现方式也更加多元，从静态图发展为动态图便是近年来的读图新趋势。动态图不仅能承载更多生动有趣的创意思维、创造更高效的视觉吸引、呈现更饱满的审美情趣，甚至还能满足及强化图像的叙事功能。拟物化设计要实现动态图需要花费较高的人力和时间成本，因为每一帧动态都可能涉及多个复杂形态的协调运动，而扁平化设计的轻快体量明显更能满足动态制作的需求。

综上所述，扁平化设计有着个性鲜明的设计特征，具备顺应时代的优势支撑，符合大众审美趣味反弹规律，是极简主义设计发展的必然结果。虽然扁平化设计依然存在种种不足，比如用大屏幕呈现时容易显得空洞，气氛渲染乏力，为追逐“平”的潮流而强逼画面“平”，以及制作难度降低后导致的设计门槛降低，粗制滥造频现等，然而纵观历史又有哪一个设计风格是完美无缺、经久不衰？扁平化作为设计风格的新宠，可能转瞬即逝，也可能在争议的声浪中更加完善壮大。本文无意贬损拟物化设计的存在价值，仅以分析扁平化设计存在的合理性探求新风格的发展趋势，但求抛砖引玉，引起对扁平化风格更多关注与思考，还待有识之士齐心合力，共同构建。■

注释：

① 图片来源：TekRevue（英文），http：//www.tekrevue.com/os-x-yosemite-vs-mavericks-icons/.

② 图片来源：Adobe（中文），http：//www.adobe.com/cn/.

③ 图片来源：WPS官网，http：//www.wps.cn/.

④ 图片来源：昵图网，http：//www.nipic.com/.

⑤ 数据来源：搜狐新闻网，http：//mt.sohu.com/20151112/n426111229.shtml？qq-pf-to=pcqq.c2c.

⑥ 数据来源：中国新闻网，http：//www.chinanews.com/life/2015/12-15/7672077.shtml.

［1］辛向阳. 交互设计：从物理逻辑到行为逻辑［J］. 装饰，2015，261（01）：58-62.

［2］何洁. 视觉传达设计的发展趋势［J］. 装饰，2002，107（03）：4-5.

［3］（美）Donald Arthur. Norman. 设计心理学——日常的设计［M］.小柯 译. 北京：中信出版社，2015（5）：169-222.

［4］（德）Walter Benjamin. 迎向灵光消逝的年代［M］.许绮玲，林志明 译. 桂林：广西师范大学出版社，2004（8）：51-72.

Analysis the Features & Superiority of Flat Style

LUO Wei1， ZHANG Yi2
（Nanjing Forestry University， Nanjing 210037，China；2.Chongqing Vocational College of Art and Engineer， Chongqing 401336，China ）

Flat style is a new style of design which abandoned almost all adornment gimmick. It becomes a kind of new fashion by it's controversial features. It reveals the new aesthetic demand and the change of designer's attitude. This paper aims to analysis the features and superiority of flat style by compare it with the skeuomorphism style.

flat； skeuomorphism； features； superiority

J0

A

1008-2832（2016）10-0099-02

江苏高校哲学社会科学研究项目（2015SJB038）：《数字媒体插画设计方法研究》阶段性研究成果