译 | 颜色问题。 6条选择UI颜色的技巧。

图片.png

用户体验设计包括很多流程，需要进行深入地思考才能使界面符合目标受众的需求。即使看起来不太复杂，每一步都仍需要深入细节。

用户界面创建中一个耗时的重要阶段就是颜色选择。设计师有时可以花几个小时选取正确的色板。在本文中，我们将描述6个有用的技巧，帮助设计师为UI选择强大的颜色，并使此过程更轻松，更高效。

技巧1.学习60-30-10规则

这个规则或者说技术来自于室内设计，因此经常被用于房屋装饰。想法很简单，为了使构图达到平衡，颜色应该以60％-30％-10％的比例组合。最大的部分应该是主色调，三分之一的结构使用次色调，而10％部分的色调，用来帮助需要强调的部分。

这样的比例被认为对于人眼是令人愉快的，因为它允许渐次地感知所有的视觉元素。知道了适当的比例，设计师可以成功地组合颜色，却没有把UI变成一团混乱颜色的风险。

图片.png

技巧2.对比是朋友

色彩对比是任何视觉构图的关键部分。它为每个UI元素带来了独立性，并使它们都能被注意到。仅包含相同色系的用户界面极少有机会吸引用户的注意。此外，在这种UI中的复制内容看起来难以辨认，这使得与产品的交互变得几乎不可能。

设计师根据需要达到的目标来控制对比度的等级。比如，如果您需要用户特别注意特定的UI元素，使用两种诸如如蓝色和红色的高对比度颜色是一个好主意。高对比度经常被用于CTA（Call To Action用户行为号召）按钮的设计。

但是，说到UI的整体构图，高对比度的颜色可能并不总是有用。如果复制内容和背景颜色对比太多，则读取或扫描文本将会很困难。这就是为什么设计师建议创建一个温和的对比度等级，而将高对比度的颜色仅仅应用于突出元素。在各种设备上进行用户测试可以帮助设计师确保其解决方案的有效性。

图片.png

技巧3.考虑下色彩心理学

正如我们在前文中提到的，心理学是有助于设计流程的基础研究之一。心理学的一个分支显示了颜色对人类情绪和行为的影响，这称为色彩心理学。它表明了平时我们并没有留意到的意识对色彩的反应。当人的眼睛感觉到一种颜色时，我们的大脑会向内分泌系统发出信号，以释放负责情绪和情感的激素。

每种颜色对我们的意识都有其自身的影响，对可能的反应的了解可以帮助设计师传递正确的信息并召唤用户做出预期的行为。这里有一个关于颜色含义的简短列表。

红：它同时具有好与坏的象征，包括爱情，自信，激情和愤怒。
橙：充满活力和温暖的色彩带来兴奋的感觉。
黄：这是幸福，阳光，欢乐和温暖的颜色。
绿：大自然的色彩带来平静和焕然一新的感觉。
蓝：它常代表企业级形象。也有可能与距离和悲伤相关联。
紫：长期与皇室和财富相关。这也是神秘和魔法的颜色。
黑：它与悲剧和死亡相关，以及神秘象征。它可以同时表示传统和现代。
白：这个颜色表示纯洁无瑕，以及整体性和清爽。

此外，设计师需要记住的是每个人的视觉感受都是相当独特的。年龄和性别这样的因素对色彩偏好有很大影响，因此了解目标受众的特征至关重要。您可以在我们的前文中找到关于颜色含义和偏好的详细描述。

图片.png

技巧4.不要忘了文化差异

每种文化都有自己的传统和信仰，所以在你选择颜色之前，你要确保他们将会被解释为你需要的含义。事实是，有时一种颜色在不同国家可能有完全相反的含义。比如，在欧洲国家，白色代表纯洁而在婚礼上经常使用，而与此同时，在许多亚洲国家，这颜色表示死亡和悲伤。不正确的使用带来的误解对产品可能是致命的。承认文化在色彩感知上的特性使设计师能得以减少被误解的风险。

技巧5.努力使色彩和谐

和谐是UI设计的努力方向。为了让用户感到愉悦和舒适，设计师尝试将平衡带入用户界面设计。色彩和谐是关于设计中的色彩以最有吸引力和最有效的方式用于用户感知的组织方式。和谐的颜色有助于网站或应用提供良好的第一印象。

经过多年研究，设计师们分出了可有效运作的基本配色方案。让我们看看他们是什么。

单色：色彩和谐是基于一种颜色和各种色调和色阶。
相似色：该方案使用色轮上彼此相邻的颜色。
补色：它混合了色轮上彼此相对位置的颜色，目的在于产生高对比度。
补色分割：这个方案类似于前一个，但是采用了更多的颜色。例如，如果您选择了蓝色，则需要取两个与其补色相邻的其他颜色，比如黄色和红色。
三元：它基于色轮上等距的三种不同的颜色。专家建议使用一种颜色作为主色，其他作为辅色。
矩形/双补色：四色配色方案采用了色轮上四种互补配对颜色。如果连接所选颜色的点，则它们将形成矩形。

图片.png

关于色彩和谐的详细信息和范例可以在我们的这篇文章中找到：Color Theory: Brief Guide for Designers

技巧6.从大自然里偷构思

大自然是世界上最好的艺术家和设计师。我们在自然环境中看到的颜色组合总是接近完美的。人们喜欢看日落和黎明，秋天的森林和冬天的山脉，因为他们充满了自然的色彩组合。所以，你为什么不试着借一些想法呢？去散个步或者搜索一些大自然美景的照片，你一定会找到灵感的。

image.png

数字产品的成功很大程度上依赖于UI的颜色选择。正确的颜色有助于用户对产品感觉舒适。通过应用合适的调色，设计师可以将用户置入特定的思维框架以驱使他们做出相应的行为。请做出你明智的选择。

原文：Color Matters. 6 Tips on Choosing UI Colors.
作者：Tubik Studio