各种LOGO、平面以及UI设计趋势中
提到最多的一种大热元素了
这个潮流从最近的新设计中就能看出
从LOGO设计
到海报设计
乃至到产品设计
眼看着渐变色已经铺天盖地
而自己做的渐变却是这样的？
以是本日大大君就来分享一下
时下最盛行的渐变色，要怎么做？
什么是渐变色
所谓渐变色是指某个物体的颜色从明到暗，或由深转浅，或是从一个色彩缓慢过渡到另一个色彩，充满变幻无穷的神秘浪漫气息的颜色。
色彩可以给我们不同的感想熏染和感情，而渐变色则可以给我们更多的想象空间。纯粹的渐变色使得色彩更生动缓和，不单调，可以丰富整体设计感，却又不会增加视觉包袱。合理的利用渐变色可以吸引用户视觉焦点、渲染氛围、提升美感、通报感情等。
渐变征象
渐变征象分为四种：色相渐变、明度渐变、饱和度渐变、综合渐变。
通过HSB色彩值来展示这四种渐变征象，会非常直不雅观和随意马虎理解：
色相渐变，言简意赅则是由一个颜色到另一个颜色的渐变或是多个颜色的渐变。
明度渐变，是同一色相不同明度，如同一颜色加黑或者加白掺和往后能产生各种不同的明暗层次。
饱和度渐变则是基于各种颜色的不同纯度进行变革，每一种纯度都有与其相应的明度。
综合渐变，即是色相、明度和饱和度同时发生变革，完备变成另一种颜色，是我们最常利用的渐变形式。
渐变的颜色数量
渐变色在数量上的利用也没有一定的规范。在多数情形下，分为四种情形：单色渐变、双色渐变、三色渐变、多色渐变。
单色渐变即是上方演示的纯挚明度渐变或饱和度渐变。
双色渐变是最常见的渐变，同时它也是一把双刃剑，由于常见以是用起来不会造成太大的缺点，也由于常见以是常常不会给人视觉上的震荡。
三色渐变是除了双色渐变之外另一种常见的渐变，视觉效果上较双色渐变更有层次感。
而多色渐变比较少利用，由于把握不好就会给设计造成花俏轻浮的觉得，特定情形下除外。
总的来说，颜色越少越不随意马虎出错，但同时越丰富的层次感，越是须要多种颜色的相互碰撞形成，对颜色的理解和领悟的技巧哀求越高。
渐变的表现形式
渐变色有五种形式，线性渐变、径向渐变、角度渐变、对称渐变、菱角渐变。在日常设计事情中线性渐变、径向渐变用的较多。
理解了渐变色的一些基本观点后，接下来我们再剖析下在利用渐变色过程中几种常用的表现手腕：
渐变要如何运用？
一、双色渐变
双色渐变是渐变设计中很主要的组成部分，是设计师们最常用的创作手腕之一。其渐变征象可多种多样。渐变方向紧张指从一个颜色到另一个颜色的渐变，如下图A-B，有横向渐变、纵向渐变、对角渐变三种办法。
双色渐变可作为设计的主视觉存在，也可是诸多特性中的一个。厥后果是独一无二的，可以让画面更加丰富、活泼，同时使画面更整体统一，提升美感。
横向渐变
纵向渐变
对角渐变
二、图片上的渐变色叠加
在图片上叠加色彩已经盛行了相称长的一段韶光。这种渐变常日在背景、照片中利用，可让画面更具神秘、优雅、更具吸引力，让用户把稳到上面更加主要和更关键的元素。
个中半透明的叠加可以让画面更细腻，同时也奠定了画面的主色调，这种设计对付大图的浸染尤其明显，可以为图片带来线人一新的觉得。
利用过程中要把稳对背景图的挑选，色调应与内容的含义相匹配，叠加后需强化页面信息的可读性，不要只为了装饰而装饰，否则呈现出来的结果会完备相反。
上面Spotify的页面采取了图片叠底和双色纵向渐变，弱化图片、让笔墨可读性更强的同时，使画面依旧灵动具有视觉冲击力。
而对付笔墨比重不高的海报，渐变色的利用更多是侧重于折衷图片与颜色的关系。
三、多层次渐变叠加
两年前，Instagram放弃了复古相机样式的LOGO，改换成凑集了多种颜色的渐变色扁平新图标，引发了大家激烈的谈论。
不管这个设计好坏与否，我们都不得不承认，这个彩虹色让人面前一亮。也让我们重新认识到在UI设计中，利用得当的渐变色彩，可以使界面和图标的设计感得到迅速提升。
Instagram图标紧张由一组线性对角渐变，加两组球形径向渐变叠加组成。细数一下，里面领悟了桃红、紫、橙、黄、蓝五种颜色，可以说是多色渐变中非常具有技能含量的一个设计。
四、色块渐变
渐变的颜色不但可以利用在一个色块上，还可以利用在一组色块上。
不如说下面的这组海报，设计师会采取同类色、近似色、比拟色、补色，将一个图形中的分区清晰区分开，让图形色块平衡在一个频率上，这样的画面多姿多彩，也更富有节奏感和舒适性。
五、置入元素
还有一种渐变色的利用办法是将渐变色置入到版面中的元素内，最常见的两种形式便是置入到几何元素当中和置入到笔墨当中。
这两种形式都会为画面带来一些变革性，同时又能够缓冲色彩与色彩之间的冲突，但须要把稳渐变色之间的统一与折衷，建议一个版面当中不要置入数量过多的渐变色，以免造成设计的终极效果显得混乱。
第58届塞萨洛尼基国际电影节海报
以上两张电影节海报，将渐变色置入到数字“58”当中，采取了多种颜色的叠加渐变，与玄色背景形成光鲜比拟，重点突出这两个数字。
这一形式同样可以运用于字体LOGO上，比如说前阵韶光改换新LOGO的光彩手机，在新LOGO的变色上加入了与产品呼应的渐变色系。
六、网格渐变
AI网格工具绘画出的成品不亚于3D，是一种很好的矢量画图方法，绘画技巧相对繁芜，哀求较高，广泛用于平面设计作品中。
网格配色的利用，磨练设计师的颜色搭配功底，调度每一个瞄点让色彩过渡自然，也可采取多图层的叠加办法。
via 网络
via 唐寅实在渐变色的利用，在技能层面上的难度并不是很高，重点在于利用的工具和主题。渐变色并不是一个独立的设计理论知识，设计师该当把它看作是配色当中的一种形式。
福利互动
为报答客官阅读完此文支持，特准备新人大礼包赠予领取：2000种设计笔刷，10本设计书，设计师必备500种字体~~下方是领取办法
1，关注小勇哥哥PS视觉设计头条号~
2，评论文章，不限字数，
3，私信小勇回答：福利