淘宝店铺设计之色彩篇

[复制链接]
查看1068 | 回复6 | 2014-12-11 19:08:38 | 显示全部楼层 |阅读模式
   一个店铺要做好装修工作,文字的描述和色彩的搭配十分重要。色彩是美工需要解决的第一要件,在配色方法上莫过于六种“红橙黄绿蓝紫”。色相相隔越远对比越强烈,相反,越接近搭配越柔和,最后得控制好画面的色彩比例。那么,店铺美工在色彩搭配上如何巧妙设计?淘宝资源吧 虚拟货源给大家说说3种最常见的色彩配色方式。

  (一)了解配色比例
  一般情况下,我们在装修店铺时,画面的建议色彩不超过3种,即3种色相,如深红和暗红可以视为一种色相。颜色越少画面越简洁,简洁的画面给人一种专业和成熟感。相反,颜色太多太杂,会给人一种反感。除非是一些节日类的海报,要求画面有一种热闹和活力的氛围。
         20141211095538_730.jpg

          (二)了解色彩关系
  色彩之间的关系取决于色相环上的位置,色相和色相之间距离的角度越近,则对比越弱,相反,离得越远对比度越强烈。
         20141211095556_125.jpg
          下面,小编给大家说说3种最常见的色彩配色方式。

  1)相邻色搭配
  
  在色轮中挨得较近的是邻近色,根据“红橙黄绿蓝紫”六字顺序,相邻色搭配就是红+橙,橙+黄, 黄+绿,绿+蓝……以此类推。由于相邻色的接近性,画面形成有很强的关联性,,柔和统一,给人一种温馨柔和的感觉。如下例子:
         20141211095612_840.jpg
          以上两张图片基本是采用相邻色的搭配方式,第一张用了一笔橙色起到点缀的作用,整体画面柔和协调,因此这类配色常用家居,棉织品,小清新淡雅的服装,中国风等,以给人一种宁静,柔和的感觉。
         20141211095631_734.jpg
          相近色搭配中还有一种单色系的搭配方式。如上图所示,文字颜色用背景色降低饱和度/明度后的结果。背景色明度很高,采用单色搭配手法给人高雅的感觉。主标题字体配合整个画面采用一些变形,使画面整体统一和谐。
         20141211095651_584.jpg  
          又如以上促销海报,采用红+橙的搭配方式,以橙色为主色调,背景采用不同的橙色增加了画面的空间感,并且让画面显得没那么单调。海报中邓超惊讶的表情及背景倾斜的线条和几何方块的点缀,漂浮的产品使得原本稳定的画面变得活泼轻快富有冲击力。

  2)间隔色搭配
  
  根据“红橙黄绿蓝紫”六字顺序,红+黄 ,橙+绿 ,黄+蓝 ,绿+紫 ,蓝+红,这种搭配方式中间都隔了一个颜色,因此称为间隔色。
         20141211095711_642.jpg
          间隔色的视觉冲击力会强于相邻色,而且间隔色使用也很广泛,既没有180互补色冲击力那么具有刺激性,又比相邻色多了一些明快、活泼、对比鲜明的感觉。如下例子:
         20141211095748_172.jpg
          这张蓝黄间隔色搭配的海报,画面明快时尚,文字还采用了白色作为调和。蓝色本来就是具有一种科技的格调。使用蓝黄白搭配就适合不过了。
         20141211095808_50.jpg
          以上这张是典型的三原色红黄蓝组合海报图,画面比例控制得很好,以蓝色为点缀,也采用了白色作为调和缓冲,使得画面具有强烈的空间感。
         20141211095825_469.jpg
          20141211095841_705.jpg
          红黄百搭色,具有很抢眼的促销感。以上几个图片的背景都不是单一的颜色,如最后这张海报,红色背景上又加了一个深红色的放射性背景。第三张海报,紫色背景后面还加了一些深紫色的几何方块做点缀。这两个颜色属于一种色相,使得画面摆脱单调的感觉,增加画面的空间感,给人以活泼时尚的感觉。

  3)互补色搭配 
 
  在色轮中相隔180的2个颜色互为补色,它是色彩搭配中,对比最为强烈的颜色。互补色就是中间间隔2个颜色,红+绿,橙+蓝,黄+紫…
         20141211095858_122.jpg
          举例:
         20141211095917_758.jpg
          互补色搭配要注意三个方面:①要控制好画面的色彩比例。②降低其中一方的明度/饱和度,以产生一种明暗对比,缓冲其对抗性。③在画面中加入黑/白作为调和色进一步缓冲其对抗的特性。


回复

使用道具 举报

黑色玄风 | 2014-12-11 20:58:54 | 显示全部楼层
为保住菊花,这个一定得回复!
回复

使用道具 举报

zzmx | 2015-9-28 01:07:00 | 显示全部楼层
我抢、我抢、我抢沙发~
回复

使用道具 举报

benwei111 | 2015-10-6 02:37:45 | 显示全部楼层
路过,支持一下啦
回复

使用道具 举报

blackchong | 2015-10-12 01:56:23 | 显示全部楼层
帮你顶下哈!!
回复

使用道具 举报