一篇你绝对不想错过的文章！以前的色彩知识大多是基础科普，容易看完就忘，配色时还得翻书。但今天这篇，大多是从实战出发，学完可以立刻上手，而且还附有作者本人的色板、配色工具等等，无论是小白还是UI设计师，这篇都不容错过！
我们从小都能熟练地区分颜色，但为什么当我们需要运用色彩进行UI设计的时侯，却往往发现很难恰到好处地运用色彩，作出那些和谐得体、令人赏心悦目的设计来呢？……我觉得原因是我们对色彩的认识和实践不足，以及当我们做设计时，很容易会过度地使用色彩。作为设计初学者，你需要掌握基本的色彩理论，通过实践不断加深对色彩的认识，并最终能够熟练地运用各种色彩，搭配出平衡且使人愉悦的设计来。
基色、间色、复色
配色的第一步是选择一个主色，我建议从选择一个明亮，柔和的基色或间色作为开始。这样的选择往往是相对安全的，关键看你接下去如何使用它以及选择合适的色彩去搭配它。
色相、饱和度、明度 （HSB 或 HSV）
当我们需要运用色彩时，首先理解色彩的相关特性非常重要。许多人选择使用RGB色彩模型，但我想说RGB是计算机对于色彩的表示形式，我们很难说清一种颜色是由多少红，绿，蓝组成的。作为设计师，HSB色彩模型更加好用，因为色相，饱和度，明度是我们大脑对色彩理解方式，这些属性对于我们理解和运用色彩更有意义。
单色（Monochrome）
是指通过对同一颜色，加上10-90%白色或黑色的透明度层后获得的一组颜色。由于他们的色相相同，而又能产生和谐的对比效果，因此单色的应用在设计中非常重要。
邻近色（Analogous）
是指在色相环中相邻的色彩。很显然这样的配色方案不会产生高对比度。当你觉得自己的设计在色彩上太过单一时，可以使用邻近色来增加色彩上的变化，从而使你的设计更有层次和活力。
比如红色是橙色的邻近色，而橙色又是黄色的邻近色。
互补色（Complementary）
是指色相环中，相对（互为180度角）的两个颜色。互补色让人产生强烈地对比效果。例如，紫色按钮在黄色背景上非常的突出。当然，这还取决于每一种颜色的饱和度。互补色经常用在需要突出显示的按钮、警告等地方，但使用不当也有可能使你的设计显得非常突兀，通过实践来理解是最好的，请记住： 对立对比 。
中性色调
是指由黑色、白色及由黑白调和的各种深浅不同的灰色系列，中性色不属于冷色调也不属于暖色调，它可以起到中和剂的作用。过多的使用色彩会使整个设计缺乏可用性，而中性色却可以帮助将用户的注意力拉回到内容本身。
对比
通过有效地使用对比可以使你的内容更加清晰从而让阅读变得轻松。好的对比，一般会采用色彩的两极，如白与黑，淡蓝与深蓝，高亮与低亮。
UI中的明与暗
在一些情况下，你需要根据品牌或可用性来权衡UI的明暗。比如iBook的应用中，当外界环境变得昏暗时，它会自动切换到暗色的阅读模式。
明亮UI的配色原则
内容应该比背景明亮。通过亮度的对比，可以使你想突出的内容轮廓更加清晰易读
不要过度使用颜色。颜色总是可以抓住人们的视线，但过度使用却会往往会人们忽视主体内容，因此，仅在需要进行突出提示的地方，如重要的按钮以及需要突出的状态时，使用颜色。
暗色UI的配色原则
不要使用纯黑，那样很难看到细节，另外与白色的对比会显得过高。
如果你必须使用黑色，那么请选择使用暗灰作为替代，这样可以消除过高的对比度
当使用蓝色时避免同时使用灰色。深蓝与蓝色更相配
UI设计的颜色搭配方式！
色彩作为视觉传达中非常重要的要素在UI设计中具有非常重要的作用，一个好的UI色彩提案可以起到：
1）显示界面的整体架构
2）明确视觉层级关系
3）营造界面整体风格，甚至增加转化
UI色彩搭配方案
单色搭配
基于一种颜色，以色调和饱和度区分层次。
单色永远是一个经典且安全的配色方案。
相邻颜色搭配
选择色轮上相邻的颜色。
这种类型的配色方案用于不需要对比度的设计，包括web或banner的背景。
高对比搭配
选择色轮上对立面的颜色混合，提高对比度。
例如：蓝色背景上的橙色按钮非常吸睛。
协调对比搭配
这个方案与上一个方案类似，但是它采用了更多的颜色。
例如：如果选择蓝色，则需要取其对立面中，相邻的2个其他颜色（即黄色和红色）。
这里的对比度不如【高对比方案】那么强烈，但它允许使用多种颜色。
三色搭配
当设计需要更多的颜色时，可以尝试三色方案。
为了画面的平衡，建议使用一种颜色作为主导，另一种作为辅助。
想学习更多UI设计相关知识，从软件开始，附赠教程点击（UI设计）获取
UI设计中常用的色彩搭配技巧有哪些？
在视觉艺术中，有时被艺术家注入到创作中的颜色能成这个作品的灵魂。其实颜色就是一种力量。它可以在转息之间改变图片的基调。它可以增强，减轻，突出，说服，呼吁等等。颜色和文字也可以相互辅助，并使他们更有力量。它可以在没有任何文字的情况下传达出自己的感情。成为设计师手里的一大武器。这就是为什么在UI设计领域里，颜色是关键的因素之一。
那很多设计师不知道在设计产品是如何选择颜色，我们先来看看优秀的配色案例，再简单的分享一下配色的方法吧。
今天我们就来看看Ludmila的设计理念和作品。
在应用或者网站工作的设计师，颜色的选择和组合是最初设计的主要部分。当被问到这条道路上有什么锦囊妙计的时候，Ludmila说，她将从事任何创作的过程中基本上是从四个主要组成部分中成功的：良好的心情，传递积极情绪和感情的欲望，灵感，和你对设计的热爱。这四点是促使人们迈出设计第一步的基石。再经过深入的知识或者艺术的搜索和准备，就可以换来惊人的效果。
1、大胆的尝试
如今，设计师在颜色搭配和选择的时候有很多辅助软件。其中很多软件可以提供大量的现成颜色组合可以选择，还可以查找很多别的设计师的例子。设计师就可以在不断的尝试中找到不同的搭配。
然而，设计师要跳出这些已有的搭配和组合，要用自己的热情设计和创造新事物。当然这不意味着一开始就要尝试革命性的新设计，保持头脑清醒，放飞创造力。不要害怕进行大胆的尝试。
2、不要被标准禁锢
对于新的客户来说，你得主要竞争力就是作品，可以肯定的是，你可以决定你得作品想要表达什么。如果你只想展示的风格的一面，例如，你想让客户笑，想让他严肃，那么这一条并不适合你。然而实践证明，当你提供各种不同配色的作品时，他们可选性更多，成功率也更大。
3、尝试渐变
2018年开始的趋势，更多的应用渐变，可以加强颜色的感染力。但是必须提到的是，很多设计更喜欢避免渐变色。然而，现在渐变色已经越来越有潜力，合理的应用在设计中，反而可以为颜色的选择中加分。
4、尝试干净的组合
无论在什么组合中，颜色都应该感觉干净。即使是特别大胆的创新和尝试，都不应该在屏幕和页面上留下污垢。清晰度提高了可用性和可读性，并使所有的颜色都尽可能的发挥自己的影响力。
5、尝试用颜色作为背景
用颜色来呈现作品，也需要用颜色来衬托作品。通常，设计师们会把精力更多的放在作品本身上，而减轻了对背景的关注。然而，更多的时候背景可以成为另一个活跃主题的要素，可以使作品看起来更富有表现力。不要错过尝试的机会，也许这个选择是正确的。
6、用黑白模式选颜色
应用程序有的时候不仅仅是为了传输视觉信息，而且要能够与产品进行简单和成功的交互。检查设计方案的有效性最好的方法就是通过黑白外观来测试。观察黑白模式下的作品，会更快的发现什么元素是更引人注目。这不会减小颜色对设计的影响，相反能能好的发现无效的颜色组合，发现更多潜在问题，也可以让设计师更关注色盲用户的体验感。
7、从艺术中获取灵感
获得灵感并将灵感转化为设计的最好方法就是观察艺术。经典艺术，现在艺术，数字艺术。水彩画，油画，炭画，水粉画。任何一种艺术都能吸引设计师的共鸣。艺术在颜色的选择和应用的角度都非常有效，当然也都特别有创意。在你喜欢和欣赏的艺术家的作品中寻找灵感是非常有帮助的。获得灵感，并尝想象你在设计的作品就是一件艺术品，结果不仅对客户，甚至最你自己的提升都是惊人的。
8、关注细节
美国设计师查尔斯·埃姆斯说：“细节不是细节，他们在设计”。这是在应用程序或网站的UI设计与工作的关键法则，特别是当设计师选择组合调色板时。没有透彻的分析和关注，什么设计都有可能前功尽弃。颜色是将所有的细节展现出来的高效方法之一。颜色阴影和暗部也是加强视觉元素层次和机构的有效途径。
9、可用性是关键要素
设计一个UI不仅仅是平面设计，设计UI也是为用户提供可以方便快捷而且让生活更加幸福的产品的过程。因此，从UI中的颜色选择和用法的角度来看，设计师始终都要铭记，界面应该是使用性强并且清晰干净的。颜色选择的所有细节都应该为这个大前提来服务。使用颜色来改进和加快导航，使用类别颜色编码，提供颜色标记，这些方面都是可以使设计变得更加有效，用户体验更高，而这些都是颜色的力量。
所以，颜色不仅是伟大的设计工具和技巧，也是强大的灵感来源。通过实验和实践来训练设计师对颜色的认知，可以使大家更好，更准确的完成更多客户的要求，并更加有动力，在设计的道路上走得更远。
UI设计师如何配色会显得比较高级
UI设计师如何配色会显得比较高级？作为一名UI设计师，对颜色的敏感度、颜色运用常识总是非常重要的。但是有很多设计师在颜色的选择搭配上知识平平无奇，那身为一名UI设计师，如何配色才会显得比较高级呢？
在进行配色时，仅仅学习配色理论是不够的我们先要思考配色的使用场景，以及整个设计所要达到的效果，然后再学习相应领域的配色知识，才能让配色理论发挥作用。
产品界面设计的配色目标：
信息传递：配色的目的是传递用户所需要的信息，这就需要界面有清晰的层级关系，明确、舒适的阅读体验。
引导操作：清晰合理的操作引导，让用户能够准确地根据引导进行下一步操作。
品牌价值：很多设计师会忽略这一点，导致产品的界面与品牌关联性差，整体界面没有品牌感。
一个好的设计配色有强有力的吸引力，快速抓住眼球，留下深刻印象。还可以营造氛围，让用户通过氛围快速理解和融入到推广内容中，加深印象。同时可以在短时间内快速传递信息。这就需要设计时信息表达明确，使内容能够精准快速地传递给用户。
那UI设计师常用的颜色搭配有哪些？
1、单色配色：单色方案是易于创建的配色方案，因为每种色彩取自相同的基色。单色的色彩可以很好地结合在一起，产生和谐的效果。
2、相近色：相近色的配色方案是选取相互不冲突的的相关色彩。一种色彩用作主色，而其它色彩用于丰富该方案。
3。补色搭配：互补色是色环上两个正对立的颜色。它们对比强烈，可以用来吸引观众的注意力。当使用互补色方案时，重要的是选择主色并且使用其互补色用于强调。
例如，当人眼看到一块不同色调的绿色物体时，一点红色就会很突出。
UI设计师如何配色会显得比较高级？不知道看完这篇文章你有没有了解？做为一名UI设计师，配色是不可少的，关注北大青鸟UI培训，了解更多UI配色技巧！
相关推荐：
