超多案例！写给新手设计师的配色攻略（二）

在上期章我们知道了配色的步骤通是从确定色开始，再择与之搭配的副色，最后根据、版等方面调整增多个点缀色。我们也知道了确主色调的四种方法，本将继续讲解如何选择副色点缀色。

如果说色相对容易建立，那么副色和点缀色的创建就较有难了，难在设计师要对色彩语言有深入的了解，同时要有深厚的色彩搭配能力。

副色在强调和突色的同时，必须符合设计需要传达的格，在成传达信息的同时又使得整个画面更饱满。如果想画面显得更丰富、热闹，可添点缀色，点缀色可版面并为画面增添丰富的效果。

期给大家推荐选择副和点缀的三种用方法：运用相、使用配色网站、借鉴优秀作。

运用色相环

色彩搭配只是需要设计师具备一定的色感，需要设计师解色彩之间的系，合有效地它们达到和谐平衡系。色相环是我们认识颜色系的重要工具。

12 相由 12 种基的颜组成。首先包含的是三原，即蓝、黄、红。原混合产生二次，用二次混合，产生三次。

我们选取其中某一种相做为基准相，通相以很容易到基准和其他种相之间的关系，相离得越近搭越柔和，相隔越远对比越强烈。

橙与红相距离近，对比比柔和，橙的产品在红背上显得协统一；绿与红相相隔远，对比强烈，绿的产品在红背上显得比突出。

色彩之间的搭配大体上可以为种：对比柔和的配色，对比烈的配色。

在主色调选取曾说过大自然颜色是穷尽，新手设计师需记住六基础色相即可。比如本示范选取蓝色为基准色，过色相环可以知与最接近颜色为紫色和绿色，比比较柔和。与距离较远是红色和黄色，比比较强烈。橙色是距离蓝色最远颜色，所以比最强烈。了解这些关系后，配色实践变简单多了。

对比柔的配色：单色搭配、相似色搭配。

1. 单色搭配

同一色相行纯度、明度变化，搭配并形颜色的层次，但形了明暗的变化，单色搭配可以产低对比度的谐感，给人协调统一的感觉。

采用单色对比，需通过纯度明度的变化拉画面层次。

2. 相似色搭配

色相具较强的相似色因素，但也存度的对比，既对比又协调统一的色彩基调。这也新手设中常用不易出错的一种配色方式。

蓝色色、绿色距离近的颜色，既相似色因素，又存度的对比，视觉效果比较柔。

对柔和的配色特点：

• 优点：对比比较柔、易把控；
• 缺点：冲击性弱，得当会单调、缺视觉层次感。需要通过纯和明的变拉开画面层次，避免产生单调、呆的感觉。

对比强烈的配色：对比色搭配、互补色搭配。

3. 对比色搭配

对比色的对比指色相环中相距 120° 左右的色彩所产的对比。对比色对比由于色彩差异比较通常产的视觉效果强烈鲜明。

蓝色黄色、色属于对比色，具强烈的对比，视觉效果丰富、富动感。

4. 互补色搭配

色轮直线相对的两种颜色，对比强的搭配，因此视觉会产极的隔离作用，它们组合一起，会产相互衬托、相互抗衡、相互排斥的感觉，并使各自的色相显突出，艳丽，具强烈的视觉冲击力。

蓝色橙色互补色，对比性强烈，高亮的橙色可以很好的缓解深蓝色的沉闷，增加画面的愉悦气氛。

对强烈的配色特点：

• 优点：视觉冲击力强，层次丰富、富跳跃性；
• 缺点：容易产生协调、杂乱刺眼的感觉，较难把控。

控制好画面的色彩比例，选出一方作主色调，另一方作辅色或者点缀色；可以降低明度、饱度，调其对抗性；黑白灰万能的调色，可以画面加入黑白灰缓冲其强烈的对抗性。

使用配色网站

目的配色网站可以用辅配色，对于配色基础薄弱的新人会很的帮。这里给家推荐的 Adobe 公司出品的一款极高效的线配色具：Adobe Color。我们可以使用其「色轮」、「从图撷取」 、「探索」、「趋势」四核功能辅配色。（网址：color.adobe.com）

1. 从「色轮」创建颜色

可以选择一基础颜色利用七种不同的调色规则创建颜色主题。设置了基础颜色之后，另外四关联颜色会自动。然后使用色盘、亮度以及不同颜色模式的滑块建立颜色。

调色规则 7 种模式从到下分别：类比、单色、三元群、补色、复合、浓度、自。

接来使 Adobe Color 进行配色示范。

选择橙为基础颜，自动生成四个关联颜，把生成的颜置到设计的画面中：

2. 从图片创建颜色

可从本地上传图片，择规则后，会自从图片中取颜色。调色规则有彩色、亮色、柔和、深色、暗色、自定。

比我们上传一摄影图，选择规则「彩」，把获得的种颜运用到我们的设计中，就以做出新的方案：

3. 从「探索」创建颜色

从「探索」菜单中可得到来自于全球各地设计师的配色方案，还可在此之上进行进一步编辑，或者将该配色载、保存到「我的题」。

4. 从「趋势」创建颜色

此功能从 Behance  Adobe Stock 的创意社群，获得以下几类别的色彩趋势：

• 时尚：透过流时装探索色；
• 图形设：Behance 平面设作品的色彩趋势；
• 插图：从 Behance 插图收藏馆方案中撷取的调色盘；
• 建筑：从室内设计到未来市风貌，一应俱；
• 游戏计：探索 Behance 游戏计的最新色彩趋势；
• 荒野：运用自然界动态调色盘寻找色灵感；
• 风：透过食摄影中的新趋势，探索丰富的色彩;
• 旅行：透过旅游图像中收集的调色盘。

可以看到利用 Adobe color 可以很轻松地做出多个设计案，是配色是复杂思考、反复调过程，配色案是设计师个参考，更需要根据具体版进调。虽然过配色工具可以获大量配色案，并不是组配色案都适合我们设计，最终是要根据客户需求、受众喜好、品特去考虑。

借鉴优秀作品

初学者学习计都是从模仿开始的，模仿优秀的版式，模仿优秀的字体计等，当然还包括模仿优秀的配色，这是新最简、最有效的配色方法。

通过多多析优秀作品中的配色，可以提高的色彩敏度，并训练调色以及析作品的能力，这是快速提升配色水的有效方法。

1. 配色示范

的案例偏年轻尚潮流风格，可以相应的寻找类似风格的作品来进行借鉴：

要注并不是任何优秀作品的颜色都适你的计，只是照搬颜色并不能保证做出好的计。计之前要对计作品所要传达的内容进行仔细的思考和析，然后观察作品中的色相、色调、度、气质、氛围等等是否适的计，更要加入主动性创作。

总结

配色常常从确定主色开始，根据作品主题和视觉诉求的需要，选择一种居于支配的色彩作为主调色彩，构成画面的整体色彩倾向。然后选择色，添加点缀色，按照色彩组的则，颜色淡可加入适当对比色来使页面产生变化；颜色凌乱可以适当加入同类色、类似色或者黑灰进行调和。

本文章大家提出了四确定主色调和三选择副色、缀色法，希望于新手设计师有所帮助。然这些配色法是众多配色法沧海粟，如想成为优秀设计师需要进步深入地去学习色理论知识，多看优秀配色作品提升审美，最后是要多实践和多思考，才能成为合格「色」计师。

欢迎关注作者的微信公众：「海拾Design」