超多案例!平面设计中如何用好渐变色? 收藏

UI交互2022-07-25

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

1000种渐变模板!快收下这款免费网格渐变神器 MESH·Y 之前已经和大家分享过很多做渐变的网站,可以非常方便的提取好看的渐变配色。

阅读文章 >

以下4种情况适合使用渐变色 1. 想把背景当作天空

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

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

2. 想表现小清新的调性

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

3. 想表现科技感

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

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

4. 想表现食欲

食品海报最基础的要求就是要能表现出食物的食欲,让人看了会有想吃、想喝的欲望。我们都知道,在色彩中,暖色是比较有食欲的,比如红色、橙色、黄色、粉色等。另外,如果是夏季,蓝色绿色会给人清爽的感觉,所以也能加强食欲(通常指饮料、雪糕类产品)。

吃是人类的生理需求,也是最基础的需求,所以对于食欲的表现肯定要朴实有亲和力,渐变色就具有这样的特质。而且食物的色彩通常也是渐变色,所以使用渐变色作为背景可以与实物图片形成呼应。

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

明度不会太低; 饱和度不会太高; 明度对比不会太大; 以单色渐变和类比色渐变为主。 怎样的渐变色更有高级感? 确实,很多视觉高大上的设计都喜欢用纯色,但并不代表渐变色就表现不出高级感,葱爷研究了大量奢侈品牌、中高端品牌的视觉设计,发现高端的渐变色通常具有以下几个特点:

1. 使用单色渐变

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

2. 颜色明度较低

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

3. 颜色来源于画面中的图片

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

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

1. 颜色的饱和度和亮度较高

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

2. 颜色对比较强

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

3. 效果比较时尚的渐变

炫彩渐变

镭射渐变

弥散渐变

弥散光设计!网易阿里大厂都在用的刷屏级新设计风 这阵子不是有一种设计流行风悄悄刮了起来嘛!

阅读文章 >

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

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


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通