由@喪心病狂十六夜貓 编译自国外设计博客 Smashing Magazine

如何只决定一个颜色，就能轻松的决定最适合网站的整体配色？下面便将这个方法介绍给大家。这一次，究竟会出现什么样的配色技巧，不妨一起来尝试一下。令人惊奇的简单，在短时间内，您可以创建和您的项目相匹配的美丽的配色方案。

目录

1、决定基色。

2、决定强调色

3、决定深色

4、让我们应用配色方案。

5、配色方案的总结。

01. 首先决定基色

首先，来决定网站的基色吧！虽然说你可以使用任何你喜欢的颜色，但为了让别人理解你的设计意图和理念，尽量还是需要注意以下几点。

善于使用手边的资料

客户端的标志上常用的颜色，往往是成功的。

避免使用竞争对手的颜色

品牌颜色的差异性是非常重要的。

了解你的用户层所喜欢的颜色

不管面对的是怎样的用户，你都要知道他们适合什么样的颜色。

不要使用千篇一律的颜色

少女向的设计并不意味着就是粉红色，要将你的创意展现出来。

决定一个关键字

为了展现出品牌和项目的氛围、将关键字涂上颜色，在配色遇到困难时是非常便利的方法。

为你的作品设计一个良好的配色方案，参考别人的优秀的设计是非常有必要的！通过在下列网站上点击【color】按钮，你可以根据你的直觉来选择一个颜色。

Dribbble

Designspiration

选择喜欢的颜色之后点击Update、与之相关联的就以设计列表的形式表现出来了。这个时候你再来创建一个配色版，再选取颜色时我想应该会更加顺利。

在 Designspiration 这可以选择五种颜色相互组合、在形象更相符的作品中选择合适的配色作为参考。举个例子，在这里选择淡蓝色和粉红色。

点击Search按钮、与之相关联的作品就显示出来了。

在调色板中选择颜色作为参考时、调色板的上段显示的作品是最新的，设计思维最活跃的作品。而下面的，则是更值得信赖的，给企业的配色作为参考的作品。

如果你找到了喜欢的作品、可以用Chrome的拓展程序将颜色抽出、你也可以也可以用Photoshop直接将颜色选取出来（在吸管工具的状态下，先按住鼠标左键，然后按住键盘上的Option键，就可以将【如果是Windows请按ALT键CS5以上版本可以使用】将鼠标拖动到屏幕外面选取颜色了。）