配色原来这么容易?手把手教你建立专属调色板!

离五一还有一周,感觉大家期盼放假的心已经填满了互联网!酒店、机票、景点不是售空就是人满涨价。
不知道大家的五一都准备怎么过,反正阿志确实不喜欢凑热闹,实实在在的五日家里蹲,顺便给大家肝几篇文章。
最近和几位多年没见的设计师朋友聊了聊,不可避免聊到工作时,意外发现大家都有配色方面的烦恼,甚至存在没有系统性调色、选色思路的情况。我意识到,这可能并不是个例,很多时候,面对一个设计需求,我们很快会有一个大致的思想框架,也能很快的开始进行初步排版,但苦于:找不到合适的颜色,或者说是成体系的一套配色。

此时我们就会需要学会建立自己的调色板体系,今天阿志就来和大家分享一种快速且简单的调色板建立基本方式。

苹果新推出的iMac配色像极了设计师的调色板

对设计师来说,除了选择字体之外,颜色选择过程同样困难、纠结,需要说在前面的是,就像不存在的包治百病的万能药一样,今天所要分享的配色方法也不是万能的,但希望至少对大家有所启发。

还记得我初入设计行业时,接手了一次可口可乐的夏季品牌地推项目,甲方给的设计要求是为游客留下深刻印象。当时的设计总监在我旁边踱步了一会说:“就用纯红色,可乐红”,当时作为菜鸟级别的我居然还问:“大家怎么可能通过一种颜色就知道是我们,还能留下深刻印象?”,而事实证明:大家在众多品牌的场地中一眼就认出了我们。
看到这些颜色会让你第一个想到什么品牌?
现在回头看这个故事无非就是想告诉大家品牌主体色的重要性,看似浅显,但实际仍有大量的设计师会忽视这一点。
各大品牌色一览
在品牌色缺失的情况下,主体色的选择可以是随机的,根据喜好,当然现在我们也有许多更科学的方式来得出。
就拿可口可乐来举例,如果我们想要使用纯红色作为主体色,可以从拾色器的虚线矩形中选取,这样得到的红色不会过浅或者过深。
主体色确定后,配色的选取会和他有一定的关联,在拾色器中,想象这样一条左上角开始的线,然后一直向下弯曲到右下角,直接穿过刚才我们所选择的主色
接下来我们会一直用到这条曲线,同时改变色调,继续为红色再选6个颜色搭配,3个更深,3个更浅
以此类推,向右移动色调,在曲线的左上方选取颜色,这样便得到了三种较浅的颜色!

现在我们已经有了包括主体色在内的4种颜色。

然后再来到深色/冷色区域,返回到原始基色,和刚才的浅色操作完全相反地进行选取,在不同的色调中,我们在同一条曲线的右下部分做选择。
现在我们有了完整的调色板,在大多数情况下,这可能已经足够了,但我还为大家准备了更多。
在现有调色板的顶部和底部都加一层具有强光混合模式的图层,与顶部重叠的矩形的背景色为#BABABA,底部重叠的矩形的背景色为#525252。
即每个颜色都获取一个更浅和更深的颜色,这个操作让又获得了2倍数量的颜色,那么我们要如何使用这些颜色呢?
常规情况下,也是我个人所喜欢的方式:将深色区的颜色与浅色区的另一种颜色相结合,通过排列组合可以得到海量的颜色搭配方式。
根据得出颜色所做的搭配样例

好啦,以上就是阿志所惯用的调色板制作方法之一,如我所说,希望这种调色方法为你打开思路,开发出属于你自己的调色方法!

(0)

相关推荐