色彩:选择 UI 颜色的 6 个技巧

用户体验设计涉及许多需要深思熟虑的过程,以便界面满足目标受众的需求。每一步都需要深入关注细节,即使看起来并不太复杂。

UI 创建中耗时且重要的阶段之一是选择颜色。设计师有时会花费数小时来挑选正确的调色板。在本文中,我们将描述六个有用的技巧,帮助设计师为 UI 选择强大的颜色。

1. 学习 60–30–10 规则

这个规则来自室内设计,因此经常应用于房屋装饰。为了使构图平衡,颜色应以 60%–30%–10% 的比例组合。最大的部分应该是主色调,三分之一的成分是辅助色,10% 的部分是有助于突出重点的颜色。

这样的比例被认为对人眼来说是令人舒适的,因为它允许逐渐感知所有视觉元素。知道适当比例的设计师可以成功地组合搭配颜色,而不会有将 UI 变成五颜六色的混乱的风险。

色彩:选择 UI 颜色的 6 个技巧插图

2. 对比颜色

色彩对比是任何视觉构图的关键部分。它为每个 UI 元素带来了个性,并使它们都引人注目。仅包含来自同一颜色系列的色调的用户界面吸引用户注意力的机会较少。

设计师根据它应该实现的目标来控制对比度的水平。例如,如果您需要用户特别注意特定的 UI 元素,最好应用两种高度对比的颜色,例如蓝色和红色。高对比度通常用于CTA 按钮设计.

但是,将 UI 作为一个整体组合而言,高亮度的颜色对比度可能并不总是很好。如果文案内容和背景颜色反差太大,将难以阅读或扫描文本。这就是为什么建议设计师创建温和的对比度并仅将高对比度的颜色用于突出显示元素。在各种设备上进行用户测试可以帮助设计人员确保他们的解决方案的有效性。

色彩:选择 UI 颜色的 6 个技巧插图(1)

3. 色彩心理学

有一个心理学分支显示颜色对人类情绪和行为的影响,称为颜色心理学。它表明我们的大脑会对颜色做出反应,而我们通常不会注意到它。当人眼感知颜色时,我们的大脑会向内分泌系统发出信号,释放负责情绪和情绪的激素。

每种颜色对我们的大脑都有自己的影响,对可能反应的了解可以帮助设计师传递正确的信息并呼吁用户做出预期的行动。这是颜色含义的候选清单。

红色。它象征着好的和坏的感觉,包括爱、信心、激情和愤怒。
橙色。充满活力和温暖的颜色带来兴奋的感觉。
黄色。这是幸福、阳光、喜悦和温暖的颜色。
绿色。自然的颜色,带来平静和更新的感觉。
蓝色。它通常代表一些企业形象。可能与距离和悲伤有关。
紫色。长期与皇室和财富联系在一起。它也是一种神秘和魔幻的颜色。
黑色。它与悲剧和死亡联系在一起,象征着一个谜。同时,它可以是传统的和现代的。
白色的. 颜色意味着纯洁和纯真,以及完整和清晰。

此外,设计师需要记住,视觉感知对每个人来说都是非常个性化的。年龄和性别等因素对颜色偏好有很大影响,因此了解目标受众的特殊性至关重要。

色彩:选择 UI 颜色的 6 个技巧插图(2)

 4. 颜色文化差异

每种文化都有自己的传统和信仰,因此在选择颜色之前,您需要确保它们会按照您的意思进行解释。问题是,有时一种颜色在不同国家可能具有完全相反的含义。例如,在欧洲国家,白色代表纯洁,常用于婚礼,而在许多亚洲国家,这种颜色意味着死亡和悲伤。不正确的使用可能会导致误解,这对产品可能是致命的。通过承认文化色彩感知设计师的特殊性,可以降低被误解的风险。

5. 色彩和谐

和谐是 UI 设计所追求的。为了让用户感到舒适,设计师试图将平衡带入用户界面设计。这色彩平衡是关于在设计中以最有吸引力和最有效的方式对用户感知的颜色进行排列。和谐的颜色有助于从网站或应用程序中获得良好的第一印象。

经过多年的搜索,设计师区分了有效的基本配色方案。让我们看看它们是什么。

单色。色彩和谐基于一种具有各种色调和色调的颜色。

类比。该方案应用位于色轮上彼此相邻的颜色。

互补。它是在色轮上放置在彼此前面的颜色混合,旨在产生高对比度。

分裂互补。此方案的工作原理与前一个方案类似,但它使用了更多颜色。例如,如果您选择蓝色,则需要取另外两个与其相反颜色相邻的颜色,即黄色和红色。

三合一。它基于色轮上等距的三种独立颜色。专业人士建议使用一种颜色作为主要颜色,其他颜色作为重点。

四边形/双互补。四色配色方案采用来自轮子的四种颜色,它们是互补的对。如果将所选颜色上的点连接起来,它们就形成了矩形。

色彩:选择 UI 颜色的 6 个技巧插图(3)

6. 从自然中获取灵感

大自然是世界上最好的艺术家和设计师。我们在自然环境中可以看到的颜色组合总是接近完美。人们喜欢看日落和黎明,秋天的森林和冬天的山脉,因为它们充满了自然的色彩组合。

那么,你为什么不尝试借鉴一些想法呢?去散步或寻找美丽的自然照片,你一定会找到灵感。

色彩:选择 UI 颜色的 6 个技巧插图(4)

界面设计的成功很大程度上取决于为其 UI 选择的颜色。正确的颜色可以帮助用户对产品感到舒适。设计师可以通过应用适当的调色板将人们置于迫使他们采取行动的思维框架中,明智地做出选择。

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发
deise的头像-UItheme

昵称

取消
昵称表情