渐变是设计师最简单的手法之一,它具有独到的表现方式,表现出特有的运用价值,合理的使用渐变色可以吸引用户视觉焦点、渲染氛围
郭沫若说“宇宙内的东西没有一样是死的,就因为有一种节奏(可以说就是生命)在里面流贯着”,我说宇宙内的东西没有一样是死的,就是因为有许多色彩装饰了我们眼前的世界。“天国的色彩”在流动,这种流动变化形成无穷的渐变秩序······ 而生活中处处都是渐变的色彩世界。
在iOS7以后,界面设计已经趋于扁平化,在扁平化设计兴起之时,渐变是设计师最简单的手法之一,也是移动端APP设计常用的设计技巧。
什么是渐变色
所谓渐变色是指某个物体的颜色从明到暗,或由深转浅,或是从一个色彩缓慢过渡到另一个色彩,充满变幻无穷的神秘浪漫气息的颜色。
色彩可以给我们不同的感受和情绪,而渐变色则可以给我们更多的想象空间。纯粹的渐变色使得色彩更生动缓和,不单调,可以丰富整体设计感,却又不会增加视觉负担。合理的使用渐变色可以吸引用户视觉焦点、渲染氛围、提升美感、传递情绪等。
了解了什么是渐变色,我们来分析一下色彩的渐变现象和表现形式:
色彩的渐变现象
渐变现象分为两种:色相渐变和明度渐变。
首先我们来介绍一下色相渐变,牛顿透过二菱镜将太阳光折射成红橙黄绿青蓝紫七色光谱,得到了一个全色相的色环,把色彩按色相环的顺序排列组合就形成了渐变色彩形式中的色相渐变。色相渐变言简意赅则是由一个颜色到另一个颜色的渐变或是多个颜色的渐变(如下图)。
其次为明度渐变,色彩的明度有两种,一是同一色相不同明度,如同一颜色加黑或者加白掺和以后能产生各种不同的明暗层次。二是各种颜色的不同纯度,每一种纯度都有与其相应的明度。色彩的明度变化也会影响到纯度,(如下图)蓝色加入黑色后明度降低,加上白色则明度提高。
渐变的表现形式
这里我们简单做个介绍,渐变色有五种形式,线性渐变、径向渐变、角度渐变、对称渐变、菱角渐变。在日常设计工作中线性渐变、径向渐变用的较多(如下图)。
了解了渐变色的一些基本概念后,接下来我们再分析下在使用渐变色过程中几种常用的表现手法:
一、双色渐变
双色渐变是渐变设计中很重要的组成部分,是设计师们最常用的创作手法之一。其渐变现象可多种多样。渐变方向主要指从一个颜色到另一个颜色的渐变,如下图五从A-B,它有横向渐变、纵向渐变、对角渐变三种方式。
这种手法可作为设计的主视觉存在,也可是诸多特性中的一个。其效果是独一无二的,可以让画面更加丰富、活泼,同时使画面更整体统一,提升美感。下面我们赏析下双色渐变表现手法的案例设计作品。
(横向渐变)
(纵向渐变)
(对角渐变)