发布时间:2020-4-18 分类: 电商动态
用户体验设计涉及许多过程,需要经过充分的考虑才能使整个界面和交互满足目标受众的需求。即使它看起来不那么复杂,每个环节都需要仔细仔细检查。
构建用户界面最耗时的是颜色的选择。真正适合整个设计项目并涵盖设计中所有元素的色彩匹配需要在设计中不断调整和验证。强大而有效的配色方案可能需要数小时才能完成。因此,在今天的文章中,我们总结了六种关键的颜色匹配技术,以帮助设计师为UI设计选择正确的颜色,使颜色匹配过程更容易,更有效。
技巧1:掌握60-30-10原则
60-30-10原则最初来自室内设计领域,室内设计师使用这一原则来创建协调的室内设计配色方案。这个原理很容易理解。为了实现均衡的配色方案,有几种颜色可以追随这60%的颜色。 30%—颜色比例为10%。其中60%是主色,30%是次要色,而10%的色彩应该是鲜艳的颜色。
这种颜色匹配率被认为是非常有趣的。在视觉感知方面,它提供了相当舒适的色彩渐变。该控件允许以受控比率呈现整个UI的颜色。而不是弄乱整个设计。
技巧2:对比是你最好的朋友
颜色的对比几乎是任何视觉构图的关键部分。对比度创造了UI元素的差异并赋予它们个性。值得注意的是,来自UI中相同颜色系统的颜色通常不会显示明显的对比度,并且不易识别的文本是界面信息通信和交互的障碍。
设计师需要根据设计目标合理控制整个产品的对比度。例如,如果您需要让用户注意到特定元素,最好使用高对比度颜色来获得引人注目的视觉体验,例如高对比度的红色和蓝色。 CTA按钮通常使用这种颜色。
但是,如果将UI视为一个整体,则高对比度颜色可能始终有效。需要将文本内容和背景之间的对比度控制到合理的程度。否则,由于对比度会产生“渐晕”的视觉效果,这将影响长读的阅读体验。这就是为什么建议设计师使用温和的对比度控制并且仅在特定元素上使用高对比度的原因。通过在不同设备上进行测试,设计人员可以保持色彩匹配的可用性和多功能性。
技巧3:参考色彩心理学
正如我们在上一篇文章中提到的,我们熟悉的大量设计工作流程都是基于心理学原理。色彩心理学是心理学的一个分支,与设计密切相关。它着重于颜色对人类情感和行为的影响。我们的大脑对颜色的反应实际上是非常敏感和多样化的,但在日常生活中很难直观和快速地感受到。当一个人的眼睛感知到一种颜色时,它会发出大脑中的分泌系统的信号并释放刺激相应情绪的激素。
每种颜色对我们的感知和思考都有独特的影响,理解这些可能的反应最终可以帮助设计师正确地传递信息并引导用户完成设计师的期望。以下是一些颜色的基本特征和含义:
红色,象征爱情,自信,激情和愤怒,它充满活力和温暖的色彩,给人一种兴奋的感觉。
黄色可以传达快乐,阳光,快乐和温暖。
绿色,往往给人一种自然,新鲜和活力的感觉。
蓝色是最受欢迎的颜色之一,公司经常使用蓝色来传达自信和信任感。
紫色,与王室和财富密切相关,这也是代表神秘和茉莉的颜色。
黑色虽然与死亡和悲剧有关,但也可以营造一种高度冷静的感觉。
白色,代表纯洁和纯真,传达优雅,纯洁和清晰。
此外,设计师需要了解人和人的视觉感知通常是不同的。色彩的感知也受到文化背景的影响。性别对颜色偏好的影响不小。因此,有必要了解目标用户的特征。
技巧4:不要忘了文化差异
如前所述,文化背景对色彩有深远的影响。不同的文化有不同的传统文化和信仰,甚至相同的颜色在不同的国家有不同的解释。在欧洲和美国,白色通常象征着纯洁和高贵,但在亚洲,葬礼事件通常被称为“白色事物”,代表死亡和悲伤。在中国,色彩饱和度高的正面色彩是几千年来一直延续的视觉文化元素,但在日本,色彩饱满,饱和度低。
只有在专业的色彩知识结构下,了解观众的地方文化特征,才能更好地降低误解风险,创造出优秀的设计。
技巧5:努力让色彩协调起来
协调的UI设计是设计师的目标之一,这意味着颜色必须和谐舒适。使用颜色创建有吸引力和协调的设计使用户能够清楚地理解UI的内容,同时留下良好的第一印象。
经过多年的探索,前人总结了配色方案中的一些基本配色方法:
单色。单色颜色匹配并不是说只有一种颜色,而是基于相同的颜色系统进行颜色匹配,并且将不同的光和饱和度组合在一起以形成颜色方案。
相似的颜色。一种颜色方案,由色轮上彼此接近的颜色组成。
对比色。色轮上彼此相对位置的颜色可以提供鲜明的对比度,并且这些对比色可以构成高对比度的配色方案。
分开互补色。分离互补色的颜色匹配原理类似于互补色的颜色匹配原则,但不同之处在于在这种颜色匹配中将使用更多颜色。选择蓝色时,对齐时不是橙色,而是橙色。两边都是黄色和红色。
三色旗。它是为了匹配色轮上三种120度颜色的颜色。建议使用其中一种颜色来控制,另外两种颜色要变亮。
双色互补色。两对互补色用作主要颜色方案。
技巧6:从自然获取配色
大自然是世界上最好的艺术家和设计师。我们在自然环境中看到的大多数颜色组合非常和谐,甚至接近完美。人们喜欢日落和黎明,如秋叶和冬季山脉,因为这些颜色组合具有独特的美感。
那你为什么不尝试从这些自然景观中获取颜色呢?
结语
目前,数字产品的成败与配色方案的选择密切相关。正确舒适的配色方案不仅让用户感觉舒适,而且使产品具有正确的色调,传达情感,真正创造出深深植根于人们心中的产品。