UI设计的颜色搭配方式!

如题所述

色彩作为视觉传达中非常重要的要素在UI设计中具有非常重要的作用,一个好的UI色彩提案可以起到:

1)显示界面的整体架构

2)明确视觉层级关系

3)营造界面整体风格,甚至增加转化

UI色彩搭配方案

单色搭配

基于一种颜色,以色调和饱和度区分层次。

单色永远是一个经典且安全的配色方案。

相邻颜色搭配

选择色轮上相邻的颜色。

这种类型的配色方案用于不需要对比度的设计,包括web或banner的背景。

高对比搭配

选择色轮上对立面的颜色混合,提高对比度。

例如:蓝色背景上的橙色按钮非常吸睛。

协调对比搭配

这个方案与上一个方案类似,但是它采用了更多的颜色。

例如:如果选择蓝色,则需要取其对立面中,相邻的2个其他颜色(即黄色和红色)。

这里的对比度不如【高对比方案】那么强烈,但它允许使用多种颜色。

三色搭配

当设计需要更多的颜色时,可以尝试三色方案。

为了画面的平衡,建议使用一种颜色作为主导,另一种作为辅助。

想学习更多UI设计相关知识,从软件开始,附赠教程点击(UI设计)获取

温馨提示:答案为网友推荐,仅供参考
第1个回答  2020-10-27
  网站的配色方案可以为整体品牌做出贡献提升产品的知名度。根据CCICOLOR(色彩研究所)的研究,用户在最初查看产品的前90秒内会在线评估产品。此判断的62%至90%将基于配色方案。他们的发现表明颜色可以反映品牌的个性:

  据说红色反映了力量,激情和能量。它可以用于在设计或品牌中提醒用户或吸引用户的注意。AAA教育、在网易云、可口可乐、肯德基和Adobe的网站上可以找到红色。

  据说橙色兼有黄与红的优点,通常会给人一种朝气活泼的感觉。淘宝网就是一个使用橙色的例子。橙色象征着爱情和幸福,布满活力的橙色会给人健康的感觉,且有人说橙色可以进步厌食症患者的食欲。

  据说蓝色反映出平静,安全和可靠。这是一种明智的颜色。客户倾向于对此感到更自在。许多行业广泛使用蓝色,像inter、惠普、联想、支付宝。而且最近大家一定听说了支付宝logo变蓝,新的蓝色蓝的发亮,蓝的高调!但是,高饱和度的蓝色能让品牌更有科技感也更专业,无论是线上还是线下,传播都能更轻易吸引眼球。

  据说绿色反映了增长和环境。可持续发展居民区网站利用绿色,并与颜色的环境含义相呼应。月活超过10亿的微信采用的是绿色。

  用户在浏览界面时对颜色的感觉不仅仅由光的物理性质所决定,还包含心理等许多因素,颜色对于人所产生的生理、心理也会产生一定的影响

  红色(red):刺激和兴奋神经系统,增加肾上腺素分泌和增进血液循环。

  橙色(orange):诱发食欲,帮助恢复健康和吸收钙。

  黄色(yellow):可刺激神经和消化系统。

  绿色(green):有益于消化和身体平衡,有镇静作用。

  蓝色(blue):能降低脉搏、调整体内平衡。

  靛蓝(indigo):调和肌肉、止血、影响视听嗅觉。

  紫色(purple):对运动神经和心脏系统有促进作用。

  黑色(black):内心寂静,但也会导致抑郁等疾病发生。

  粉色(pink):有助于消除内心烦躁,调整心情。
第2个回答  2020-09-27
颜色搭配主要是关于我们页面设计的一个部分,那么页面设计里面的话,颜色搭配不能过于鲜艳主要是由色蓝色绿色等各种浅色系的。颜色来进行一个搭配。使其效果更加的明显简单!本回答被提问者采纳
第3个回答  2020-09-29
Ui设计的颜色搭配方式,是以颜色的搭配为原则进行搭配的。可以同色搭配,也可以近色搭配或者是互补色搭配,就可以搭配出好看时尚的效果。
第4个回答  2020-12-24

在视觉艺术中,有时被艺术家注入到创作中的颜色能成这个作品的灵魂。其实颜色就是一种力量。它可以在转息之间改变图片的基调。它可以增强,减轻,突出,说服,呼吁等等。颜色和文字也可以相互辅助,并使他们更有力量。它可以在没有任何文字的情况下传达出自己的感情。成为设计师手里的一大武器。这就是为什么在UI设计领域里,颜色是关键的因素之一。

