渐变教程，如何做出迷人的渐变？

　这迷人的渐变怎么做的？

　　Adobe Photoshop怎么做这种效果？

　　我们都知道iOS7以后，界面设计已经趋于扁平化。实际界面设计中我们已经很少绘制写实图标。所以貌似现在的UI界面显得千篇一律。比较有经验的设计师会熟练运用插画设计还有动效设计，使自己的界面显得与众不同，然而这些技巧都是需要时间历练，短时间并不容易掌握这些知识。

　　有没有一种方法简单实用，迅速提升界面的格调了？

　　Instagram 换标的设计刷遍了大家的朋友圈，对于这个新图标褒贬不一，不管这个设计好坏与否，你不得不承认第一眼看这个彩虹色让你眼前一亮。也让我们重新认识到在UI设计中，使用得当的渐变色彩，可以使界面和图标的设计感得到迅速提升。

　　一、垂直线性渐变

　　拉渐变是Photoshop的基础操作，那么如何运用的好看了？颜色选择才是关键

　　我们把一个渐变颜色拆分成A B C三个颜色，每个颜色用HSB标注颜色色值。

　　这是某App的一组引导画面，运用了三组渐变颜色，分别标注HSB的色值，通过这组色值的变化，分析如下。