如何在UI设计中使用颜色

实用的技巧和工具。

Design System for Sketch and Figma — www. visualsystem.co

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

色彩并不能给设计增添令人愉悦的品质，反而会强化它。

如果你需要在调色板中定义的颜色之外的其他颜色，可以使用阴影和色调。他们将提供不同的工作基调。

60-30-10规则

这个室内设计规则是一个永恒的装饰技术，可以帮助你把一个配色方案很容易在一起。60% + 30% + 10%的比例是为了平衡颜色。这个公式有效，因为它创造了一种平衡感，让眼睛舒适地从一个焦点移动到下一个焦点。它的使用也非常简单。

60%是主色调，30%是次色调，10%是辅色调。

墙漆，家具，饰品。

颜色的意义

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

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

红色：激情、爱、危险

蓝色：:冷静、负责、安全

黑色：神秘、优雅、邪恶

白色：纯洁，安静，清洁

绿色：新鲜，自然

如果你想了解更多，请查看这个列表— color culture.

灰度第一

我们喜欢在设计的早期使用颜色和色调，但是当你意识到你已经花了3个小时来调整原色时，这种行为会很快暴露你的本性。

相反，你要强迫自己专注于间隔和布局元素。这会节省你很多时间。这种约束是非常有效的。换句话说，它不需要看起来很无聊。尝试不同的色调，如果你想让它好看。

远离纯灰色和黑色

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

这张图片上最暗的颜色不是#000，而是#0A0A10

记住一定要给你的颜色增加一点饱和度。潜意识里，它看起来会更自然和熟悉的用户。

--------------------------------------------------------------------------------

相信自然

最好的色彩组合来自大自然。它们看起来总是很自然。从环境中寻找设计解决方案的最佳方面是，调色板总是在变化。

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

保持的对比

有些颜色搭配得很好，而有些颜色就不协调了。它们如何相互作用有明确的规则，可以在色轮上观察到。您应该注意这个方法，但是没有必要手动执行。

如果你想了解更多关于色彩理论检查这篇文章—— Color Theory For Designers: Creating Your Own Color Palettes

得到的启发

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

视频、平面设计、室内设计、时尚……有那么多鼓舞人心的地方可以聚集。简单地说，不要对那些调色板无动于衷，保存所有看起来有趣的东西。

我经常喜欢从KPOP的视频中偷取颜色。他们是美丽的。

工具

为了让事情变得更简单，我收集了一些选择调色板的最佳工具。他们会为你节省很多时间。

Coolors.co

我最喜欢的颜色选择工具。您可以简单地锁定选定的颜色并按下空格来生成调色板。Coolors还允许你上传图片，并从中创建调色板。很酷的一点是，您不仅限于一个结果，而是有一个选择器，允许您修改参考点。

Kuler

这个来自Adobe的工具已经使用了很长时间。它可以在浏览器中使用，也可以在桌面版本中使用。如果你使用的是桌面版本，你可以将一个配色方案导出到Photoshop中。

Paletton

它与Kuler相似，但不同之处在于你不仅仅局限于5个音调。伟大的工具，当你有原色，并想发挥额外的色调。

Designspiration.net

假设您对调色板有一个想法，但是您想要看到这种混合的例子。设计灵感就是一个很好的工具。您可以挑选多达5种颜色和搜索图像是匹配您的查询。真的很好，不仅为寻找图像与特定的调色板，但也为他们的实际实现设计。

Shutterstock Lab Spectrum

你可能会问-如果我想搜索我选择的颜色的照片呢?Shutterstock有一个叫做Spectrum的工具，你可以根据特定的色调来搜索照片。您甚至不需要订阅，因为带有水印的小预览图像将足以生成调色板。

Tineye Multicolr

但是如果你想在照片中搜索混合颜色，甚至指定每种颜色的数量，Tineye会帮助你。这个网站使用了来自Flickr的1000万张创作共用图片的数据库。

--------------------------------------------------------------------------------

最终的想法

色彩是一个很难掌握的概念，尤其是在数字时代。上面提到的技巧可以帮助你轻松找到合适的颜色。学习创造令人惊叹的配色方案的最好方法是练习，所以请自己动手，玩转色彩。