那很多设计师不知道在设计产品是如何选择颜色,我们先来看看优秀的配色案例,再简单的分享一下配色的方法吧。

今天我们就来看看Ludmila的设计理念和作品。

在应用或者网站工作的设计师,颜色的选择和组合是最初设计的主要部分。当被问到这条道路上有什么锦囊妙计的时候,Ludmila说,她将从事任何创作的过程中基本上是从四个主要组成部分中成功的:良好的心情,传递积极情绪和感情的欲望,灵感,和你对设计的热爱。这四点是促使人们迈出设计第一步的基石。再经过深入的知识或者艺术的搜索和准备,就可以换来惊人的效果。

1、大胆的尝试

如今,设计师在颜色搭配和选择的时候有很多辅助软件。其中很多软件可以提供大量的现成颜色组合可以选择,还可以查找很多别的设计师的例子。设计师就可以在不断的尝试中找到不同的搭配。

然而,设计师要跳出这些已有的搭配和组合,要用自己的热情设计和创造新事物。当然这不意味着一开始就要尝试革命性的新设计,保持头脑清醒,放飞创造力。不要害怕进行大胆的尝试。

2、不要被标准禁锢

对于新的客户来说,你得主要竞争力就是作品,可以肯定的是,你可以决定你得作品想要表达什么。如果你只想展示的风格的一面,例如,你想让客户笑,想让他严肃,那么这一条并不适合你。然而实践证明,当你提供各种不同配色的作品时,他们可选性更多,成功率也更大。

3、尝试渐变

2018年开始的趋势,更多的应用渐变,可以加强颜色的感染力。但是必须提到的是,很多设计更喜欢避免渐变色。然而,现在渐变色已经越来越有潜力,合理的应用在设计中,反而可以为颜色的选择中加分。

4、尝试干净的组合

无论在什么组合中,颜色都应该感觉干净。即使是特别大胆的创新和尝试,都不应该在屏幕和页面上留下污垢。清晰度提高了可用性和可读性,并使所有的颜色都尽可能的发挥自己的影响力。

5、尝试用颜色作为背景

用颜色来呈现作品,也需要用颜色来衬托作品。通常,设计师们会把经理更多的放在作品本身上,而减轻了对背景的关注。然而,更多的时候背景可以成为另一个活跃主题的要素,可以使作品看起来更富有表现力。不要错过尝试的机会,也许这个选择是正确的。

6、用黑白模式选颜色

应用程序有的时候不仅仅是为了传输视觉信息,而且要能够与产品进行简单和成功的交互。检查设计方案的有效性最好的方法就是通过黑白外观来测试。观察黑白模式下的作品,会更快的发现什么元素是更引人注目。这不会减小颜色对设计的影响,相反能能好的发现无效的颜色组合,发现更多潜在问题,也可以让设计师更关注色盲用户的体验感。

7、从艺术中获取灵感

获得灵感并将灵感转化为设计的最好方法就是观察艺术。经典艺术,现在艺术,数字艺术。水彩画,油画,炭画,水粉画。任何一种艺术都能吸引设计师的共鸣。艺术在颜色的选择和应用的角度都非常有效,当然也都特别有创意。在你喜欢和欣赏的艺术家的作品中寻找灵感是非常有帮助的。获得灵感,并尝想象你在设计的作品就是一件艺术品,结果不仅对客户,甚至最你自己的提升都是惊人的。

8、关注细节

美国设计师查尔斯·埃姆斯说:“细节不是细节,他们在设计”。这是在应用程序或网站的UI设计与工作的关键法则,特别是当设计师选择组合调色板时。没有透彻的分析和关注,什么设计都有可能前功尽弃。颜色是将所有的细节展现出来的高效方法之一。颜色阴影和暗部也是加强视觉元素层次和机构的有效途径。

9、可用性是关键要素

设计一个UI不仅仅是平面设计,设计UI也是为用户提供可以方便快捷而且让生活更加幸福的产品的过程。因此,从UI中的颜色选择和用法的角度来看,设计师始终都要铭记,界面应该是使用性强并且清晰干净的。颜色选择的所有细节都应该为这个大前提来服务。使用颜色来改进和加快导航,使用类别颜色编码,提供颜色标记,这些方面都是可以使设计变得更加有效,用户体验更高,而这些都是颜色的力量。

所以,颜色不仅是伟大的设计工具和技巧,也是强大的灵感来源。通过实验和实践来训练设计师对颜色的认知,可以使大家更好,更准确的完成更多客户的要求,并更加有动力,在设计的道路上走得更远。

相似回答