渐变这一视觉趋势,在最近几年里可谓如日中天。很多平平淡淡的设计,将平涂改为渐变,立刻就能增加醒目感。
渐变是在色彩上的一个相对缓慢的过度,我们的视觉会随着这个渐变的过度而产生一种流动感,而这种流动感全凭在色彩上发生的种种变化。
如果拿出我们的色轮来看,我们就会发现色轮上的变化范围有大有小,当两个色彩距离较近时,我们可以说他们是邻近色,这时难以发现他们的区别,直至我们的肉眼无法分辨。这时候可以说变化范围较小。
当两个色彩距离180,在色轮上呈相对,我们可以说这时的色彩变化是最大的,于是也就产生了最强烈的对比。很多撞色的情况,也是在这种对比下发生。我们通常会把这对颜色称为互补色。
乐于分享UI素材资源的 搜UI(SOOUI) 整理了渐变配色实用免费的专辑,利用色彩不同特性之间的对比来用色,把用色技巧简单化,简单的利用混合工具来配出渐变配色的色彩。
渐变网格包
渐变网格包
★Colorstopper渐变★
色相的对比,在色轮上就能很直观的表现。例如红色和黄色这一段,截取过来以后,就变为了红-黄渐变。利用色环就能很轻松的实现色相的渐变。距离越远,渐变色的对比也就越大,互补色之间的对比达到了极值,比如红-蓝渐变的对比就大过红-黄渐变。
漂亮的渐变
色温更多是色彩对人的主观的心理因素的影响。虽说是主观,但是大家的整体倾向还是比较类同。比如蓝色清凉,红色温暖。
UI渐变