Photoshop详细解析渐变配色之对比用色(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:飞屋睿UIdesign

关键词

获得平衡感

渐变中加入色温这个属性,这个游戏就会更好玩。一般来说,为了达到配色平衡,我们的配色中需要冷暖进行平衡,这里的平衡并非是1:1的严格配比,而是彼此渗透,双方根据位置、面积、形状等等元素的共同参与,共同实现一个版面的平衡。当然,这不是件容易的事,但这是我们配色中的方向之一。

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

回到我们的色温对比,要体现在渐变中,就是要有冷色和暖色的参与。一般来说,在比较简单的过渡性双色渐变里,一个冷色一个暖色是非常常见的表达方式。还是拿刚刚那个案例来看,左边两个配色就是冷暖的过度,而右边的配色相对来说偏暖,当然相比之下,洋红色还是比橙色会更偏冷一些。

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

绿色和紫色:冷暖不定

冷暖色的对比都是在同一个版面内的一个动态对比,尤其对于绿色和紫色这个范围内的色彩来说的话更是如此。比如绿色,在和蓝色搭配的时候,由于蓝色是绝对的冷色,所以绿色就显得表现出暖色的特质,而绿色如果和橙色搭配,橙色又是绝对的暖色,所以绿色又表现出冷色的特性。紫色也是同样的情况,,和蓝色搭配它偏向暖色,而和橙色搭配时它又是偏冷的。

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

用起来其实也很简单,如果你的配色中发现整体感觉偏冷,就增加暖色。如果太暖,那就增加冷色调。如果整体的配色看不出哪里不对劲,但总觉得色彩有点奇怪,就先看看色温是不是实现了平衡。

明度对比

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

再增加一个属性,渐变这个游戏又增加难度了,明度这个属性表现为颜色的明暗程度,明度引入了另一个性质:光。其实我们平时看到的色彩就是因为有了光,才有了颜色。但是一般来说我们会把光简单归属于“发光”这个行列。事实上,由于光线的折射,我们视网膜接受到光的波长,才产生了色彩。那么光线的强烈与否,就会影响这个颜色的表现。

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

明度的对比,是所有颜色属性当中,最容易被觉察到的。我们可以简单来看,我们的素描就是利用明暗来表现物体,黑白灰能毫不费力表现现实中光的感觉。所以在配色中,有了明暗对比,是一个很好表现色彩感染力的元素。

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

 收藏