配色的基本原则是什么,色彩入门的基础知识


配色的基本原则是什么,色彩入门的基础知识


配色这件事怎么聊都聊不完,不是么?选对色彩,是每个设计师的基本功,说来简单,但是千变万化,看似复杂,然则有迹可循 。似乎每个设计项目在配色上,都多少会有些争议,团队讨论的时候谁都可以插手说上一嘴,甚至许多产品的配色方案直到上线之前还会存在争议 。
配色确实是一件难搞的事情 。它牵涉到文化背景,受到方方面面的影响,在情感含义上的理解又因人而异,设计师所面对的问题往往是选择太多,而非太少 。
配色的方法很多,辅助工具也不少,但是令人印象深刻的,往往是一些颇为有意思的技巧 。今天,我们分享配色大师 Patrick Multani 的色彩搭配技巧 。也许这10个技巧,会成为你的配色体系的可靠补充~
技巧1:谨记配色策略
在开始着手挑选配色之前,我常常会翻看 Dustin Senos 关于设计原则的短文 。他在文章中,阐述设计原则的方式非常有意思,干练而有趣,“方向优于选择”,“合适优于一致”,“发展性优于总结” 。其实如果借用这种句式来总结配色也不错:“白色优于灰色”,“和谐优于错位”,“沉静优于热烈” 。当我在工作的时候,我会时刻谨记这些配色策略,它们更像是一种感觉上的规范,就像用户角色引导UX设计师来设计体验一样 。
技巧2:取色一条线
当我在调色板上选择色彩的时候,我会倾向于沿着直线路径来挑选色彩,从左到右,从上到下,或者沿着对角线来选取色彩 。这样所获得的一套配色可以兼顾到不同的按钮状态(可用/不可用,活动/非活动),兼顾到视觉主体和边框,背景等 。我们也可以在取色器的同一个位置取色,调整色调,获得的一组色度接近色调不同但是高度协调的色彩组合 。上图中,中间那个就是 。
技巧3:保持敏感,小幅调整
调配这这么多配色方案,给我最深刻的经验教训就是:哪怕轻微的色彩调整,都会对整个配色方案带来巨大的影响 。所以,我觉得在配色的时候,要保持敏感,小幅度调整和改变 。你可以试着挑选偏冷或偏暖的灰色,运用到你的配色方案中,你会发现它们会不同程度地调和整个配色方案的协调度 。根据这样的策略,你可以挑选出一大堆色彩作为备选,反复迭代,变得对于微妙的色彩变化更加敏感 。
技巧4:善用叠加模式
如果你能善用混合模式,就能创造出令人着迷的配色方案 。通过简单的叠加两个色块,选择“Multiply”(乘法)混合模式,就能得到匹配的第三种色彩 。在白色背景上,我们还能通过调整透明度来快速调整色彩的明暗 。不过我始终觉得在黑色背景上来调整色彩更有意思,搭配混合模式来探索色彩的可能性,总能创造新的搭配 。这种同色彩的交互方式,为许多经验丰富的设计师所使用 。
技巧5:沉静而集中的配色
选好色彩是一回事,在视觉设计中有效地运用它们是另外一回事 。有的配色方案非常漂亮,但是一旦运用在特定的设计项目当中,整个视觉就崩坏了 。尽量让配色方案中色彩不要那么庞杂,让整个设计更加沉静 。比如,文本、图标和边框采用不同类型的蓝色,能让整个设计显得协调 。当你想要高亮突出什么东西的时候,可以采用这种方法 。
技巧6:在不同背景下查看配色
我记得之前参与过一个可拓展的色彩系统项目,当时我挑选了大量微妙而接近的色彩,当我仔细审视它们的时候发现很难区分彼此 。这个时候,我将这些色彩复制了一份,然后添加了一个黑色的背景,这个时候,色彩和色彩之间的区别就变得明晰了,让我能够更好的作出选择 。

推荐阅读