翻译自原文：https://blog.prototypr.io/how-to-use-colors-in-ui-design-16406ec06753

颜色和其他东西一样，最好适度使用。如果在你的配色中坚持最多使用三种原色，往往会获得更好的结果。一个设计项目中应用颜色与平衡有很大关系，你用的颜色越多，你越难获得平衡。

颜色不会给设计增添令人愉悦的品质，而是强化这种品质。——Pierre Bonnard

如果你需要添加超出你调色盘定义的颜色，请使用阴影和色调。它们将提供不同的工作方式。

60-30-10 规则

这个室内设计规则是永恒的装饰技术，可以帮助你轻松地组合配色方案。60% + 30% + 10% 的比例是为了平衡颜色。这个公式之所以有效，是因为它创造了一种平衡感，并且使眼睛舒适地从一个焦点到另一个。它的使用也非常简单。

60% 是主色调，30% 是次要色调，10%是强调色

墙漆、家具、装饰物

颜色的含义

几个世纪以来，科学家一直在研究某些颜色的生理学效应。除了美学，颜色也是情感和联想的创造者。颜色的含义可以因文化和环境而不同。这也是为什么你会看到黑白时装店，它们想显得优雅和崇高。

Asos 是纯黑白，带有绿色 CTA，这是有原因的。

  • 红色：激情，爱情，危险
  • 蓝色：冷静，负责，安全
  • 黑色：神秘，优雅，邪恶
  • 白色：纯洁，安静，洁净
  • 绿色：崭新、清新，自然

如果你想要了解更多，可以查看这个列表——颜色文化

灰度优先

在设计中我们喜欢在早期玩颜色和色调，但当你意识到你已经花了 3 个小时来调整主色调，这种行为很快就会出卖你……这确实很诱人，但你应该学会避免这种态度。

相反，强迫自己聚焦在间距和元素布局中，将会节约你很多时间。这种约束非常有效。另一方面，它不需要看起来很无聊。如果你想让它看起来好看，可以尝试不同的色调。

你可以在 dribbble 上找到我的作品之一。简单的单色并且专注于元素

远离纯灰度和黑色

我学到的一个最重要的颜色技巧就是避免使用不饱和的灰色。在现实生活中，纯灰色几乎不存在。黑色也一样。

在这个图片中最深的颜色不是 #000，而是 #0A0A10

记得始终给你的颜色添加一些饱和度。下意识里看起来会更自然，对用户来说更熟悉。

…

相信大自然

最好的颜色组合来自大自然。它们总是看起来自然。从环境中寻找设计方案最大的好处就是调色盘一直在变化。

获得灵感我们只需要环顾四周

保持对比

有些颜色可以很好的搭配，而有些则会不协调。有明确的规则表示它们如何相互作用，在色轮上最好观察。你应该了解这些方法，但不需要手动执行。

如果你想要学习更多色彩理论，看这篇文章 —— 设计师的色彩理论：创造你自己的调色盘

获取灵感

当我们说到 UI 参考，dribbble 是最好的地方。它同样有工具来搜索颜色，所以当你想要对其他设计师如何使用特定颜色进行视觉研究时，请访问dribbble.com/colors

视频、印刷设计，室内设计，时尚……有许多激起灵感的地方。简单方式是不要死板地用这些调色板，而是保存所有看起来有趣的东西。

我经常喜欢从 KPOP 的视频剪辑中汲取颜色。他们非常漂亮。

工具

为了让事情变简单，我在 2017 收集了一些可用的选择调色板的工具。它们将为你节省大量时间。

Coolors.co

绝对是我拾取颜色最爱的工具。你可以简单地锁定选择的颜色，并且按空格来生成调色盘。Coolors 还可以提供上传图片并从中制作调色盘。很酷的是你不仅限于一个结果，而是可以修改你参考点的选择器。

Kuler

这个来自 Adobe 的工具已经是我们的老朋友了。它可以在浏览器中使用或者在桌面用。如果你使用桌面版本可以导出一个配色方案到 Photoshop。

Paletton

和 Kuler 相似但不同的是，你不仅限于 5 个色调。当你有主色调并且想用其他色调时这是个很好的工具。

Designspiration.net

假设你有一个调色盘的 idea，但是你想看这个混合起来的示例。Designspiration在这方面是很棒的工具。你可以选择最多 5 个颜色并搜索和你的查询匹配的图像。不仅对查找特定调色盘的图像很有用，而且在设计中真正实现它们也非常有用。

Shutterstock Lab Spectrum

你可能会问 —— 如果我想要用我选择的颜色搜索图片呢？Shutterstock 有一个工具叫 Spectrum 可以搜索指定颜色的图片。你甚至不需要订阅，因为带水印的小预览图将足够用来生成调色盘。

Tineye Multicolr

但是如果你想要查询照片中的混合颜色，甚至指定每种颜色的数量，那么 Tineye 将帮助你。这个网站使用来自 Flickr 的 1000 万张知识共享图片的数据库。

最后的想法

颜色是一个很难掌握的概念，尤其在数字时代。上面提到的技巧将简化找到正确颜色的工作。最好的方式去学习创建令人惊叹的颜色方案是去练习。所以帮自己个忙，玩转颜色。