平面设计快速制作配色表，UI/VI/PPT/宣传册都适用，内含配色表附件

配色是平面设计一个重要的因素。PPT、宣传单页、网页设计、AppUI、企业VI、包装设计等等，都强烈依赖一套成熟、稳定的配色表。

这里我们跳过讲配色的文章都会写的-基础三原色的原理，直接来分享一个我常用的快速确定配色的方法，从此放心大胆去做配色吧！

读完这篇文章，你将会得到：

·一套实用的PSD配色表

·快速确定主色调的方法

·2个好用的配色技巧

·标题色高级不单调的关键

首先，为你的项目确定主色调

A，为成熟品牌做的平面：

不用太操心，品牌VI大多数已经设定好配色方案及主色调，也不允许改变。直接使用即可；

B，单独的平面作品：

参照下面这个彩虹表选择色相，并整理3-5个同一色相的案例来说服需求方；

再在选好的色相里挑选一个合适的明度和饱和度；

【把颜色这么简单粗暴地分类不可取

【不过这样具有理论和众多案例支撑的表格，能快速说服需求方

【勤劳的设计师不会陷入彩虹释义条无法自拔

【越来越小声…

C，个人独立作品：

个人独立作品确定主色调的过程最简单，只要设定一个自己有好感的颜色即可；

同时也是最难的。这个时候设计师既是甲方又是乙方，脑内不断循环上演争论厮杀，最终说服两个自己才能决定下来。

这里我们就设定如下亮黄，作为本次案例的主色调：

第二，拿出配色表格，设定辅助色调

设定配色表是一个复杂的工作，需要纵观全局，预估到多数场景，同时不限定部分特殊页面的配色和样式。很多初级设计师会因为无法确定到底需要多少种颜色，以及如何分配不同颜色的占比，而在这一步止步不前。

不过现在不要担心啦，这是就是我今天分享的关键：

--根据经历过的众多项目经验整理出来的配色表！！！

这个表格能满足大部分平面设计需求，分享给大家（PSD文件在右下角附件）：

先填上第一步确定好的主色调，

再设置2-3种辅助色调，特殊调整强调色。

 第一个配色小技巧：

辅助色调1——与主色调相同色相，调整明度及纯度，进行设置;

辅助色调2——在色轮上主色调的对面进行设置，明度与主色调相似;

强调色——主要用于消息、事件提醒，可在红色周围进行选择，注意不要选择纯度为100%的颜色，太过于鲜艳反而容易让情绪变得焦躁。

再根据具体情况进行调整:

  第二个配色小技巧：

找到一张颜色与主色调一致的美图：

将其像素化-马赛克到这种程度：

再选几个颜色吸到配色盘上，稍微调整一下，ok~

第三，设定标题色

纯黑的标题色会略微显得闷，进行以下的操作，能有意想不到的效果：

色相选在主色调色轮的对面，饱和度降低至2-9%之间，亮度20%左右。这样的颜色既深，又有其色相特征，还能平衡一下主色调带来的色彩情感，是标题色高级的关键。

副标题及辅助色在此基础上进行透明度调整，透明度数值具体情况具体处理。

色表到这里基本上就够用了。

不过(作为严谨的设计师)我还会带一条平时收集的好用的颜色，用于特殊按钮或者小图标点缀。当某一些页面有更多颜色需求时，就可以直接吸取，稍微调整一下就能用。

第四，增加点缀色，色表完成

======

本期总结就到这里啦，我已经在好几个不同主色调的项目中进行应用，还挺够用的。希望能对你有帮助。

下期总结UI中常见的几种图标类型，有缘再会~~

---

下载文档在右下角，解压后你会得到两张png格式的图片和一张PSD格式的图片。

---

感谢~

Neya Design

saberw@126.com