我要投稿
当前位置:首页 > 经验分享 > 淘宝banner设计必须掌握的配色规律
淘宝banner设计必须掌握的配色规律
2018-6-7 11:28:00   作者:多吃苦是为了,无悔!   人气:0次  评论(0)
所属标签: 设计经验 

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

  

  一、配色比例

  

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

  

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

  banner设计

  二、色彩的关系

  

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

  

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

  

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

  

  相邻色搭配

  

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

  

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

  

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

  

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

  

  间隔色搭配

  

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

  

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

  

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

  

  重点说下红蓝搭配

  

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

  

  互补色搭配

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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