设计中如何巧妙运用渐变色
渐变是设计师最简单的手法之一,也是移动端APP背景设计常用的设计技巧。所以今天我来教大家如何巧妙运用渐变,迅速提升界面的格调。那么设计中如何巧妙运用渐变色呢?一起来学习下吧:
一、垂直线性渐变
拉渐变是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颜色开始变浓。
以上色值仅供参考,实际使用并非整数。根据以上规律去有规则的使用渐变色。
二、垂直线性渐变+球形渐变
Web界面面积比较大,在大面积使用渐变的时候。如果只是使用垂直的线性渐变是略显单调的,这个时候我们需要加一个球形的渐变。
A+B+C色构成一个渐变,这时候我们再补充一个D色的球形渐变并高斯模糊。D色的圆形矢量形状要转换为智能对象,这样调节高斯模糊及大小的时候可以无损调整。如果界面上需要运用图片,我们再补充一个80%透明度的E色,叠加在去色后的图片上。这样界面会层次会更加丰富。
三、多角度球形渐变
想让界面更加绚丽,这时候我们可以考虑多组球形渐变搭配使用。例如最新改版的instagram就是一组线性渐变,加两组球形渐变组成。球形渐变也是由多组颜色构成。
四、色块渐变
渐变的颜色不只可以运用在一个色块上,还可以运用在一组色块上。设计师运用一组近似性色彩,将每个菜单项清晰区分开,让界面平衡在一个频率上,这样的画面更有节奏感和舒适性。
如何选择色块的颜色了?一样运用HSB,逐级加H色值,H色值越大,S相应的色值也要逐渐变小。至于希望你的界面整体颜色跨度大还是小,取决你逐级H色值加的多少。
相信通过我的HSB调色分析,你可以熟练运用颜色创造各种高大上的渐变。如果有不明白的吗,也与我互动进行讨论。
-
平面设计学什么
平面设计学什么?刚开始接触平面设计,很多小伙伴们都不知该如何下手学习,设计软件、色彩、排版版式设计让丈二和尚摸不着头脑。小编就平面设计的学习方法与技巧来给大家介绍下,希望能对新手以及平面设计的朋友(大神请绕道)有所帮助:软件工欲善其事,必先利其器——先把软...
-
coreldraw拼版的方法
CorelDRAW作为图形设计软件的代表,以其杰出和革新的特性赢得了长期的声誉和用户的赞赏。下面YJBYS收集了coreldraw如何拼版的教程,希望对你有帮助!一、拼版方法1、以一正度16K封面、封底、封二、封三拼成四K版为例。成品尺寸假定为185*260mm。用coreldraw8.0进行...
-
Photoshop平面设计技术探析
Photoshop是平面设计中应用广泛的一种图像处理软件,创造出了很多经典的平面设计作品。好的作品需要良好的技术支持。了解软件中各颜色模式的成色原理及其应用技巧可以帮助创作者更好的实现作品创意。本文主要就颜色模式和平面设计的应用方法进行讨论。Photoshop...
-
平面设计师资格证
平面设计师是在二度空间的平面材质上,运用各种视觉元素的组合及编排来表现其设计理念及形象的方式。下面是YJBYS小编整理的`平面设计师资格证相关知识,希望对你有帮助!考试介绍有两种:一种是劳动部门的、另外一种是信息产业部的。平面设计师不属于统考项目,劳动厅...