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