设计配色点点滴滴
--安阳师范学院互联网+应用技术学院UI设计方向讲师 乐卫国
区分颜色不难，打小就会，但要把颜色运用到UI设计里，却往往发现很难恰到好处地运用色彩，作出那些和谐得体、令人赏心悦目的设计来。作为设计初学者，我们刚开始对色彩的认识和实践不足，很容易会过度地使用色彩。所以，我们需要掌握基本的色彩理论，通过实践不断加深对色彩的认识，并最终能够熟练地运用各种色彩，搭配出平衡且使人愉悦的设计来。在设计的开始阶段，对色彩的运用，大家可能会感觉到有些困难，我的建议还是多看多观察，多看优秀的作品和多观察周围美的事物，从中你能分析出很多优秀的色彩搭配灵感，从而提升你我对色彩的认知。比如，你在设计背景颜色时，尽可能选择柔和或中性的色彩，因为我们需要引起用户关注的元素或按钮上使用色彩，这样弱化背景色，突出关注元素色，整体效果定然不错。
基色、间色、复色
配色，首先我们需要考虑主色调，然后再去考虑辅助颜色。对于主色调的选择，这个比较好选择，一般我们会拿出LOGO图标上的颜色，选择一个明亮，柔和的基色或间色作为开始，这样的选择往往是相对安全的，关键看你接下去如何使用它以及选择合适的色彩去搭配它。但要记得不要过度使用色彩，仅在需要引导用户进行操作的地方才使用色彩。
色相、饱和度、明度
当我们需要运用色彩时，首先理解色彩的相关特性非常重要。作为设计师，HSB色彩模型是最好的选择，因为色相，饱和度，明度是我们大脑对色彩理解方式，这些属性对于我们理解和运用色彩有实际的参数概念，更加有意义。许多人选择使用RGB色彩模型，很难说清一种颜色是由多少红，绿，蓝组成的，所以RGB色彩模型是不可取的。
单色
单色，是指通过对同一颜色，加上10-90%白色或黑色的透明度层后获得的一组颜色。由于他们的色相相同，而又能产生和谐的对比效果，因此单色的应用在设计中非常重要。我们可以通过调整黑色或白色层的透明度，可以得到不同的单色，让它们互相之间都能很好地调和。当大家对于颜色拾取器掌握得更加熟练后，可以通过不改变色相，而上下拖动调整明度和饱和度的方法来获取一个新的单色。
邻近色
邻近色，是指在色相环中相邻的色彩。很显然这样的配色方案不会产生高对比度。当你觉得自己的设计在色彩上太过单一时，可以使用邻近色来增加色彩上的变化，从而使你的设计更有层次和活力。比如红色是橙色的邻近色，而橙色又是×××的邻近色。将色相值增减 30-50，就能得到一个新的邻近色。
互补色
互补色，是指色相环中，相对的两个颜色，也就是互为180度角的两个颜色。互补色让人产生强烈地对比效果。例如，紫色按钮在×××背景上非常的突出。当然，这还取决于每一种颜色的饱和度。互补色经常用在需要突出显示的按钮、警告等地方，但使用不当也有可能使你的设计显得非常突兀，通过实践来理解是最好的，但要记住： 对立对比 。只要将色相值增加整个色相条宽度的一半，也就是色轮中相对的颜色，可以得到当前颜色对应的互补色。
中性色调
中性色调，是指由黑色、白色及由黑白调和的各种深浅不同的灰色系列，中性色不属于暖色调，也不属于冷色调，但它可以起到中和剂的作用。因为过多的使用色彩会使整个设计缺乏可用性，所以我们会用中性色来帮助把用户的注意力拉回到内容本身。但要注意，在使用中性色时，应尽可能避免使它与主色产生冲突，因此建议总是将中性色的饱和度设为接近0的值。
对比
通过有效地使用对比可以使你的内容更加清晰从而让阅读变得轻松。好的对比，一般会采用色彩的两极，如白与黑，淡蓝与深蓝，高亮与低亮。比如明暗对比，在一些情况下，你需要根据产品或可用性来权衡设计的明暗。比如iBook的应用中，当外界环境变得昏暗时，它会自动切换到暗色的阅读模式。再比如Apple Watch的应用，它完全使用了黑色的背景，与其边框能够很好的相衬。
明亮设计的配色原则
大家都知道，内容应该比背景明亮，这样就能一眼看清楚内容。我们可以通过亮度的对比，可以使你想突出的内容轮廓更加清晰易读，但不要过度使用颜色。因为颜色总是可以抓住人们的视线，但过度使用却会往往会人们忽视主体内容，因此，仅在需要进行突出提示的地方，如重要的按钮以及需要突出的状态时，使用颜色。要避免使用平均的白色，90%-100%的白色最为适中。
暗色设计的配色原则
不要使用纯黑，那样很难看到细节，另外与白色的对比会显得过高。如果你必须使用黑色，那么请选择使用暗灰作为替代，这样可以消除过高的对比度当使用蓝色时避免同时使用灰色。比如，深蓝与蓝色更相配。
颜色的含义
每个颜色都有含义 ，我们应该合理地使用红色，绿色，蓝色和中性色来分别表示不建议的操作，肯定的操作，链接以及未激活的状态。避免使你的用户在使用这些按钮或功能时感到疑惑。比如，不要使用绿色按钮来作删除操作。
使用图片中的色彩
只要你留心观察，你周围的一切都充满着色彩的灵感。当你看到一张美丽的图片，一件东西或一副数字作品时，作为设计师你第一个注意到的可能就是那美丽和谐的色彩。这时你可以拍一张照或做一个屏幕截图，然后将色彩提取出来。这样，你就可以通过这些提取出来的色彩，生成一个新的色板。
色彩指南
理解颜色的基本原理，它们之间的关系，以及如何选取颜色进行配色对于你做APP设计非常重要。我建议阅读下面关于色彩的指南，它除了解释基本色彩原理之外，还能帮你更深入地了解如何运用色彩。比如，Google推出的Material Design 色彩设计指南，还有Sketch色板，使你能够非常方便地保存或导入全局或文档色板，这些色板对大家进行IOS设计同样非常有帮助。
设计中的颜色配色是个重要的内容，我们只有通过大量的练习和学习，才能够摸清配色的套路，才能把颜色配色做到尽善尽美。
原文地址：https://blog.51cto.com/14224647/2358747