平面设计教程！超多案例！平面设计中如何用好渐变色？

教程作者：葱爷（授权转载）

交作业：微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

阅前叨逼叨：渐变色只是潮但不够高端？

渐变色相比起纯色，在视觉上会更丰富一些，且更具动感和变化，所以深受设计师的喜爱，比如把画面背景填充成渐变色，但是渐变色用得不恰当也会引发很多问题，比如不够高端、太花等问题，那什么情况下比较适合用渐变色呢？在使用渐变色的时候有哪些需要注意的呢？以下是葱爷的一些看法。

#01 以下几种情况适合使用渐变色

❶ 想把背景当作天空

如果你的背景有起到天空的作用，哪怕不是真实的天空，那么用渐变色都是比较合适的，通常是用单色渐变（色相一样，只是明度和饱和度有变化，比如蓝色到浅蓝色）或类比色渐变（比如蓝色到青色）。并且，即使是类比色渐变也是要有明度上的变化，因为这样的渐变可以让画面更透气、更有空间感。

▲渐变的方向通常是模拟真实天空的光感，即上暗下亮，或者中间亮四周暗。

❷ 想表现小清新的调性

小清新在平面设计中通常是指视觉感受是自然、淡雅、静谧的画面，这样的画面其色调应该是柔和的，所以很适合使用渐变色，而且一般是使用明度比较高、饱和度比较低的单色渐变或类比色渐变，在饮料、护肤品、家居等品牌的设计中比较常见。

❸ 想表现科技感

诸如3C产品，或与AI、互联网相关的品牌、产品或者主题，其设计通常需要表现出科技感，而科技感是一种怎样的视觉感受呢？这类视觉有一个共同的特点就是光感很强，比如下面这些作品。

所以为了表现比较强的科技感，画面中通常少不了使用渐变色，因为只有渐变色才能呈现出鲜明的明暗对比、强烈的光感，而且这种渐变色的明暗跨度会比较大，色彩的饱和度会比较高。色相以冷色为主，比如蓝色、青色、绿色、紫色。

❹ 想表现食欲

食品海报最基础的要求就是要能表现出食物的食欲，让人看了会有想吃、想喝的欲望。我们都知道，在色彩中，暖色是比较有食欲的，比如红色、橙色、黄色、粉色等。另外，如果是夏季，蓝色绿色会给人清爽的感觉，所以也能加强食欲（通常指饮料、雪糕类产品）。
吃是人类的生理需求，也是最基础的需求，所以对于食欲的表现肯定要朴实有亲和力，渐变色就具有这样的特质。而且食物的色彩通常也是渐变色，所以使用渐变色作为背景可以与实物图片形成呼应。

食欲强的渐变色具有以下特点：

a.明度不会太低；
b.饱和度不会太高；
c.明度对比不会太大；
d.以单色渐变和类比色渐变为主。

#02 怎样的渐变色更有高级感?

确实，很多视觉高大上的设计都喜欢用纯色，但并不代表渐变色就表现不出高级感，葱爷研究了大量奢侈品牌、中高端品牌的视觉设计，发现高端的渐变色通常具有以下几个特点：

❶ 使用单色渐变

大家都知道高端的设计在色彩使用上是很克制的，即颜色的数量会比较少，而单色渐变相比多色渐变就要克制一些。

❷ 颜色明度较低

高端的设计喜欢用黑色作为背景，想必你也发现了，因为黑色具有高贵、神秘、厚重的感觉，所以容易营造出高端的氛围，除了黑色，其他颜色的深色也具有这些特点，比如深蓝、深红、深绿等等。所以渐变色要想高端，整体的颜色也要偏暗，比如黑色到灰色渐变，深蓝到蓝色渐变等等。

❸ 颜色来源于画面中的图片

如果版面中是有图片的，比如产品图片或人物图片，那么从图片中吸取颜色用于填充背景，会使背景与图片关联性更强、更融合，画面的效果会更和谐，否则容易出现生硬、拼凑的感觉。

#03 时尚的渐变色有什么特点?

自从进入数字营销时代，各个品类的设计都在逐渐互联网化，相比传统营销，数字营销更讲究年轻化和个性化，所以在视觉上通常也要求更潮、更时尚，特别是对于一些针对年轻人的品牌。时尚类的视觉设计中也很喜欢用渐变色，其特点如下：

❶ 颜色的饱和度和亮度较高

注意，亮度不是明度，亮度高不代表明度高，但是明度肯定不会太低(在ps拾色器面板中观看HSB模式中的B值)。饱和度和亮度较高的渐变色更鲜艳、更张扬，更符合年轻人和互联网的特性。

❷ 颜色对比较强

比如对比色和补色渐变是时尚类设计很喜欢用的颜色，这样的颜色反差比较大，视觉冲击力也更强。

❸ 几种效果比较时尚的渐变

a.炫彩渐变

b.镭射渐变

c.弥散渐变

结语

最后，葱爷有必要提醒一下，色彩只是影响设计调性的其中一个因素，调性不是一个渐变色就能左右的，想要表达出正确的调性，还需要有图片素材、构图、字体、排版、设计风格等多个因素的配合，否则你的色彩用得再好也起不了多大的作用。

欢迎关注作者的微信公众号：「葱爷」

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…