/用了这种渐变光感风格,老板都笑开花了!

用了这种渐变光感风格,老板都笑开花了!

关注 功夫体验设计 与十万读者见证成长的力量

这是功夫体验设计公众号第 250 期分享

作者 | 刘涛


挑战日更100天,目前已完成 8 篇


一直关注我的设计师应该知道,我喜欢写一篇风格类分析文章,偶尔也会有做一些案例。
最近我发现一些新品牌更新,又开始大量应用了弥散渐变光感,整体视觉感受非常吸睛。
如下图。

Aerospace Xelerated — Brand Identity

最近iOS16测试版本放出来后,我发现苹果支付卡片上面也是运用了这种渐变光感视觉效果。

这种风格的优点:丰富细腻、流动的、神秘、生命力等,传递出积极向上的情绪,也有生命的力量。

下面我们来具体看看如何制作这种效果。
01
弥散渐变光感的特点
想要知道如何应用这种风格,首先我们还是需要拆解下这些效果的特点。

上图中,我把左侧案例拆解出来后,大家可以看看基本上是4层面,最上面还有一层细微的高光。

所以,从目前来看这个渐变光感都是好几层叠加而来的,比如像下面这种。

下面我们来实操下,制作这种弥散风格。


02
案例演示
这种多彩渐变光感看起来不难,唯一需要注意的就是色彩的组合使用。
先大致用一张排好版的版式。

首先完成一个渐变光感的背景设计,这里推荐大家用PS制作,Sketch里面的模糊处理效果比较少。

这里需要注意的是,当处理完背景后,前景文字如果过于平淡或者太显白了,可以适当做一些背景模糊,加一些微弱渐变,这样文字和色彩叠加的部分就会透光的感觉。
上图的背景中,用到了模糊画廊里面的光圈模糊和高斯模糊就完成了。



再来看一个案例。


这种就比较简单,直接单色渐变加一些微模糊处理即可。

好了,这期的内容就到这,接下来大家可以自己动手玩一玩,比如作品集封面都可以尝试这种风格。
学到干货的同学,请大方点击一下喜欢作者☉☉☆。
这样下期类似的干货来得更多。


推荐阅读

>>第四期UIUX设计营报名中,随到随学>>

30岁之前学到哪些能力,可以让你的专业飞速成长

我配色无敌了!!
记得关注公众号@功夫体验设计

与十万读者见证成长的力量,功夫不负有心人
👇👇👇

记得关注我的另外一个公众号

一个普通人的逆袭之路

👇👇👇

本文来自微信公众号“功夫体验设计”(ID:UX-Talk)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。