CMF | 谈渐变色彩效果的流行

产业的发展离不开CMF（色彩、材料、工艺）

本文为CMF设计军团原创文章，未经允许，禁止转载！

在两端色彩光谱间的成百上千个色彩，这就是渐变色的特色，上千个色彩以一个严谨的秩序排列着，带出一种多变却又和谐的视觉感受。

渐变，又称渐层，可说是今年最热门的色彩效果了，顾名思义，这个色彩效果是由一个色彩渐渐转变至另一色彩，视设计而定，也可能会有两个或以上的色彩，而色彩与色彩之间，随着其与两端的相对位置会有混合比例上的不同，如果一个色彩是依其RGB或CMYK的比例来定义的话，那么一个渐变色板上，绝对不只是两个色彩，而是在这两端色彩光谱间的成百上千个色彩，这也就是渐变色的特色，上千个色彩以一个严谨的秩序排列着，带出一种多变却又和谐的视觉感受。

目前军团成立了渐变色CMF（色彩、材料、工艺）行业微信交流群，小米、华为、三星、oppo、vivo、格力、苏泊尔、九阳、海尔、广汽、上汽、北汽、佛吉亚、富士康、比亚迪、伯恩、蓝思等5000+终端、加工、设计公司、高校及材料设备供应商企业均已加入，长按如下二维码或加群主微信13480805861，备注“渐变色”，加入技术交流群，与行业专家一起交流！

渐变色对于人们来说其实是相当自然的，观察一下自然环境，不论是天空或海洋，树叶或岩石，在我们眼中都不是纯色的存在，而是由相近色所组成，以渐变方式呈现出来，主要是因为距离，角度与地形起伏导致光线反射不同而呈现渐变，即便是单一色彩的工业产品，映入人们眼中的也多是渐变的组成，毕竟这些光影的组合就是人眼判别立体的依据，因此与其说渐变是色彩设计上的创新变化，不如说是更贴近这个世界的色彩呈现方式。

图：自然环境中的色彩原本就多以渐变的方式呈现

图：即便在产品上是单一色彩，在人们眼中也很少是纯色的存在，立体产生光影，而光影让色彩出现渐变

图片来源：https://portofino.ferrari.com/en

然而在工业产品上要做出渐变效果，在制程上并不容易，最早多半是以网版印刷方式呈现，以网点的疏密交错创造出混色，但这部份受到网版技术的影响，网点大小成为渐变精致程度的瓶颈，网版印刷对立体造型也有很大的限制；也有厂商试着以数字喷墨印刷的方式突破网点限制，或在喷涂与阳极制程上做出渐变效果，但在质量管控上却因变量过多导致不易管理，也因而让渐变效果较少在量产品上出现，不过随着技术的突破，渐变的量产与控制已逐渐成熟，这也就是为什么近年来可以看到愈来愈多渐变效果的原因。

2012年的Acer Aspire One，以装饰膜印刷的渐变效果

 介面的扁平化设计趋势带出渐变色的流行 

一个效果并不会只因为技术做的出来就会受大众欢迎，除了技术进步之外，说到渐变效果的流行，就不得不提到扁平化界面设计（Flat design）的影响。在2010年，微软推出Windows Phone 7，2012年推出Windows 8操作系统，其界面设计改采扁平化风格（取名为Metro UI），与其上一版本Windows 7的立体拟真风格大相径庭，所有的界面操作按钮都改为色块，不再仿效立体对象的光影，若以数字界面的本质来说，这个设计可说是更为诚实的设计。

图：Windows 8的 Metro UI 界面

图片来源：https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html

在这之后，2013年苹果的iOS7界面也推翻了Jobs时代的水晶感拟真图示，转而改采更现代的扁平化设计，为使视觉效果较丰富精致，在色块中加入了相近色的渐变效果，苹果对设计的影响力以及全球上亿的iOS使用者，都让这样的风格改变逐渐成为主流。

图：iOS6与iOS7的界面

图片来源：http://ui-cloud.com/an-ultimate-comparison-of-ios6-and-ios7-user-interface-design/

