神刀安全网

UI设计之渐变效果

关于画出舒适自然渐变效果的小小小技巧

作为没有系统学过色彩理论的小白,我一直苦恼一个问题,为什么别人家的设计,渐变效果那么自然微妙?为什么我做出来的渐变效果总是问题多多,不是过渡生硬,就是颜色很脏。听说渐变装饰可能要大行其道了?赶紧去找办法啃下这个骨头啊!

今天分享一下我做渐变效果的小小方法。

UI设计之渐变效果

一张图说明全文?哈哈哈。。。对的,道理很简单,从照片中提取颜色,现在先看一些我做的案例:

UI设计之渐变效果

UI设计之渐变效果

UI设计之渐变效果

UI设计之渐变效果

UI设计之渐变效果

那么,具体怎么来?

这里推荐一个配色神器“colorcube”。

1.找出一张和自己想要的配色接近的照片(照片颜色尽量干净一些);

UI设计之渐变效果

2.打开安装好的软件“colourcube”;

UI设计之渐变效果

3.拖入照片,点击右下角“分析”;

UI设计之渐变效果

4.查看选择分析后的颜色;

UI设计之渐变效果

5.打开PS,为图层添加渐变效果,选择分析结果中比较聚集的有微妙色差的三个颜色,想要活泼效果的可以选择色差较大的,但是距离不宜过远使渐变过于生硬;

UI设计之渐变效果

6.最后调整下渐变保存一下吧。

UI设计之渐变效果

虽然是个很简单的方法,还是分享给大家,好啦,我要再去啃啃色彩理论知识。。。

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » UI设计之渐变效果

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址