你看苹果新品发布会了吗?

苹果m1MAX(Max发布会曝光设计)(1)

这是苹果的新品发布会上的内容,主要讲到了苹果推出的M1 Max芯片和一些产品的更新迭代。那,你看了吗?

苹果m1MAX(Max发布会曝光设计)(2)

我真的是连夜看了发布会,这不,还特意给大家录制了动图,其中的一些设计效果,我真的有的说了!

苹果m1MAX(Max发布会曝光设计)(3)

苹果m1MAX(Max发布会曝光设计)(4)

还有这些发布会行的PPT页面和设计:

苹果m1MAX(Max发布会曝光设计)(5)

苹果m1MAX(Max发布会曝光设计)(6)

苹果m1MAX(Max发布会曝光设计)(7)

苹果m1MAX(Max发布会曝光设计)(8)

苹果m1MAX(Max发布会曝光设计)(9)

苹果m1MAX(Max发布会曝光设计)(10)

从这些设计中,我发现了苹果在这次发布会上用到的设计秘籍,那就是渐变色!不要怀疑,在设计中,渐变色真的是一个很好用的配色方案!

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

苹果m1MAX(Max发布会曝光设计)(11)

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

苹果m1MAX(Max发布会曝光设计)(12)

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

苹果m1MAX(Max发布会曝光设计)(13)

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

苹果m1MAX(Max发布会曝光设计)(14)

这,就是渐变的魔力!

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

苹果m1MAX(Max发布会曝光设计)(15)

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

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

苹果m1MAX(Max发布会曝光设计)(16)

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

苹果m1MAX(Max发布会曝光设计)(17)

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

苹果m1MAX(Max发布会曝光设计)(18)

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

苹果m1MAX(Max发布会曝光设计)(19)

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

苹果m1MAX(Max发布会曝光设计)(20)

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

苹果m1MAX(Max发布会曝光设计)(21)

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

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

苹果m1MAX(Max发布会曝光设计)(22)

1、颜色工具

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

苹果m1MAX(Max发布会曝光设计)(23)

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

苹果m1MAX(Max发布会曝光设计)(24)

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

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

苹果m1MAX(Max发布会曝光设计)(25)

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

苹果m1MAX(Max发布会曝光设计)(26)

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

苹果m1MAX(Max发布会曝光设计)(27)

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

苹果m1MAX(Max发布会曝光设计)(28)

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

苹果m1MAX(Max发布会曝光设计)(29)

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

苹果m1MAX(Max发布会曝光设计)(30)

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

苹果m1MAX(Max发布会曝光设计)(31)

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

2、配色网站

这次以紫色为例:

苹果m1MAX(Max发布会曝光设计)(32)

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

苹果m1MAX(Max发布会曝光设计)(33)

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

苹果m1MAX(Max发布会曝光设计)(34)

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

苹果m1MAX(Max发布会曝光设计)(35)

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

苹果m1MAX(Max发布会曝光设计)(36)

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

苹果m1MAX(Max发布会曝光设计)(37)

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

苹果m1MAX(Max发布会曝光设计)(38)

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

苹果m1MAX(Max发布会曝光设计)(39)

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

苹果m1MAX(Max发布会曝光设计)(40)

到这里就结束了,你们学会这两个方法了吗?

苹果m1MAX(Max发布会曝光设计)(41)

最后,我给大家准备了505组配色方案,关注 发送关键词【505】就能获取:

苹果m1MAX(Max发布会曝光设计)(42)

#职场干货# #职场达人炼成记# #配色# #苹果发烧友# #种草星期二#

,