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

不能谈配色吧?选择合适的颜色是每个设计师的基本功 。说起来简单,但千变万化,看似复杂,实则有迹可循 。似乎每个设计项目在配色上都有些争议 。当团队在讨论的时候,任何人都可以介入讨论 。甚至很多产品的配色方案在上线之前都会有争议 。
配色真的是一件很难的事情 。它涉及到文化背景,受到方方面面的影响,对情感意义的理解也因人而异 。设计师面临的问题往往是选择太多,而不是太少 。
配色的方法和辅助工具很多,但让人印象深刻的往往是一些有趣的技巧 。今天分享配色大师帕特里克·木尔塔尼的配色技巧 。也许这10个小技巧会成为你配色的可靠补充~
提示1:记住配色方案
在开始选择配色方案之前,我经常阅读达斯汀·塞诺斯关于设计原则的短文 。在他的文章中,阐述设计原则的方式很有意思,很有能力,很有趣,有“方向胜于选择”、“恰当胜于一致”、“发展胜于总结” 。其实用这个句型来概括色彩搭配也不错:“白比灰好”、“和谐比错位好”、“沉默比温暖好” 。我在工作的时候,会一直把这些配色方案记在心里 。它们更像是一种感知规范,就像用户角色引导UX设计师设计体验一样 。
提示2:取一条颜色线
当我在调色板上选择颜色时,我倾向于沿着一条直线选择颜色,从左到右,从上到下,或者沿着一条对角线 。以这种方式获得的一组颜色匹配可以考虑不同的按钮状态(可用/不可用、活动/不活动)、视觉主题、边框、背景等 。我们还可以在拾色器的相同位置拾取颜色,调整色相,得到一组接近色相不同但和谐度高的色调的色度 。上图中,中间的是 。
提示3:保持敏感,做些小调整
这么多配色方案的调配给我最深刻的教训就是,哪怕是一个细微的颜色调整,都会对整个配色方案产生巨大的影响 。所以我觉得还是要敏感一点,在配色上做一些小的调整和变化 。你可以尝试选择冷灰色或暖灰色,并将其应用到你的配色方案中 。你会发现它们会不同程度地调和整个配色的协调性 。按照这个策略,你可以挑出很多颜色作为备选,反复迭代,对细微的颜色变化变得更加敏感 。
技巧四:善用叠加模式
如果你能很好地利用混合模式,你可以创建一个迷人的配色方案 。简单叠加两个色块,选择“乘”混合模式,就可以得到匹配的第三种颜色 。在白色背景上,我们可以通过调整透明度来快速调整颜色的亮度 。不过我一直觉得在黑色背景上调颜色更有意思 。通过搭配混合模式探索色彩的可能性,总能创造出新的搭配 。这种与颜色互动的方式被很多有经验的设计师使用 。
技巧五:安静集中的配色
选择颜色是一回事,但在视觉设计中有效地使用它们是另一回事 。有些配色非常漂亮,但是一旦应用到具体的设计项目中,整个视觉就会崩塌 。尽量让配色方案中的颜色不那么复杂,让整个设计更安静 。例如,对文本、图标和边框使用不同类型的蓝色,可以使整个设计看起来和谐 。当你想突出某个东西的时候,可以用这个方法 。
技巧6:检查不同背景的配色方案
我记得之前参加过一个可扩展的颜色系统项目,当时我选取了大量微妙而接近的颜色,当我仔细检查它们时,我发现很难区分它们 。这时候我把这些颜色复制了一份,然后加了黑色背景 。这时候颜色的区别就变得清晰了,让我能够做出更好的选择 。
【配色的基本原则是什么,色彩入门的基础知识】小贴士7:鲜艳的颜色更吸引人
在颜色选择器的右上角选择颜色,可以找到更安全、更吸引人的颜色供你在配色方案中使用 。颜色越靠左越靠下,颜色上叠加的灰和黑就越多,颜色本身的分量就越重 。过度的音调会给人下意识的压力 。所以我更喜欢用清晰明亮的颜色进行设计 。
提示8:叠加图层进行着色
想象一张半透明的纸 。当我们把它放在颜色上面时,它可以在视觉上“降低”色度 。我们可以在PS和Sketch中模拟这样的“纸”,创造新的形状,通过调整透明度和混合模式,或者两者并用,达到不同的效果 。我们还可以将纸张本身调整为白色或黑色,在叠加混合模式下可以对颜色的饱和度产生不同的影响 。在一些UI设计项目中,会使用这种技术来临时调整整个区域的敏感色度,这比换色更容易,同时也保持了颜色之间的和谐 。
以上三种效果:黑色图层,叠加混合模式,白色图层50%不透明度(增加饱和度),正常混合模式,黑色图层50%不透明度(增亮),正常混合模式,50%不透明度(变暗) 。


推荐阅读