020-38038678

官方微信

官方微信
当前位置: 首页  >  新闻中心  >  干货集锦  > 
淘宝美工配色:红橙黄绿蓝紫6色而已
瀚霆咨询?2015-09-01

   有关淘宝美工配色的技巧,之前我们在谈到视觉营销干货时,已经给大家介绍了要如何去把握“色”度这个问题,而今天,我们主要是针对淘宝美工配色方案,选取其中常见的几种搭配方法分享给大家。
 
  作为课外的一次美工培训,以下的内容会比较偏于理论性。这里讲到的淘宝美工配色,主体只要掌握红橙黄绿蓝紫6色即可。
 
  一、学配色,必须先了解配色比例
 
  日本的设计师提出过一个配色黄金比例,是70:25:5,其中的70%为大面积使用的主色,25%为辅助色,5%为点缀色。一般情况下建议画面色彩不超过3种,3种是指的3种色相,比如深红和暗红可以视为一种色相。
 
  一般来说颜色用的越少越好,颜色越少画面越简洁,作品会显得更加成熟,颜色越少我们越容易控制画面。除非有特殊情况,比如一些节日类的海报等,要求画面有一种热闹,活力的氛围的,多些颜色可以画面显得很活跃,但是颜色越多越要严格按照配色比例来分配颜色,不然会使得画面非常混乱,难以控制。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  二、了解色?#23454;?#20851;系
 
  色彩搭配就是不同色相之间相互呼应相互调和的过程,色彩之间的关系取决于在色相环上的位置,色相和色相之间距离的角度越近,则对比越弱,离得越?#23545;?#23545;比越强烈。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  ?#35802;?#36825;六种色相之后,那你的配色之旅已经起步了,因为所有的颜色都可以根据这六种基础色相来调配。这就是六字真言。下面我们来说下3种最最常见的色彩配色方式。
 
  ①相邻色搭配
 
  在色轮中挨着比较近的就是邻近色,根据红橙黄绿蓝紫这六字顺序,相邻色搭配就是红+橙,橙+黄, 黄+绿,绿+蓝……以此类推。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  相邻色因为比较邻近,有很强的关联性,非常协调柔和,画面非常和谐统一,可以制造出一种柔和温馨的感觉,因为在色轮中位置较近所以这种搭配视觉冲击力较弱。举个例子:
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  这两张基本都是采用相邻色的搭配方式,第一张还加了一笔橙色起到点缀的作用,整体画面非常柔和协调,因此这类配色常用家居、棉织品、小清新淡雅的服装、中国风等能给人以宁静、柔和、传统感觉的产品。 
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  相近色搭配中还有一种单色系的搭配方式,采用同一色相,仅仅调整该色的明度/饱?#25237;齲?#24471;到另外一种颜色。如上图所示,文字颜色就是用背景色降低饱?#25237;?明度后的结果。本身背景色明度很高,又采用单色搭配手法所以会给人高雅,淡雅,宁静的感觉。主标题的字体也配合整个画面采用了一些变形,使得整体非常统一和谐。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  七夕这张?#35745;?#20351;用的蓝与紫搭配,画面宁静和谐。旁边这张?#35745;?#20351;用的单色搭配,深蓝+浅蓝,画面统一带有一点传统的感觉。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  这张海报用的红+橙的搭配方式,以橙色为主色调,背景中采用不同橙色增加了画面的空间感,并且让画面看起来不是那么的单调。海报中邓超惊讶的表情,以及背景倾斜的线条和几何方块的点缀,漂浮的产品使得原本稳定的画面变得活?#20204;?#24555;富有冲击力,可见海报做成什么格调也与画面每个组成部分都有密切的关系。
 
  ②间隔色搭配
 
  根据红橙黄绿蓝紫这六字顺序,红+黄 ,橙+绿 ,黄+蓝 ,绿+紫 , 蓝+红,因为这种搭配方式中间?#20960;?#20102;一个颜色,因?#39034;?#20026;间隔色。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  间隔色相比较相邻色,2色之间在色轮上相隔远一些,因此视觉冲击力会强于相邻色,而且间隔色使用非常广?#28023;让?#26377;180互补色冲击力那么具有刺激性,又比相邻色多了一些明快丶活泼丶对比鲜明的感觉。特别是红黄蓝三原色之间的相互搭配,应用非常广?#28023;?#20063;非常流?#23567;?#20030;个例子:
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  这张基本是很典型的蓝黄间隔色搭配,画面非常明快时尚,文?#21482;?#37319;用了白色作为调和。蓝色本身就具有一种科技的格调。这里?#32654;?#40644;白搭配再合适不过了。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  这张是典型的三原色红黄蓝组合,画面比例控制的非常好,以蓝色为点缀,也采用了白色作为调和缓冲,使得画面有一定的空间感。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  紫绿搭配,很明快,略带一丝传?#24120;?#31639;是一种中性的搭配方式。
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  红黄百搭色,有非常抢眼的促销感。
 
  大家可以看上方这几个?#35745;?#30340;背景都不是单一颜色,比如最后这张海报,红色背景上又加了一个深红色的放射性背景。第三张海报,紫色背景后面还加了一些深紫色的几何方块做点缀。虽然是两个颜色,但是都属于一种色相,这样可以使得画面摆?#35757;?#35843;的感觉,增加画面的空间感,给人以活泼时尚的感觉。
 
  配色一定要控制好画面的色?#26102;?#20363;!
 
  重点说下红蓝搭配:红蓝搭配应用非常广?#28023;?#22240;为这2个颜色是典型的冷暖结合的颜色,有很强的对比性,会给人留下很深刻的印象。比如百度的logo, 百事可乐的logo,公安局的警车,超人、蜘蛛侠的动漫形象,很多国?#19994;?#22269;旗?#21462;?#36825;2种色彩对比很容易让人产生视觉疲劳和心理亢进,所以不?#35270;?#23478;居等静物。由于红蓝搭配冲击过于强烈,因此最常见是采用白色作为调和色,最典型的就?#21069;?#20107;可乐的Logo。
  
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  再看几个例子:
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  这些海报基本都无一例外的在?#35745;?#20013;添加了白色作为调和,白色和黑色都是万能的调和色,红蓝搭配还要注意的是不能让色彩过于均衡,一定要控制好两色的比例,其中一个要为主色在画面中要占大比例,使之产生主次关系,或者降低其中一个颜色的明度/饱?#25237;齲?#20135;生一种明暗对?#21462;?br />  
  还需要说明一点的是:冷色在画面中总是趋于后退,暖色是趋近,暖色很容易就可以进入人的眼帘。这点就需要大家根据画面中重点信息的层级自己把握了。
 
  ③互补色搭配
 
  在色轮中相隔180的2个颜色互为补色,是色彩搭配中,对比最为强?#19994;?#39068;色,没有之一…根据红橙黄绿蓝紫这六字顺序,互补色就是中间间隔2个颜色,红+绿,橙+蓝,黄+紫…
 
  互补色搭配可以表现出一种力量,气势与活力,有非常强?#19994;?#35270;觉冲击力,而且也是非常现代时尚的搭配。若控制的不好往往产生不协调,不含蓄,不安定的效果。举个例子:
 
