2020-11-26 15:32:42 阅读(253)
渐变是设计师最简单的方法之一,也是移动APP背景设计中常用的设计技巧。所以今天我就教大家如何巧妙运用渐变,快速提升界面的风格。众所周知,iOS7之后,界面设计趋于扁平化。在实际界面设计中,我们很少绘制现实图标。所以现在的UI界面似乎是一样的。更有经验的设计师将熟练地使用插图设计和动态设计,使他们的界面看起来不同。然而,这些技能需要时间来体验,而且在短时间内掌握这些知识并不容易。有没有一种简单实用的方法可以快速提升界面的风格?Instagram换标的设计刷遍了大家的朋友圈,对这个新图标褒贬不一。不管这个设计是好是坏,你都要承认第一眼看到彩虹色让你眼前一亮。也让我们重新认识到,在UI设计中使用适当的渐变色,可以快速提升界面和图标的设计感。垂直线性渐变拉渐变是Photoshop的基本操作,那么如何使用好看呢?颜色选择是我们将渐变颜色分成ABC三种颜色的关键,每种颜色用HSB标记颜色值。这是一组App的引导画面,采用三组渐变色,分别标注HSB的色值,通过这组色值的变化,分析如下。A色B值很高,一般50以上从A色到B色,H值变化范围为正负30-70,S值减少10,说明B色略淡。从B色到C色,H值的变化范围为正负30-40,S值增加15-50,说明C色开始变厚。以上色值仅供参考,实际使用不是整数。渐变色按上述规律规定使用。二、垂直线性渐变 在大面积使用渐变时,球形渐变Web界面面积相对较大。如果只使用垂直线性渐变,则略显单调。此时,我们需要添加球形渐变。A B C色构成渐变,此时我们补充D色球形渐变和高斯模糊。D色圆矢量形状应转换为智能对象,以便在调整高斯模糊和大小时进行无损调整。如果需要在界面上使用图片,我们将在去色后的图片上添加80%透明的E色。这样,界面层次会更加丰富。3、多角度球形渐变希望界面更加华丽。此时,我们可以考虑使用多组球形渐变。例如,最新修订的instagram是一组线性渐变,加上两组球形渐变。球形渐变也由多组颜色组成。四、色块渐变渐变的颜色不仅可以用在一个色块上,还可以用在一组色块上。设计师使用一组相似的颜色,清楚地区分每个菜单项,使界面平衡在一个频率上,使画面更有节奏和舒适。怎样选择色块的颜色?同样使用HSB,逐步添加H色值,H色值越大,相应的S色值也应逐渐减小。至于希望你的界面整体颜色跨度是大是小,取决于你逐级H色值加多少。我相信通过我的HSB调色分析,你可以熟练地使用颜色来创造各种高梯度。如果你不明白,和我互动讨论一下。
以上就是关于如何选择色块的颜色呢?的相关介绍,更多如何选择色块的颜色呢?相关内容可以咨询我们或者浏览页面上的推荐内容。我们将让你对如何选择色块的颜色呢?有更深的了解和认识。
推荐阅读
最新文章
猜你喜欢以下内容:
一 客户顾问-张三 一