教你巧妙运用渐变色快速提升设计格调！

渐变是设计师最简单的方法之一，也是移动应用程序背景设计中常用的设计技能。所以今天我将教你如何巧妙地使用渐变来快速改善界面的风格。

众所周知，iOS7之后，界面设计趋于扁平化。在实际的界面设计中，我们很少画现实的图标。所以现在的UI界面似乎是一样的。有经验的设计师会熟练运用插图设计和动态设计，让自己的界面看起来与众不同。但是这些技能需要时间去体验，短时间内掌握这些知识并不容易。

有没有一种简单实用的方法可以快速提升界面的风格？

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

一、垂直线性渐变

拉渐变是Photoshop的基本操作，那么如何使用好看呢？颜色选择是关键

我们将一种渐变颜色分为A B C三种颜色，每种颜色用HSB标记颜色值。

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

A色 B值很高，一般在50以上

从A色到B色，H值的变化范围为正负30-70，S值减少10，说明B色略淡。

从B色到C色，H值的变化范围为正负30-40，S值增加15-50，说明C色开始变厚。

最后给大家看一下相关的精彩案例，可以临摹学习。