迷人渐变,快速提升设计格调

《迷人渐变,快速提升设计格调》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、迷人渐变，快速提升设计格调渐变是设计师最简单的手法之一，也是移动端APP背景设计常用的设计技巧。所以今天我来教大家如何还可以巧妙运用渐变，迅速提升界面的格调。我们都知道iOS7以后，界面设计已经趋于扁平化。实际界面设计中我们已经很少绘制写实图标。所以貌似现在的UI界面显得千篇一律。比较有经验的设计师会熟练运用插画设计还有动效设计，使自己的界面显得与众不同，然而这些技巧都是需要时间历练，短时间并不容易掌握这些知识。有没有一种方法简单实用，迅速提升界面的格调了？让我们重新认识到在UI设计中，使用得当的渐变色彩，可以使界面和图标的设计感得到迅速提升。渐变是设计师最简单的手法之一，也是移动端AP

2、P背景设计常用的设计技巧。所以今天我来教大家如何还可以巧妙运用渐变，迅速提升界面的格调。一、垂直线性渐变拉渐变是Photoshop的基础操作，那么如何运用的好看了？颜色选择才是关键我们把一个渐变颜色拆分成ABC三个颜色，每个颜色用HSB标注颜色色值，关于如何运用HSB模式去观察颜色的方法，在我的UI设计书籍《术与道-移动应用设计必修课》已经详细描述，这里就不多赘述。二、垂直线性渐变+球形渐变Web界面面积比较大，在大面积使用渐变的时候。如果只是使用垂直的线性渐变是略显单调的，这个时候我们需要加一个球形的渐变。A+B+C色构成一个渐变，这时候我们再补充一个D色的球形渐变并高斯模糊。D色的圆

3、形矢量形状要转换为智能对象，这样调节高斯模糊及大小的时候可以无损调整。如果界面上需要运用图片，我们再补充一个80%透明度的E色，叠加在去色后的图片上。这样界面会层次会更加丰富。三、多角度球形渐变想让界面更加绚丽，这时候我们可以考虑多组球形渐变搭配使用。例如最新改版的instagram就是一组线性渐变，加两组球形渐变组成。球形渐变也是由多组颜色构成。四、色块渐变渐变的颜色不只可以运用在一个色块上，还可以运用在一组色块上。设计师运用一组近似性色彩，将每个菜单项清晰区分开，让界面平衡在一个频率上，这样的画面更有节奏感和舒适性。如何选择色块的颜色了？一样运用HSB，逐级加H色值，H色值越大，S相

4、应的色值也要逐渐变小。至于希望你的界面整体颜色跨度大还是小，取决你逐级H色值加的多少。相信通过我的HSB调色分析，你可以熟练运用颜色创造各种高大上的渐变。资料由AAA教育整理