其后Google也在2014年推出扁平化风格的Android界面，但并非像微软或苹果的设计那般全然的扁平，而是加入了指意功能的实感设计（Material design，不模拟真实细节，仅模拟阴影来让人们区分界面按钮与一般图案），至此，每个人每天接触最久的设计，已全面被扁平化风格取代。

图：Android 4与Android 5的界面

扁平化的界面设计有其实际需要，不论是减少图档大小降低消耗的带宽，或是因应大大小小屏幕的向应式设计（RWD），又或是降低系统硬件对显示界面图标的资源消耗，都展现了显著的优势，但扁平化风格和渐变色又有什么关系呢？单从设计元素来看，以往的立体界面设计也存在渐变效果，但采用目的在模拟光影以产生立体或透视感，在这种运用方式下，渐变是工具而非主角，渐变效果会自动被人眼忽略而着眼在其所创造出的立体空间感，但扁平化界面的设计就不同了，扁平化设计的图示基本上就是人为设计的图案，渐变色是设计的一部份让视觉呈现更丰富，并非是为了模拟而存在，也就是说，渐变成为数字世界中除了色彩以外最基本且必须的设计效果。

图：Windows 7的开始图示，以渐变效果模拟出果冻般的透明感

图：iOS 6与7的图示设计，可以明显看出拟真与扁平的差异
图片来源：http://www.idownloadblog.com/2013/06/11/ios-6-vs-ios-7-icons/

不仅仅是界面风格，随着人们对手机的显示质量要求愈来愈高，手机屏幕的技术也突飞猛进，从2010年Jobs在iPhone 4上提出Retina屏幕的超高分辨率概念之后，各家厂商几乎每一世代的新机种都具备更高分辨率及更精准色彩的屏幕，有趣的是各家的屏幕桌布也因此不约而同的放入多色彩渐变效果以更好的突显这项特色，对渐变效果的普及也产生了推波助澜之力。

图：从各家屏幕桌布的设计也可看出渐变色所能呈现的色彩丰富感，进一步突显屏幕的显色能力与精致度

不论是扁平化界面或是手机屏幕桌布，都是数字浪潮的产物，原本也没什么，就是多元设计的其中一种罢了，差别就在手机已经成为人们生活的一部份，而Microsoft/Apple/Google这三家企业基本上掌握了全球九成以上的屏幕呈现，随着人们每天看手机屏幕的时间愈来愈长，连带的，对扁平化风格与渐变效果的熟悉感也渐渐的影响了对设计的偏好，将渐变效果用在产品的CMF上也就让人一点也不意外了；在2016年时，Pantone就已经将渐变效果纳入年度色，虽然名义上年度色仍然是纯色的色号，但从其呈现方式就能知道，其实重点在渐变所带出的变化感，况且这是Pantone第一次放了两个色彩进年度代表色，若不是因为渐变效果又何需选择两个色彩呢？

图：2016 Pantone 代表色

图片来源：Pantone color 2016 https://www.pantone.com/color-of-the-year-2016

图：在Acer 2017年对2018年所做的趋势预测中，渐变色也占有相当重要的位置

图片来源：https://www.acer.com/ac/en/US/content/acerdesign-2018-color-story

渐变色效果的设计，大致脱不开色彩（色彩数量 / 协调色 / 对比色 / 同色系不透明度彩度...等）间的渐变，渐变方式（线性 / 几何形 / 放射式 / 不规则...等），以及比例（均等比例 / 先密再疏 / 先疏再密...等），手法因人而异，最终还是得视创造出得效果而定。

先前提到，既然渐变充斥于人们的环境且最常见的是光影所造成的色彩渐变，反过来也代表了渐变色彩设计是可以连结到人们心中对光影的理解而影响人们对这个设计的看法。

举个例子，天空是最常见的渐变色彩效果，而天空带给人的感受是全面的，下面这张BeoPlay A9的渐变设计就模拟了清晨的天空，看着是不是就有了清晨的冷冽清新感以及一些雾里看花的神秘呢？

BeoPlay A9 Nordic Sky version

