020-29815005
预约专线时间:09:00-23:59

UI设计培训班如何提高你的配色技巧

新闻来源:优漫教育 日期:2021-07-09
UI设计包含了很多流程,需要经过充分的考虑,UI设计培训班才能使整个界面和交互符合目标用户的需求,即使看上去并不那么复杂,每一个环节都需要深入的细节才行。
  在UI界面的构建过程中,最耗费时间的就是颜色的选择。能真正与整个设计项目相吻合,能覆盖整个设计中所有元素的要求,需要在设计中不断地调整和验证。一个强大而有效的配色方案,可能需要几个小时反复打磨。因此,今天的文章中,我们总结了3个关键的配色技巧,帮助设计师在UI设计时,选择合适的颜色,使配色的过程更轻松、高效。

  一、掌握60-30-10法则。

  设计原理最初源于室内设计领域,室内设计师运用这一原理,创造出室内设计的协调色彩。这个原理很容易理解,要想达到颜色的平衡,就需要有60%—30%—10%这种颜色配比。它们中占60%的颜色,而30%的颜色是次要的,而占10%的颜色应该是亮色。

  这种颜色比例被认为相当令人愉快,在视觉知觉上,它提供了一个相当令人舒服的颜色层次,这样的控制使整个UI的色彩以一种可控制的比例呈现,而不会把整个设计搞乱。

  二、对比是你最好的朋友。

  颜色对比几乎是任何视觉构成中的关键。比例创建UI元素之间的差异,并赋予其个性。值得一提的是,同一种颜色在UI中产生的颜色往往不会有明显的反差,而可识别度较低的文字,更是界面信息传递与交互的障碍。

  设计者需根据设计目标,合理控制整个产品的对比度。举例来说,如果你需要让用户关注某个特定的元素,那么最好使用高对比度的颜色来获得引人注目的视觉体验,例如使用高对比度的红色和蓝色。CTA按钮通常就是使用这种颜色。

  然而,如果把UI看作是整体,那么高对比度的颜色也许永远都是有效的。文字内容与背景的对比要控制在一个合理的程度上,否则就会因为对比过大而产生「晕影」的视觉效果,从而影响到长期的阅读体验。因此,设计师们被推荐使用适度的对比度控制,只对特定的元素使用高对比度。使用不同的设备进行测试,可以使设计者保持色彩的可用性和普适性。

  三、参考色彩心理学。

  就像我们在前面提到的那样,很多我们熟悉的设计工作流程都是根据心理学原理进行的。颜色心理学是与设计密切相关的心理学分支,主要研究颜色对人类情感和行为的影响。人的大脑对色彩的反应其实是相当敏感和多样的,但在日常生活中,我们很难直观、迅速地感知颜色。随着一种颜色的出现,人眼就会对大脑中的分泌系统发出信号,并释放激素,刺激产生相应的情绪。

  每一种颜色对我们的知觉和思考都有独特的影响,理解这些可能的反应最终会帮助设计师正确地传达信息,并引导用户按照设计师的期望去执行。以下是某些颜色的基本特征和意义:

  红,象征着爱、自信、热情和愤怒,它是充满活力和温暖的颜色,带给人激动的感觉。

  黄,可以传递快乐、阳光、欢乐和温暖的心情。

  绿色植物,往往能给人以自然、清新、生机勃勃的感觉。

  蓝,现在是最流行的颜色之一,很多公司用蓝色来表达一种自信和值得信赖的感觉。

  紫,与皇室,财富紧密相连,这也是茉莉的象征。

  黑,虽然与死亡、悲剧相关,但也能营造出沉稳大气的高级感。

  白,代表纯洁无暇,传达优雅、纯正、明晰的感觉。

  此外,设计师还要了解一件事,就是人与人的视觉感受通常是不同的,对于色彩的认知还受文化背景的影响,性别因素对色彩偏好的影响不小。所以,我们有必要了解目标用户的特征。