查看: 2856|回复: 0
收起左侧

如何快速打造淘宝海报,只需记住2点!

[复制链接]

该用户从未签到

485

主题

0

回帖

3225

积分

设计师

积分
3225
发表于 2016-10-23 10:13 来自手机 | 显示全部楼层 |阅读模式

马上注册,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×

做海报一般先问客户要下面3样

文案、产品图、海报尺寸


有这三样东西之后就开始准备设计,在设计过程中最主要就是确定以下2个方面:
1:排版构图(文案+产品)
2:海报配色(背景+文案 与产品色的协调)本文主要针对这2个方面进行解读。


海报的排版构图
一张电商海报基本有3部分组成,产品、背景、文案。确定好了构图版式,也就成功了一半。常见的版式有3种,左文右图、左图右文、两边图中间文。



下面通过6个案例给大家一一说明。

fab200ec52cfdcf9d3be809514748476.jpg

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



dcac3b21eacdb98affab9da22422f4d5.jpg

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



de015fe6c92fadff403fefc383f46d0a.jpg

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


9c0dda7da5e4185042fac1cc19e31312.jpg

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



7139a8df0ed3251ee1eb05bc4835a210.jpg

当海报上要放置过多的促销产品,可以采用这种版式。中间是一个半透明的框输入文案。


d9f1902af0f85a3c6fd1dea8dec04fac.jpg

斜切式构图会让画面显得时尚,动感活跃。但是画面平衡感不是很好控制。一般斜切式的文案倾斜角度最好不要大于30,不然得歪着头阅读。另外根据阅读习惯,文字一般是往右上方的倾斜,文字这样有一种上升感。



总结
在海报设计过程中版式的平衡感极为重要,同时还要处理好不同物体之间的对比关系。比如文案字体的大小对比、粗细对比、模特的远近对比。好比我们画素描静物的时候,静物的摆放也是前后层次分明,有主物体,有陪衬的对比分明。



开始做美工没有思路怎么办?最开始就和学素描一个道理,先在网上找好的案例,临摹,再临摹…


关于文案
文案中要说清宝贝的属性,给消费者带来的益处等,大家可以百度FAB法则看下。


关于配色
刚开始做美工遇到另外一个难题就是配色了,关于配色的技巧有很多,常见的有对比色丶临近色冷暖色调搭配多种方式…这里说一个最简单的方法。也是一种最快的方法!


下面这个方法就是从产品图中取色。

例子一
80a6a7f046b8d8bbdca32155fd341239.jpg

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



例子二
32583c2f2578f402e4f75a9bea648de8.jpg

这个例子有3个模特,其中2个模特都是属于灰色系(浅灰和深灰)因此背景采用浅灰色,文案的颜色直接采用模特身上的深灰色,部分文案用粉色作为点缀色。这类图的颜色搭配就是一种相互呼应相互对比的关系。



d5bd3bb361863c3f7541fa8abb60796f.jpg

大家会不会联想到上面这张图,阴中有阳,阳中有阴,白中有黑,黑中有白,相互对比、呼应、无形中有一种平衡感。



配色比例
日本设计师曾经针对色彩的配色提出比例原则 70、25与5 的配色比例方式 ,其中的底色为大面积使用的底色,而主色与强调色则是可以利用互补色的特性,来将主色以及强调色皆衬托出来。
4750205e97e929b4887a6b5f76705a27.jpg

大家可以根据这个来看上面2个例子,模特和背景都是一个色系,属于底色。文案的部分属于主色,剩下5%的点缀色。文章介绍从图片素材中取色的方法,有利有弊,弊端就是模特身上的颜色有限。没有思路时可以去百度找一些配色色谱网站,也可以利用一些小工具如kuler等。



下面实战演练


29e0042920c163e724b9e0cf12d1918a.jpg

e0986a37c32261c31da37bb38c756091.jpg

499c01eeb91b913a72e642e7d4f2d0b6.jpg





回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

客服QQ热线
86630823 周一至周日:09:00 - 21:00
公司地址:广州市黄埔区开萝大道2号9楼928室

电商巴士想是一个融创意、设计、技术开发、服务为核心的互联网公司,专注于网店和实体门店的运营策划与技术开发,赋能门店精准营销,提高门店运营效率。

Powered by Discuz! X3.5 © 2012-2024 Discuz Team.

Archiver|手机版|小黑屋|电商巴士 ( 粤ICP备15116670号 )  

GMT+8, 2024-12-23 18:44 , Processed in 0.089947 second(s), 27 queries .

快速回复 返回顶部 返回列表