UI设计选择颜色的5个关键原则

每年都会带来新的移动应用程序设计色彩趋势,这就是为什么我们经常看到应用程序中同时出现的标准化配色方案。

但是,在应用程序设计中选择颜色的最佳实践规定了某些牢不可破的、持久的规则。

例如,使用三种颜色中的两种的简单性是一项已证明其价值的设计原则。红色和绿色已经使用了很长时间,以至于它们在我们的心中根深蒂固,以相应地发出允许和禁止的信号。蓝色使我们平静,而红色使我们进入警戒模式。

注意您将为应用程序设计选择的颜色至关重要,因为它们会影响人们的情绪、行为和压力水平
 ,从而促进或扭曲您的品牌信息。

除了应用程序功能之外,配色方案是有效用户体验和移动应用程序性能的第二个因素。在本文中,我们将分享一些技巧,帮助您为您的移动应用程序设计选择合适的颜色,并提供一些视觉灵感来指导您。

颜色模式的移动应用程序设计原则

你见过多少黑白应用?可能没有。

即使是最简单的单色方案通常也至少有两种相同颜色的色调。充分选择的颜色模式鼓励用户参与和品牌认知。为应用程序图标、品牌标志和某些功能选择颜色应该是经过深思熟虑的,因为它们可能会出于所有错误的原因突出某些内容。

例如,如果您为视障观众设计,则需要调整颜色选择以满足用户的需求。

如果您不是色彩理论方面的专家
,您可能很难创造出吸引人的色彩图案。让我们介绍视觉上迷人的应用程序设计的基础知识,并尝试让事情变得简单。

 

 

1. 选择引导相应情绪的颜色

我们将特定的颜色与特定的情绪联系起来。对于大多数人来说,蓝色与信任、安全和可靠相对应。红色与速度、能量和紧迫感有关。橙色代表乐趣和行动,而黄色代表乐观和引人注目。黑色表示高科技、时尚的设计,而粉色则被认为是女性化的。不出所料,绿色象征着财富。

但请记住:颜色联想是文化的。因此,了解您的受众对于为您的应用程序设计选择调色板至关重要。

 

 

2. 检查您的竞争对手在应用商店中使用的颜色

移动应用程序设计不仅仅与应用程序图标有关。但是,应用程序商店中有关应用程序图标的评论将为您提供一个坚实的起点,以了解您的利基市场中哪些有效(反之亦然)。

即使您必须坚持使用久经考验的调色板,您也想变得可辨别。超越似曾相识的应用程序设计理念的几种方法是使配色方案在视觉上更容易,并为颜色添加维度,例如,使用神经形态细节

 

 

3. 增加手机APP设计的第四个C

设计的 3-C 规则包括一致性、清晰度和内容。当您选择颜色(第四个 C)时,请记住让它们支持内容和功能。

考虑视觉界面设计中的配色方案以及交互设计、系统设计和服务设计。在用户行为和流程中加入所选的颜色模式。考虑界面元素的交互以及应用程序在品牌、产品和网站生态系统中的运作方式。

如何为数码产品设计强大的品牌标识

 

 

4. 从基础开始

是的,这都是关于 UI 层次结构、主要和次要颜色、表面和背景以及与您的颜色选择进行交流。

使用颜色创建具有对比度和连续性的元素的视觉层次结构。创建结构和导航路径。如有疑问,请努力实现极简主义。为不同的功能保留大胆的颜色变化。

当今可用的移动应用程序设计工具的丰富性使设计师可以轻松地将基本规则与一些独创性结合起来,并提出新的想法。

 

 

5. 不要害怕违反规则。

谷歌的新应用程序图标因其缺乏清晰度而受到明显的批评。不管这种批评是否合理,该公司可能已经完成了相当多的测试,并且有充分的理由选择这种配色方案。

即使它打破了较少颜色和清晰度的规则,它仍然忠于一致性。也许谷歌的目的是保持用户屏幕上的可见性或加强品牌。目前,他们坚持这样做。

当你决定打破规则时,要有充分的理由,引领潮流总是一个可靠的理由。

 

 

为移动应用程序设计选择颜色时要有意

无论您在移动应用程序设计中选择更安全还是更具风险的颜色选项,都要让您的选择对针对受众问题的最佳解决方案敏感。颜色应该提供简单、愉快和有效的交互。

来源:dribbble   作者:Michael Kelley

本页面最后更新于 2021年07月31日 14:44