UI设计的颜色搭配方式！

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

1）显示界面的整体架构

2）明确视觉层级关系

3）营造界面整体风格，甚至增加转化

UI色彩搭配方案

单色搭配

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

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

相邻颜色搭配

选择色轮上相邻的颜色。

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

高对比搭配

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

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

协调对比搭配

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

例如：如果选择蓝色，则需要取其对立面中，相邻的2个其他颜色（即黄色和红色）。

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

三色搭配

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

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

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

　　网站的配色方案可以为整体品牌做出贡献提升产品的知名度。根据CCICOLOR(色彩研究所)的研究，用户在最初查看产品的前90秒内会在线评估产品。此判断的62%至90%将基于配色方案。他们的发现表明颜色可以反映品牌的个性：

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

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

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

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

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

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

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

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

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

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

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

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

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

　　粉色(pink)：有助于消除内心烦躁，调整心情。

颜色搭配主要是关于我们页面设计的一个部分，那么页面设计里面的话，颜色搭配不能过于鲜艳主要是由色蓝色绿色等各种浅色系的。颜色来进行一个搭配。使其效果更加的明显简单！

Ui设计的颜色搭配方式，是以颜色的搭配为原则进行搭配的。可以同色搭配，也可以近色搭配或者是互补色搭配，就可以搭配出好看时尚的效果。

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

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

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

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

1、大胆的尝试

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

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

2、不要被标准禁锢

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

3、尝试渐变

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

4、尝试干净的组合

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

5、尝试用颜色作为背景

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

6、用黑白模式选颜色

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

7、从艺术中获取灵感

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

8、关注细节

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

9、可用性是关键要素

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

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