优艾设计网

Photoshop设计技巧教程:学习用渐变色迅速提升产品界面的格调

优艾设计网 https://www.uibq.com 2020-09-13 00:00 出处:网络 作者:渐变色
PS设计技巧教程:学习用渐变色迅速提升产品界面的格调,让作品变得更大气,我们都知道iOS7以后,界面设计已经趋于扁平化。实际界面设计中我们已经很少绘制写实图标。所以貌似现在的UI界面显得千篇一律。比较有经验

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

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

Photoshop设计技巧教程:学习用渐变色迅速提升产品界面的格调

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

Photoshop设计技巧教程:学习用渐变色迅速提升产品界面的格调

A色 B值非常高,普遍50以上

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

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

以上色值仅供参考,实际使用并非整数。根据以上规律去有规则的使用渐变色。

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消