注册有好礼如何选择色块的颜色呢？
2020-11-26 15:32:42 阅读（274）
渐变是设计师最简单的方法之一，也是移动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调色分析，你可以熟练地使用颜色来创造各种高梯度。如果你不明白，和我互动讨论一下。
推荐阅读
猜你喜欢
Copyright © 2004-2022 万商云集（成都）科技股份有限公司 版权所有
蜀ICP备12001963号-2
川公网安备 51010402000322号
快速找产品
扫码下载APP
全方位服务一触即达
关注万商云集
和10万中小企共成长
400-0033-166
8:30-18:00
