当前位置: 首页 装修巧妙 正文

教你如何快速打造一张淘宝海报?

ibu8-辛苦的搬运工 |
1094

  制作海报之前,首先要先确认三方面素材——文案、产品图、海报尺寸。设计过程中,则主要确定以下两方面内容——排版构图和海报配色。今天,本文将针对这两方面进行解读。

一、海报的排版构图
一张电商海报基本由三部分组成,产品、背景、文案。确定好构图版式,设计就成功了一半。常见的版式有三种,左文右图、左图右文、两边图中间文。
下面通过6个案例给大家一一说明。

  这张海报是左文右图式。海报的左边文案排版非常典型,字体上粗下细,上大下小,上下主次分明,形成对比。文案四四方方架构非常稳重,非常平衡。

  这张海报属于左图右文,也是很典型的,是淘宝官方引导的那种典型排版。字体也是上粗下细,上大下小。下面的价格打折部分排版很稳重、结实。

  这张海报是两边图中间文字的排版,常见于多模特海报中,一般是一边近景另外一边是远景,产生对比和呼应。

  放这张海报我想表达的是,背景是风景的情况下,文字直接打上去会显得太乱。可以直接画一个半透明的框框,如图所示。然后在里面排文案。模特也是一边远景,另一边近景。

  放这张海报我想表达的是,背景是风景的情况下,文字直接打上去会显得太乱。可以直接画一个半透明的框框,如图所示。然后在里面排文案。模特也是一边远景,另一边近景。

  斜切式构图会让画面显得时尚,动感活跃,但是画面平衡感不是很好控制。一般斜切式的文案倾斜角度最好不要大于30,不然得歪着头阅读。另外根据阅读习惯,文字一般是往右上方的倾斜,文字这样有一种上升感。
总结
在海报设计过程中,版式的平衡感极为重要,同时还要处理好不同物体之间的对比关系。比如文案字体的大小对比、粗细对比、模特的远近对比等。这就好比我们画素描静物时,静物的摆放也是前后层次分明,有主物体,有陪衬的对比分明。至于文案,则要说清这个宝贝的属性、给消费者带来的益处等,这里不多说了。

二、配色
刚开始做美工时遇到的另外一个难题就是配色了。关于配色的技巧很多,常见的有对比色、临近色、冷暖色调搭配等多种方式。我这里说一个最简单的方法。也是一种最快的方法——直接从产品图中取色。
例子一:

  如果我们已经有了产品图,就可以根据模特颜色来确立背景色和文案颜色。模特都是黄色衣服,推出背景颜色直接用黄色,但是要与产品图区别开。其次,模特头发颜色是深棕色,身上裤子和衬衫还有白色成分,所以主标题可以采用棕色,包邮的标签里用白色文字。主体模特、背景和文案三者的颜色相互呼应,你中有我,我中有你。最后说一点,白色是万能搭配色。如果没有合适的就用白色/灰色吧!
例子二:

  这个例子中有3个模特,其中2个是属于灰色系(浅灰和深灰),因此背景采用浅灰色,文案的颜色直接采用模特身上的深灰色,部分文案用粉色作为点缀色。这类图的颜色搭配就是一种相互呼应相互对比的关系。
这时候大家会不会想到八卦图?阴中有阳,阳中有阴,白中有黑,黑中有白,相互对比丶呼应丶无形中有一种平衡感。
至于配色比例,日本设计师曾经针对色彩的配色提出70:25:5的配色比例方式 ,其中的底色为大面积使用的底色,而主色与强调色则是可以利用互补色的特性,来将主色以及强调色皆衬托出来。

  大家可以看上面2个例子,模特和背景都是一个色系,属于底色。文案的部分属于主色,剩下的5%的点缀色(强调色)。我介绍的从图片素材中取色的方法,有利有弊,利就是简单大方,平衡和谐,但弊端就是模特身上的颜色可能非常有限。此外,关于配色的知识非常多,这里就不一一赘述,以后有机会再与大家分享。没有思路时可以去找一些配色色谱网站,也可以利用一些小工具如kuler 等。
下面实战演练——

声明:原创文章请勿转载,如需转载请注明出处!

请到 外观=》小工具 页面设置该模块调用内容。