效果图
Step01.垂直线性渐变
拉渐变是Photoshop的基础操作,那么如何运用的好看了?颜色选择才是关键
野花视频把一个渐变颜色拆分成A B C三个颜色,每个颜色用HSB标注颜色色值。
这是某App的一组引导画面,运用了三组渐变颜色,分别标注HSB的色值,通过这组色值的变化,颜色从上到下依次为A/B/C色
A色 B值非常高,普遍50以上
从A色到B色,H值的变化范围为正负30到70,S值减少10,说明B颜色略变淡。
从B色到C色,H值的变化范围为正负30到40,S值增加15到50,说明C颜色开始变浓。
以上色值仅供参考,实际使用并非整数。根据以上规律去有规则的使用渐变色。
Step02.垂直线性渐变+球形渐变
Web界面面积比较大,在大面积使用渐变的时候。如果只是使用垂直的线性渐变是略显单调的,这个时候野花视频免费高清观看需要加一个球形的渐变。A+B+C色构成一个渐变,这时候豆奶视频下载再补充一个D色的球形渐变并高斯模糊。D色的圆形矢量形状要转换为智能对象,这样调节高斯模糊及大小的时候可以无损调整。如果界面上需要运用图片,野花视频再补充一个80%透度的E色,叠加在去色后的图片上。这样界面会层次会更加丰富。
Step03.多角度球形渐变
想让界面更加绚丽,这时候野花视频可以考虑多组球形渐变搭配使用。例如最新改版的instagram就是一组线性渐变,加两组球形渐变组成。球形渐变也是由多组颜色构成。
Step04.色块渐变
渐变的颜色不只可以运用在一个色块上,还可以运用在一组色块上。设计师运用一组近似性色彩,将每个菜单项清晰区分开,让界面平衡在一个频率上,这样的画面更有节奏感和舒适性。如何选择色块的颜色了?一样运用HSB,逐级加H色值,H色值越大,S相应的色值也要逐渐变小。至于希望你的界面整体颜色跨度大还是小,取决你逐级H色值加的多少。

共有93条评论
word姐
哇,好迷人
布拉德拉布: 对
04/14/2017 17:36
有故事的鱼: 666
04/14/2017 17:40
过去多啦不再A梦: 666
04/17/2017 16:53
李英杰: 挺不错的
04/17/2017 17:34
双鱼座的双鱼: 666
04/17/2017 17:36
赵铁锤: 666
04/17/2017 17:50
黑旮旯: 666
04/17/2017 18:00
雪儿: 66
04/18/2017 18:36
齐德龙: 真酷
04/18/2017 18:40
乐乐: enen
04/19/2017 17:58
小样贼拽: 挺好的,66666
04/20/2017 11:21
最后的最后: 挺好666的
04/20/2017 11:29
轨道: 关注公众微信号:“鬼设神施工”
10/16/2017 16:47
18911946756
今年流行渐变
我还能说什么: 今年 流行贱贱 哈哈哈
04/17/2017 20:06
双鱼座的双鱼: 贱贱的
04/20/2017 11:13
一个ren德世界、狠QQ网名: 更多平面设计教程关注公众微信号:“鬼设神施”
12/08/2017 11:47
JACOB
方法很高效,不错不错!!
壬生京四郎
这调调不错
大白小白不会黑: 调调是谁
04/14/2017 10:45
可乐: 楼主小名叫调调
04/17/2017 16:27
曾经蜡笔没有小新: 哈哈哈哈
04/20/2017 10:02
路飞
好骚气的渐变,收藏了
悟空爱穿短裙裙儿: 额 骚气么
04/14/2017 10:57
双鱼座的双鱼: 哈哈哈哈
04/14/2017 16:40
神狩守
总是拿捏不住颜色的搭配,好烦恼
大白小白不会黑: 宝宝应该提升下审美,加上我
04/14/2017 10:37
悟空爱穿短裙裙儿: 还有我
04/14/2017 10:57
JACOB
再来顶一次!!
crazy04503
颜色不错
乖宝宝宝宝乖: 嗯 确实颜色不错
04/17/2017 19:36
乖宝宝宝宝乖
色彩不错
大白小白不会黑: 看着高大上的赶脚
04/19/2017 11:48
一个ren德世界、狠QQ网名: 更多平面设计教程关注公众微信号:“鬼设神施”
12/08/2017 11:47
可爱多可爱
一种流行趋势~
过去多啦不再A梦: 对,最近特别流行
04/13/2017 14:44
帅到没朋友: 看来我out了
04/14/2017 11:07
赵铁锤: 时代在发展 社会在进步
04/14/2017 16:07