品牌设计师的逆袭！
其他
iPhone14的“基佬紫”，有多好用！？
就连老司机杜蕾丝也忍不住出手，灵动起来！
而今天我们来聊点设计。
这次新iPhone新推出一款“基佬紫”的配色。
因此，不管是壁纸设计，还是官网的视觉包装，全是以紫色为主色调。
虽然苹果官网一向走简洁风，没有任何装饰元素，但是通过丰富的色彩变化，让页面看起来一点不单调。
紫色到蓝色的渐变过渡非常流畅，协调，同时又很有科技感，十分契合产品特点。
这么好看的配色，当然要学起来啊！
蓝色到紫色的渐变，是一组十分经典的冷暖对比配色。在色相上两者反差极大，再加上明度的对比，让蓝紫渐变看起来丰富而有层次感。
在许多设计主题上，我们都可以看到类似的渐变配色。
紫色和蓝色的搭配，很容易让人联想到夜晚，浪漫，用在爱情电影中简直不要太合适。
蓝色的理性、冰冷，再加上紫色的神秘未知感，两者的结合可以呈现出很强的科技感，所以这两年兴起的赛博朋克风格，大多以蓝紫为主色调。
好了，说了这么多，要怎么做出这种过度很自然的渐变色呢？
其实很简单，只需要两步搞定。
在画面上用矢量图形随意地叠加几个不同层次的蓝色和紫色色块。
第2步，
在矢量色块的属性面板上，切换到蒙版选项，然后将羽化值拉大。
duang...
你就得到了一个漂亮的渐变！
相比直接用图层样式拉出来的渐变，它看起来不规则，过渡更加自然、舒服。
接下来我们再整一个实操案例来看看如何应用。
先抠一张产品图。
第2步，
把背景色换成黑色，然后在画面的顶部和底部各拉一个矢量色块。
第3步，
按照上面提到的方法，将矢量图形的羽化值拉大。我们就得到了一个带渐变效果的背景图。
第4步，
为了让画面看起来更丰富，我在产品的上下部分各加了一张玻璃素材，让它与产品图形成前后的叠压关系。
第5步，
将产品图与玻璃片相交的部分模糊掉，看起来更有层次感。
第6步，
在画面的顶部打上文案。
第7步，
用同样的方法，把文字也做成蓝紫渐变，并且将文字与玻璃片相交的部分模糊掉。
第8步，
在画面空白区域排版好文案信息。
OK，完工！
但是这么漂亮的配色，都给我学起来！
好了，你们慢慢学，
我先看看我预定基佬紫的iPhone14Pro到哪里了。。。
-------------------------
往期精华文章导读：
一张优秀手机摄影的诞生！
6万块，被他拿走了？
-END-
越努力，越幸运。
这里是庞门正道。