BAOQI NEWS |新闻资讯
看完这篇文,才发现之前做的都是“假渐变”
发布时间:2019.08.14
阅读量:1560

在开始今天的文之前,我想先问一下,你觉得渐变是什么?是自己调色~

还是增加更多的视觉变化……

so今天的干货要好好看啊!

相近色渐变


强对比渐变 
常常用在H5界面、引导页等强视觉的地方。 色彩的取值范围可相差90°~180°左右(包括中差色、对比色、互补色),基本是一个色值靠近冷色系,一个色值靠近暖色系,颜色跨度大,色环上夹角基本是钝角 。


透明度渐变

 当你觉得渐变少了些什么的时候,就可以尝试这种方式,丰富层次。 当你觉得渐变少了些什么的时候,就可以尝试这种方式,丰富层次。


线性渐变

由于原理简单,开发方便,在界面设计中使用最广。

径向渐变

以圆心为起点(圆心位置可以调整),向四周呈现水波纹似的扩散渐变,圆心外有一圈线框控制圆的大小和形状,如下图:

径向渐变尤其适合圆、球体的渐变,在过渡的时候也比线性渐变更加有层次。下图左边是用线性渐变绘制的,右边则是用径向渐变绘制的,可以看出,用径向渐变绘制的圆,比线性渐变更加有弧度。

如果你想通过渐变色把圆变成一个球体,径向渐变是最佳的选择。

角度渐变

角度渐变是从起点到终点,颜色按顺时针做扇形渐变,当起、终点色值不同时,就会形成一条生硬的连接线。ps:Sketch中只要起点终点没有重合就不会出现生硬的连接线,Ai中没有角度渐变。

角度渐变可以用来绘制色环,在Ps自带的渐变中有一个彩虹般的的渐变,先画一个圆环,再依次选择角度渐变、彩虹渐变,你就会得到一个6色色环。

描边渐变

描边渐变经常用于ui设计,配合角度渐变,可以做出非常个性化的图标,如下图:

这里我要给你们介绍一下Ai描边渐变的特别之处。Ai中的描边渐变除了本来带有的渐变类型,还有三种描边的选择,分别是:在描边中应用渐变、沿描边应用渐变、跨描边应用渐变。

在描边中应用渐变 就是直接在描边中应用选中的线性、径向渐变,与图形渐变没有区别。

沿描边应用渐变 就是选中的渐变类型(线性、径向),沿描边的路径扩散开。前面提到Ai中是没有角度渐变的,但这个就可以绘制出相近的效果,如下图:

跨描边应用渐变, 是以描边的外边缘,向描边内边缘应用渐变,这种方式可以绘制出由远及近的透视感。

任意形状渐变

任意形状渐变是Ai中特有的渐变类型,从CC 2019开始有的功能。选中一个图形,使用任意形状渐变,你就可以向其加点、线调色,形成多色块混合的渐变,有一种全息艺术的高级感。

流体渐变

流体渐变与任意形状渐变虽都是多色块的渐变类型,但流体渐变拥有一定的律动感,可以借助Ai的网格工具进行绘制。

这种渐变视觉冲击力强,适合用在运营设计中,界面设计中较少。


相关新闻推荐