浅谈新手设计师如何快速的设计淘宝海报

2016-02-16 21:44 20 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享浅谈新手设计师如何快速的设计淘宝海报吧。

【 tulaoshi.com - 平面设计 】

主要想通过这文章把自己经验总结一下,也对刚入门的美工们打开一个思路。主要对新手写的欢迎高手来指导,回想自己刚入门的时候,面对PS空白的画板真是不该从何做起,毫无思绪。如果有相同经历的你,这篇文章或许有些帮助。

大家关注微信公众号超级美工,会定期推送淘宝美工设计教程

一张海报一般首先要问客户也就是我们的上帝要下面3个东东。

1:文案 2:产品图 3:海报尺寸

然后上帝给予我们这三样东西之后就开始准备设计,在设计的过程中最主要也就确定以下2个方面:

1:排版构图(文案+产品)2:海报配色(背景+文案 与产品色的协调)本文主要针对这2个方面进行解读。

海报的排版构图

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

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

总结

在海报设计过程中版式的平衡感极为重要,同时还要处理好不同物体之间的对比关系。比如文案字体的大小对比丶粗细对比丶模特的远近对比。好比我们画素描静物的时候,静物的摆放也是前后层次分明,有主物体,有陪衬的对比分明。关于文案:文案中要说清这个宝贝的属性,给消费者带来的益处等,关于文案大家可以百度FAB法则看下,这里不多说了。

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

关于配色

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

下面我说到的这个方法就是直接从产品图中取色。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

例子(一)

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

例子二

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

阴中有阳,阳中有阴,白中有黑,黑中有白,相互对比丶呼应丶无形中有一种平衡感。其实我也只是无意中联想到的,对太极也没什么研究主要想给大家打开一个思路。

配色比例

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

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

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

下面实战演练

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

浅谈新手设计师如何快速的设计淘宝海报,PS教程,图老师教程网

本文到这里就结束了,写的有点乱,主要是想给刚入门迷茫中的工友开拓一点思路,也希望大家多给我留言相互学习相互进步。最后大家可以加我的微信公众号超级美工。

来源:http://www.tulaoshi.com/n/20160216/1575011.html

延伸阅读
2013年还剩余5%左右的电量,在许多平台收到很多童鞋询问学习和工作的东西。更多是如何成为牛逼的设计师,其实牛逼不牛逼,这个怎么判定呢?以获奖多少为界限?以作品多少为界限?还是以职位高低为界限? 这些似乎都是标准又不全是,有种说法很有趣:做不到第一,就要做唯一其实每项东西能做到第一的难度是很大,以10000小时天才定律推导,至少要到...
经常经网友做店铺视觉诊断,发现很店铺的海报设计存在多丶乱丶差的问题,有些海报文字一大堆,有些海报文字特效千变万化,有些海报文字五颜六色。今天给大家讲一下用3333原则设计你的海报,马上解决以上问题。 老子在道德经42章中讲到,道生一,一生二,二生三,三生万物。在我们的视觉设计中,也经常用到3的规律。 一张促销海报,要具体的三...
这一年高科技产品不断迭代更新,更有诸如 Tesla、智能手表、谷歌眼镜等未来热门的新产品出现,产品未动,设计先行,这次也不例外。国外已经有关于可穿戴设备的设计指南了,本篇由江南大学设计学院研究生卢孩翻译,内容详实有干货,值得收藏。 一种新形式需要一种新的UI设计模式。在较高层次上,Android的可穿戴设备UI主要由建议和询问这两个核...
当你开始新的业务,创建新的项目,制作新的网站,一个全新的LOGO将会出现在你的代办事项上。一个有个性有特色的LOGO会让你和你的产品更容易被识别。 不得不说,作为网站或者项目的形象代表,一个个性十足的LOGO可以生动地反映出你的产品的气质和特征,对于产品的线上和线下推广营销也有着重要的影响。 但值得一提的是,LOGO的设计并不是一件...
授人以渔的教程来了,今天木东的教程从零开始梳理了海报的设计思路,从信息归纳到版式、字体、配色方案等,都有相应的方法可借鉴,力求帮同学们学到海报设计的深层功夫,以不变应万变。 一、 信息整理 制作海报的第一步是整理海报的文字信息,这一点很重要。比如当我们在看一则新闻的时候,我们首先是看到标题、然后是副标题、最后是正文。...

经验教程

384

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部