导航
  • 报考
  • 备考
  • 政策

报考

备考

复习资料

政策

行业动态

快速提升设计格调方法技巧之垂直线性渐变

环球网校·2019-10-31 17:29:50浏览23 收藏11

请输入下面的图形验证码

提交验证

预约成功

我知道了
摘要 貌似现在的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颜色开始变浓。以上色值仅供参考,实际使用并非整数。

根据以上规律去有规则的使用渐变色。渐变,是设计师最简单的手法之一,也是移动端APP背景设计常用的设计技巧。所以今天我来教大家如何巧妙运用渐变,迅速提升界面的格调。好啦,今天的快速提升设计格调方法技巧之垂直线性渐变,就到这里。更多精彩请持续关注环球网校~

资料下载
历年真题
精选课程
老师直播

注册电脑版

版权所有©环球网校All Rights Reserved