淘宝美工配色:红橙黄绿蓝紫6色而已
 
  互补色搭配要注意三个方面:①一定要控制好画面的色?#26102;?#20363;,因为2个颜色放?#40644;?#23545;抗非常激烈,所以一定要选出一个老大当主色调,另外一方作为点缀或者辅助色。②可以降低其中一方的明度/饱?#25237;齲?#36825;样可以产生一种明暗对比,缓冲其对抗性。③在画面中加入黑/白作为调和色进一步缓冲其对抗的特性。
 
  总结下本文配色方法:其实也就是记住6个字:红橙黄绿蓝紫,色相相隔越远对比越强烈,离得越近搭配越柔和。最后是控制好画面的色?#26102;?#20363;。是不是非常简单呢?记住这6个字可以搭配出万千种的颜色。
 
  关于颜色搭配方法有很多,这里只是列举最为常见的3种。关于配色的一些名词性的东西,大家没有必要去纠结,引用国内最早的网页视觉设计专家梁景红老师的一句话,配色是应用学科,没必要?#32654;?#35770;成为学习的负担。
 

文/网络,网盈电商学院Sarah整理

上?#40644;?a href='/aspcms/news/2015-09-01/9592.html'>客户买你家产品的理由 抓住这5点 ?下?#40644;?a href='/aspcms/news/2015-09-02/9600.html'>阿里妈妈【手淘流量包】对直通车钻展有什么用
评论

广州海珠水晶宫项目
海南七星彩打法技巧 赛车pk10下载 单机捕鱼破解版 吉林时时票号码 新时时倍投计划 麻将捡对子怎么摆放 上海时时预测软件下载 美女捕鱼游戏攻略 安徽时时直播结果查询 怎么查看自己app账号和密码 国产观看视频在线路线 老11选5走势图怎么看 群英会20选5绝密算法 排三地开奖结果 老时时定胆杀号万位 最新时时技巧大全