淘宝banner设计必须掌握的配色规律

Banner设计是电商营销设计里面的一项重要工作，可以作为网站页面的横幅广告，好的banner需要足够的吸引力和创作力。因此，一个网站的成功往往需要一个成熟的Banner设计师，其具备良好的创作思维和活动经验.以下就是赢在威客网小编为您推荐的淘宝banner设计必须掌握的配色规律。

一、配色比例


学配色，先了解配色比例，日本设计师提出过一个配色黄金比例：70:25:5，其中70%为大面积使用的主色，25%25为辅助色，5%为点缀色。一般情况下建议画面色彩不超过3种，3种是指3种色相，比如说深红和暗红可以视为一种色相。

一般来说颜色用得越少越好，颜色越少画面越简洁，作品就会显得更加成熟。颜色越少我们越容易控制画面，除非特殊情况，比如一些节日类海报等，要求画面有一种热闹、活力的氛围，多些颜色可以让画面显得很活跃，但是颜色越多越要严格按照配色比例来分配颜色，不然会使得画面非常混乱，难以控制。

二、色彩的关系


色彩搭配就是不同色相之间相互呼应、相互调和的一个过程，色彩之间的关系取决于色相环上的位置，色相和色相之间距离的角度越近，则对比越弱，离得越远则对比越强烈。

最基本的六种色相，所有的颜色都可以根据这六种基础色相来调配。

三、以下是3种最常见的色彩配色方式：

相邻色搭配

在色相环中挨着比较近的就是邻近色，根据红橙黄绿蓝紫这六字顺序，相邻色搭配就是红+橙、橙+黄、黄+绿、绿+蓝。。。。。以此类推。

相邻色在12色相环中90°的位置以内

相邻色因为比较邻近，有很强的关联性，非常协调柔和，画面非常和谐统一，可以制造出一种柔和温馨的感觉，这种搭配视觉冲击力较弱。

相邻色搭配中还有一种单色系的搭配方式，采用同一色相，仅仅调整该色的明度/饱和度，得到另外一种颜色。

间隔色搭配

根据红橙黄绿蓝紫这六字顺序，红+黄、橙+绿、黄+蓝、绿+紫、蓝+红，因为这种搭配方式中间隔了一个颜色，因此成为间隔色。

间隔色在12色相环中的位置相距120°

间隔色与相邻色比较，两色之间在色相环上相隔远一些，因此视觉冲击力会强于相邻色，而且间隔色使用非常广泛，既没有180°互补色冲击力那么具有刺激性，又比相邻色多了一些明快活泼、对比的感觉。特别是红黄蓝三原色之间的相互搭配应用非常广泛也非常流行。

重点说下红蓝搭配

红蓝搭配应用非常广泛，因为这两种颜色是典型的冷暖结合的颜色，有很强的对比性，会给人留下很深刻的印象。比如百度logo、百事可乐的logo、公安局的警车、超人、蜘蛛侠的动漫形象，很多国家的国旗等。这两种色彩对比很容易让人视觉疲劳和心理亢进，所以1不适合用家居等静物。由于红蓝搭配国语强烈，常用白色作为调和色，最典型的就是百事可乐logo.

互补色搭配

在色相环中相隔180°的两个颜色互为补色，是色彩搭配中对比最为强烈的颜色，互补色有：红+绿、橙+蓝、黄+紫。

互为补色在色相环中的位置相隔180°

互为补色搭配可以表现出一种力量，气势与活力，有非常强烈的视觉冲击力，而且也是非常现代时尚的搭配。

互补色搭配要注意三个方面：

①一定要控制好画面的色彩比例，因为这两个颜色放在一起对抗非常强烈，所以一定要选出一个老大当主色调，另外一方作为点缀或者辅助色；

②也可以降低其中一方的明度/饱和度，这样可以产生一种明暗对比，缓冲其对抗性；

③或者再画面中加入黑/白作为调和色进一步缓冲其对抗性的特点。

最后，记住色彩搭配方法的基本规律：红橙黄绿蓝紫，色相相隔越远对比越强烈，离得越近搭配越柔和，实际应用时控制好画面的色彩比例。