加入收藏 | 设为首页 | 会员中心 | 我要投稿 海南站长网 (https://www.0898zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 大数据 > 正文

零基础也能学!一份全面系统的渐变色自学指南

发布时间:2016-12-07 17:08:38 所属栏目:大数据 来源:优设网
导读:编者按:一直学不会渐变色的同学有福了,这篇是我见过最适合零基础也是最实用的渐变色教程!从最简单的灰阶渐变到晋级的类似色/对比色渐变,教学非常详细而且通俗易懂,还插播了大量渐变技巧和实例教程(如何拉渐变才不脏/用渐变绘制锤子时钟图标等等),良心

  Step5. 作者实际的成品在这,有兴趣的朋友建议自行临摹完成练习,对于渐层的运用肯定会更加的得心应手。当然,从作者的成品当中可以发现离Step4还有不少的细节需要调整,因为渐层中颜色细微的变化,以及每个设计者对颜色的喜好,敏锐程度,即便是临摹的作品常常做到最后也会发现感觉完全不一样呢。

  

jb2016060125

 

  对比色渐层

  什么是对比色?

  在色相环当中,相对成180度,也就是直线两端的颜色,即为对比色〈又称为补色〉。基本上制作渐层的原则都是相当类似的,但是在运用对比色搭配渐层使用时,有几个小技巧是我会特别注意的:

  对比选色的彩度差异不要太大。

  在选色上不一定要拘泥于刚刚好180度,基本上160–200度这个区间都可以达到相当不错的效果。

  建议画面的配置上一个做为主色一个作为副色。

  请根据类似色渐层章节中的概念来制作渐层。

  对比色渐层范例

  相信大家应该也发现近年来渐层在接口设计/简报上面的运用其实都相当的普遍,像是我相当喜爱的一位泰国设计师Tintins跟美国的设计工作室Awesomed在作品中都使用了相当多的渐层元素。除此之外,我们也可以发现渐层常常可以莫名其妙地带出一些好像很厉害的感觉,有一种把光影融入设计里面的Feel。对于初学者而言,利用渐层做出干净易用的接口是相对难的,日后会多拿一些工作上的使用与经验和大家分享。底下几组是我利用上面提到的各种技巧拉出来的对比色渐层界面:

  

jb2016060111
jb201606012
jb201606017

 

  下一篇会跟大家聊聊金属渐层该如何使用,有时间会再谈谈放射状的渐层可以产生怎么样的视觉效果啰。

(编辑:海南站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读