图片来源：https://nordicdesign.ca/beoplay-a9-nordic-sky/

另一个例子是下面Honda Civic Tourer Active Life Concept所使用的手法，旅行车型侧面的钣件面积较大，往往给人笨重的感觉，这台车侧面采用下半部由蓝渐变到黑色的手法，视觉上产生钣件曲面较大的错觉，且下方的黑色会与阴影合而为一而减少量感，造成较扁长的流线效果而为整体设计加分。

Honda Civic Tourer Active Life Concept

图片来源：http://auto.ltn.com.tw/news/3568/3

不过有时候倒也不用真的想太多，光是渐变本身的效果就够新奇与美丽了。

渐变发色效果

图片来源：https://www.popdaily.com.tw/article/8104

Ｎike Sock Dart Breeze

图片来源：https://hypebeast.com/zh/2017/3/nike-sock-dart-breeze

华为P20 Pro

时至2018，渐变效果无疑的已成为今年最热门的色彩呈现方式，特别是手机产品，结合镀层，印刷与玻璃高光的结合，让渐变效果在产品上较介面设计上更添加了反射效果与深度感，也让视觉的丰富性有了极大的提升，除了手机之外，在各个领域也越来越常见，不过目前所看到的渐变效果还没有发挥到极致，只能算是开始接受渐变效果而已，相信这个热潮还会再持续一段时间，就让我们期待更多精彩的渐变色设计吧。

以上请电话联系：

18926006016（李先生）  15019499516 （黄先生）   

关于CMF设计军团：CMF行业第一平台，由Samy团长黄明富创办，致力于推动CMF行业发展，专注于CMF探索研究与分享传播。为主机厂提供CMF创意资源支持；为供应商提供精准业务对接；为高校提供CMF教学支持；为设计师提供交流平台，分享对CMF的践行与感知，详询可加军团微信：CMFDESIGN999（请备注姓名、需求）

为探索CMF深度与广度，提升行业水平，军团邀请到：

海尔、美的、格力、西门子、奥克斯、小天鹅、海信、康佳、TCL、松下、奥马、长虹、飞利浦、创维、莱克、科沃斯、苏泊尔、史密斯、美菱、九阳、海派、仁宝、罗技、华硕；Apple、华为、小米、三星、OPPO、联想、中兴、vivo、酷派、魅族、乐视、Motorola、传音、努比亚、奇酷360、一加、美图；微软、intel；宝马、大众、广汽、北汽、上汽、一汽、长安、长城、吉利、海马、江淮、比亚迪、奇瑞、现代、中车、陕汽、东风、潍柴、蔚来、泛亚、小鹏、宝沃、伊狄达、开云、同捷科技；佳普、老板、正大、模德、奥普、樱花、欧普、欧派、顾家、华帝；杜邦、库尔兹、巴斯夫、陶氏、PPG、苏威、阿克苏诺贝尔、3M、艾文德、LG；武汉大学、天津大学、东南大学、湖南大学、吉林大学、江南大学、东华大学、同济大学、中央美院、天津科技、天津工业、广州大学、南京艺术学院、浙江理工、浙江工业、中国地质、南京理工、南京航空航天、北京理工、西南交通、广东工业、华南理工、华南工业、华南农业、安徽农业、哈尔滨理工大学；北京服装学院色彩设计研究中心、中国流行色协会、中国色彩中心、爱色丽&潘通、丽华创新制造、江南大学&卡秀堡辉联合创新实验室、荣格、YANG DESIGN等诸多业界同仁，分别来自家电、3C、汽车、家居、资源方、学术界、第三方平台、设计企业等，共同探索CMF，助力行业发展。

用心研究分享

设计、材料、工艺、趋势、文稿、资讯

CMF设计军团免责说明：本文仅代表作者本人对于行业的个人看法，作为分享交流。本文引用的图文、数据等其它内容，来源于网络或公开资料，版权归原作者及原出处所有，仅用于学习之用。任何商业盈利目的均不得使用，否则产生的一切后果将由您自己承担。如需转载，请与军团联系。

点击阅读原文，在线购买CMF工具，提升工作效率！