超实用！写给零基础新手的配色指南(4)

虽然使用了多种色彩，但是由于控制好了色调的波动，使画面的色彩依旧在一个相对和谐的区域内。

△ 明亮色调调和

四、“知道了理论方法，关于实践这件事”

这一个章节，我讲讲述一些我自己平时使用的配色方法和工具。希望能对读者您的日常工作提供一些简单的帮助。

1. Adobe color CC

它的原名更为著名，也就是Kuler ，不知道什么时候开始改了名字，不过功能没有发生太大的变化。这是一个由设计师分享配色方案的一个平台，已经保存了成千上万的预制配色方案。在photoshop上自带了一个插件，你可以直接调用上面的色彩方案，并且非常方便的应用到你的设计稿中去。

2. ColorHexa

我经常使用这个网站用于，我只确定了一个主色的情况下，它能帮助我扩展这个色彩，搭配出数种方案，甚至还有色盲修正方案。如果你只能确定一个必须使用的颜色，选择这个工具或许能获得一些灵感。

3. Color Scheme Designer

这是一个在线的配色工具，相比于Adobe color ，它拥有详细的色彩修改方法，和简单的颜色演示工具。国内有个旧版本的汉化版，不过还是建议去官网使用最新的。

4. 有趣的日本传统色

这个网站专门列举了 250 种日本传统色，且拥有了不错的动画过度效果。如果你对日式的色彩感兴趣，这里或许能得道一些灵感。

五、城里面的配色套路

懂得那么多道理，依然配不好颜色(捂脸)。如果你实在是对配色苦手，没办法得心应手的获取想到的色彩，那么或许，是时候借助一下巧妙的办法了。

1. 从写真中获取色彩

你总能看到一些非常美丽的图片，当然你的手机里或许也有一些，那么何不从中吸取一些颜色用到你的设计中去呢?色彩收集是一个伟大的灵感源泉，你可以快速在通过自己的素材库或者互联网渠道，去寻找你想要的色彩，提高你的设计效率。

2. 手动保存的颜色(渐变色)

如果你实在没办法从色环中提取出你想要的颜色，那么在日常的阅图过程中，收集优秀的配色方案，吸取并保存这也是一个很讨巧的方法。如果你每天都能保存 2 份色彩方案，或者仅仅是两个渐变色，一个月后，你就能导出一份《我最喜欢的渐变色选集》

3. 正确的颜色设计步骤

一个正确的设计步骤必须从开始的时候就选择正确的道路，为了避免“页面做完之后总觉得哪里不对”的情况出现，我们需要在每一个步骤都提前为设计做好准备。

设计开始时的问题：

• 你要制作的是一个什么样的内容?
• 你想要传达什么样的情感?
• 颜色在这个内容中的作用和定位。
• 你设计的对象是谁，或者说，你为谁设计?

这将很大程度的帮助你去选择一个合适的设计，颜色设计有时很难确定这个就是正确的颜色，或者你调出来的这个颜色就是最合适的，所以这时候你就的在产品目标，用户群图，使用场景等等做出筛选分析。从而确定颜色选择。

设计进行时的方法

• 我们通常把一个作品(这里指移动端或者web端页面设计，当然插画其实也是适用的)的颜色拆分为几个部分分别进行色彩的选择。背景色、主色调、辅助色、高亮色(提醒色)
• 在正确的地方使用正确的颜色，想必在这个时候，你应该有了一个大致的颜色方案，那么注意不要犯一些常见的错误。比如在正确与错误的选项上使用了错误的色彩，就像是在通行过道上使用了红色背景的指示牌。

结语：

（编辑：ASP站长网）