渐变的分类总结
来自:https://uiiiuiii.com/inspiration/1616129424.html
渐变网站推荐
1. Grabient
网站链接:https://www.grabient.com/
有一些渐变预设方式,可以改变增加颜色调整角度等
2. WebGradients
网站链接:https://webgradients.com/
渐变的明度较高,比较浅,也非常细腻,可以拿来当作配色的参考,可作为背景色来使用
3. Uigradients
网站链接:https://uigradients.com/#Bourbon
可以根据色系筛选渐变
渐变配色中,如何利用色彩不同特性之间的对比来用色
来自:https://www.uisdc.com/gradient-method-contrast-color
1 色相对比
使用相似色到对比色的搭配制作渐变
目前比较流行的渐变色是明度偏高,饱和度居中的渐变
渐变工具拉出的渐变过度会发灰,最好吸取色轮来做渐变
2 色温对比
使用冷暖色的搭配制作渐变
紫色和绿色受到搭配色的影响呈现不同效果,与暖色搭画面更暖,与冷色搭画面冷
3 明度对比(影响较大)
使用不同明度的色彩制作渐变,有立体感
任何画面可以先用黑白灰进行作图,再根据明度选择用色
同明度 哪些颜色亮 哪些颜色暗?
4 饱和度对比
高彩度的配色用在动感很强的设计中,看上去活力四射
饱和度越高,在视觉上会制造一种「更近」的效果
对比强烈的色彩可能更适合做装饰 元素 不适合作为背景
5 透明度对比
一端的色彩消失不见,这样最容易造成一种浓雾的效果
The end