我们开始设计页面时,总是需要先确定好页面的配色方案。那么,除非是客户提出色彩方案,我们大部分要面对的情况的是,根据客户的需求创建出一个色彩方案。在此,我想和大家分享两个配色技巧。
技巧一:抄现实
我们生活中所看见的颜色,都是从现实的自然界中提取出来的。所以,最大的颜色库就是我们的现实生活。
原理1:有色就有光,没有光,这个世界就是一片黑暗。
光色是一体的,如果我们要强调出很和谐的配色,避免不了对光影知识的学习。
高光:最接近主光源的颜色,比固有色稍亮。
固有色(亮灰):处于亮部与暗部的过渡面,最接近物体本身的颜色。
暗部:处于物体背光的部分,比固有色稍暗。
反光:处于暗部,是经过物体与环境光多次折射产生的光,比暗部颜色稍亮。
体表环境光:处于物体表面也是物体与环境光多次折射所产生的光,比固有色微亮或微暗。
投影:被物体遮住光源后,所产生的影子,颜色偏灰偏暗,受环境光、固有色的影响。
图标在一般的情况下,物体在画面中色彩饱和度最高的是固有色,高光、暗部都会在固有色的基础上变亮或变暗,同时变灰。
原理2:一切事物都有其固有的颜色特征。
例如太阳,就会想到红色,大海就会想到蓝色等等,很多东西都有自己独特元素特征,只要将这些符合大多数人群认可的颜色提炼出来,加以应用,可以搭配出很多让人舒服的配色。
案例分析1、图片的主色调都符合大众对现实生活中日出 - 青晨 - 黄昏 - 夜色四个时间的色彩调性。
2、图片的辅色与主色达到了对比、平衡的关系。
3、图片的辅助同频色都确定了画面的地面高光部分,增加了颜色信息的层次感。
4、图片都点缀色都在小范围内确定了画面的最亮色和最暗色,以及中间层次灯塔的颜色。
5、图片的配色都符合原理1中光影对颜色的影响原理。
所以我们在做这一类设计的时候,可以通过光影关系,事物的颜色固有特征,来推导画面的颜色。
技巧二:看需求
梁景红老师讲的《色彩功能去色法》,配色思路和上面所说的【抄现实】的思路有所不同,它是从设计要求的角度来选择颜色的。
【色彩功能去色法】三大法则:
1、平衡法则:就是用到了对比原理,例如:光影对比、虚实对比、纯灰对比、深浅对比、冷暖对比。主要就是通过对比原理来达到画面的平衡。
平衡法则--互补色之间平衡 平衡法则--案例来自网络应用广泛的“平衡对色”有6组:1、互补色之间的平衡;2、冷色和暖色的平衡;3、深色和浅色的平衡;4有彩色和屋彩色的平衡;5;花色(图像、图案)与纯色的平衡;6、面积大的颜色和面积小的颜色平衡。
2、聚焦法则:就是运用基本的配色原理达到让用户浏览信息的视线跟随你安排来聚焦和转换。
聚焦手法解析常用的聚焦手法:互补色的对色聚焦、冷暖色的对色聚焦、深浅色的对色聚焦、有彩色和无彩色的对色聚焦、色彩面积大小的对色聚焦等等手法~
网友评论