神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了…

71次阅读
没有评论

如果你经常看我修改读者的 PPT,就会发现我在改稿时,经常会用到一个技巧,就是使用渐变色!

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

因为渐变色,能够有效提升页面的设计感你可以在很多优秀设计作品中,看到它的身影:

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

来看一个 PPT 的案例。比如这份幻灯片原本使用的是纯色填充:

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

而我们加入另外两种颜色,与主色组成渐变,色彩不仅丰富而且非常统一:

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

或是这个案例,仅使用了淡紫色:

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

我们加入蓝色与之组成渐变,页面似乎多了一些科技感和未来感:

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

这,就是渐变的魔力!

我们都知道渐变的好处,但是大多数读者,自己动手调整出来的渐变却长这样:

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

那么,在 PPT 中,我们该如何调整出和谐美观的渐变色呢

今天这篇文章,就跟各位分享一个,我一直在用的渐变调整方法,横纵调色法!

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

 

横纵调色法

简单说下它是啥意思。我们在确定一个颜色后,可以横向延展得到相近的颜色:

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

这样就可以形成,由一种颜色过渡到另外一种颜色的渐变,也就是色调渐变:

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

还可以依据主色纵向延展,得到不同亮度的梯度色:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

从而形成同一种颜色不同明暗的渐变,也就是亮度渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

使用这样的方法得出的渐变色,要比你任意选色更加自然!

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

理解起来不难,关键在于我们确定一个颜色后,该如何横、纵延展?

 

有两种形式,一个是借助 PPT 中颜色工具,另一个借助在线网站!

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

先来说第一个。

 

 

颜色工具

 

PPT 中的颜色工具,包含一个叫做 HSL 的色彩模式:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

HSL 是英文单词的缩写,代表颜色的三个属性,H(色调),S(饱和度),L(亮度):

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

这其中的 H(色调)、L(亮度),不就对应着我们刚才提到的色调渐变和亮度渐变么?

 

所以,我们在得到一个明确的颜色后。以下方的蓝色色块为例:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

保持 S 和 L 的数值不变,通过加、减色调(H)的数值,就能横向延展出蓝色的邻近色:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

为了让颜色渐变过渡自然,色调(H)数值的变化最好不要超过 60:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

蓝色可以与这些颜色任意结合,组成渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

还可以将所有颜色串联起来,组成多色渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

而保持 H、S 不变,加、减亮度(L) 的数值,便能纵向延展出梯度色:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

因为算是同一颜色不同亮度,这些颜色组成的渐变也就非常的和谐:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

当然,如果你觉得自己手动调整色值太过麻烦,就可以采用第二种办法,借助网站延展渐变色。

 

 

配色网站

 

这次以紫色为例:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

想要得到横向上的延展色,可以借助 Adobe 推出配色工具,Adobe Color:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

https://color.adobe.com/

 

我们将绿色的十六进制色值,输入到中间的方框内,网站会自动帮我们生成 4 个邻近色:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

主色,可以与任意颜色组成渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

如果你觉得颜色跨度不够大,也可以手动拖拽色轮上的控点,进行调整:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

需要注意是,想要两颜色之间渐变过渡自然,主色与另一个颜色的夹角最好不要超过 90°:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

而纵向上的延展颜色,则可以借助 Eva Design System:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

https://colors.eva.design/

 

我们将横向延展色的十六进制色值,输入到该网站,它会自动帮我们生成,由浅到深的梯度色:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

用取色器吸色,就能做出漂亮的亮度渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

是不是非常的方便呢?

 

上面呢,就是自己根据主色确定渐变色的方法啦!最后我们再来说下渐变色的应用场景。

 

 

渐变色的应用场景

 

其实,渐变色的应用场景非常的丰富。基本上可以这么理解,只要元素有颜色,你都可以将其替换成渐变色。

 

与单色相比,渐变有着天然的视觉优势。比如纯色填充的图形,看起来平平无奇:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

而加上亮度渐变,平面的圆就好像变成了立体球:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

再放在原来的页面中,感觉大不一样:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

又或者像这样的立体饼图,换用渐变色:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

整体看起来才更有质感:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

此外,我们可以在文字中使用渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

形状使用渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

在页面背景中使用渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

为图片蒙版添加渐变:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

甚至在一些多内容的页面,我们也使用渐变色进行区分,同时也因为渐变的存在,内容也可看是一个连续整体:

 

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

神仙渐变色简直让人着迷!这2招PPT配色公式,太潮了...

 

好了,以上就这篇文章的全部内容了。希望这个横纵调色法能够帮你做出漂亮的渐变色!

初壹先生
版权声明:本站原创文章,由初壹先生2021-10-13发表,共计1610字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
载入中...