渐变色,用对就是显高级!

渐变色,用对就是显高级!

🔘增强氛围和情绪表达!

不同颜色的渐变➡️ 强化画面的情绪感

不同颜色的渐变可以强化画面的情绪感,提升现代感和品牌调性。

🔘营造视觉焦点!

渐变➡️ 填充文字、图形

渐变除了让画面具有强烈的层次感,还能营造视觉焦点。渐变填充在文字、图形,创造画面的主体。

02#

渐变色的类型

在这里我将渐变按“颜色的数量”和“颜色的位置方向”分为两种维度的渐变类型。

🔘 按颜色数量划分:

渐变是由两种或两种以上颜色过渡形成的。所以从颜色数量来看的话,可以划分为单色渐变、双色渐变、多色渐变。

* 单色渐变:

单色渐变指的是在同一种色相的基础上,通过调整明度纯度或透明度的变化来形成的渐变效果。又或者将其中一个颜色与无彩色(黑白灰)进行搭配。

Design:minuitstudio

* 双色渐变:

双色渐变指的是采用2种色相的颜色进行渐变搭配。例如同系色、邻近色、对比色、互补色增加差异等方式进行搭配。

Design:Sonoko Utsugi、Nobuaki Nakabayashi、Sumie Yasumoto

* 多色渐变:

3种或3种以上色相颜色组成的渐变,比前面所说的双色渐变更多样性,表现力强,但用不好也容易造成混乱,会显脏,用好了就很有冲击力和艺术感。

Design:minuitstudio

🔘 按位置方向划分:

最基础的渐变类型为线性渐变和径向渐变,也是使用率最高的两种渐变类型。还有一个操作难度较高的是自由渐变,能创建多种色相的渐变填充,大大提高了基础渐变的灵活性。

* 线性渐变(Linear Gradient) :

色彩沿一条直线过渡,将颜色从开始一端到另一端以直线形的方式做渐变填充。再通过改变渐变角度得到不同的渐变效果,如水平线渐变、垂直线、对角线渐变。

*径向渐变(Radial Gradient):

径向渐变是将颜色从一点到另一点进行环形混合。想突出层次感或立体感时,一般会运用径向渐变。

* 自由/任意形状渐变(Freeform Gradient):

在需要绘制自由渐变的图形中,形成多个点的线性或径向混合而成的渐变,也就是没有规律的渐变形式。

💻 方法1:

在Illustrator通过“网格工具”(快捷键U)来辅助实现这种不规则的渐变填充,也叫做渐变网格。

💻 方法2:

同样在Illustrator中,其中渐变工具中的一个“任意形状渐变”类型,它可以在任意位置添加色标、以及移动和更改色标的颜色,也能完成下图的自由渐变效果。

03#

渐变调色注意

⚠️ 使用设计软件设置渐变的时候,怎样让渐变看起来通透显色?

当画面背景不是白色,使用渐变工具创建渐隐效果时:

🙅♂️:如果其中一个渐变滑块设为白色且不透明度为 0%,可能导致出现灰蒙成污浊的效果。

🙆♂️:只需将白色调整为与另一端颜色或与背景色一致的颜色,即可使渐变呈现通透显色的效果。

04#

渐变色卡必备

如果你对操作不熟悉,或者赶着出稿,甚至是对渐变配色的敏锐度较弱,那么这个渐变色卡就超级硬核了!而且已经被很多设计师偷偷收藏哦!

返回搜狐,查看更多

相关文章