一百种方法教你撩出满意的BANNER

发布者: 轶名     时间:2016-10-21

电商设计师是应该要保持一个比较宽的可超控阈值的,就比如说你既能做得了小清新也做得了重口味,玩得起高冷大牌也受的了特价清仓大甩卖,很多人表示不知道如何动手开始做一个Banner,于是就有了这篇文章。

写在前面

写这篇文章的意义在于,很多人表示不知道如何动手开始做一个Banner,拿到需求脑袋里是懵的,那么归根结底还是看的太少做的太少了,所以今天我就给大家总结梳理一下我们目前市面上的Banner有哪些品种(表现形式和手法)好了,因为在我看来,电商设计师是应该要保持一个比较宽的可超控阈值的,就比如说你要能既做的了小清新也做的了重口味,玩得起高冷大牌也受的了特价清仓大甩卖。

所以我们这次文章分享的主题就是:“解锁新姿势,我有一百种方法教你撩出满意的Banner!~”

开始这个话题之前呢,我先给大家列个提纲:

1、目前主流的Banner 表现形式有哪些?

2、如何在实际需求中运用这些Banner 形式?

3、每种形式的Banner 都需要掌握哪些知识点?

4、我写这篇文章的意义是什么?

5、总结

接下来,我一条条地给大家讲解咯(文章越到后面会越精彩,所以耐心点咯~):

1、目前主流的Banner表现形式有哪些?

我姑且举例这几种:合成/3D建模/手绘/手工diy/剪纸/摄影/插花/混搭/模拟/跨界等。

下面我分别给大家举例展示下:

合成

09388560-9cf6-4be1-b439-f5ce317c7aa7.jpg

(图片来自设计师杰克)

3D建模

727c77d3-8ab7-4ed5-b3e1-e215f2defa38.jpg

纯手绘

c4c1d939-3d47-49f6-a287-fc1826a2ea72.jpg

手工diy

(剪纸/捏软陶/拼贴/针线活儿等,并且都需要有拍照协助完成)

banner-201610124.jpg

28c3a398-e955-4e04-a841-3e71f442c75b.jpg

△ 剪纸(FRaU, The April Issue, Promotional Posters on Behance)

38e59a97-d8bc-4eb8-a836-3837ec4d3a57.jpg

△ 捏软陶

4817d1eb-2f70-409a-b15d-3455906eedc5.jpg

△ (针线活儿,来自羊毛毡达人莫莫)

摄影(自己搭场景)

02b97b57fdef10a84a0d304f339699.png.jpg

banner-2016101210.jpg

banner-201610128.jpg

191659ed-e8fe-4b93-b30c-29c18276eb93.jpg

插花

29aa3905-3b6b-4bc4-a0de-cbca164ffd29.jpg

混搭(以上2种或2种以上的混搭结合)

4c8e55d0-ac64-4472-ac8d-084aeca93d46.jpg

△ 摄影+绘画

c94a8aa3-6cfc-46c2-845b-63050873f619.jpg

△ 摄影+手工

banner-2016101215.jpg

0f191874-c2ae-4de3-a597-d06794768c45.jpg

△ 摄影+手工+绘画

模拟

这里的模拟指的是,当我们知道Banner有这么多种表现形式之后,其实我们是不受限制的,比如说前面提到的手工diy,摄影等等形式的Banner我们都可以通过3D建模或者平面软件甚至是手绘来完成。

同样地,我们平时经常都是用一些作图软件/手绘/3D建模去做一些效果deBanner,但其实我们也可以动起手来,通过diy/摄影搭建场景等方式去实现,比如下面这样:

dabec0af-5692-453f-8ccf-d593689cdd10.jpg

不得不说的一点是,看了很多behance上的作品,发现外国人确实比我们更愿意去动手做实践,可能跟他们从小受到的教育有关,整个环境都是提倡她们从小要动手,而我们一直接受的教育就是死记硬背应试教育,不过现在随着互联网地逐渐普及,我们也有机会看到更多新奇的方法和思维,所以不妨也可以试一试另一种方式去达到我们的目的(不觉得每天就对着电脑玩鼠标有点太单调枯燥了嘛?不想再玩点儿刺激的嘛?哈哈)。

以上说的有点跑题了,我们回到正题继续讲怎么撩出一个Banner之模拟。

模拟折纸镂空效果

banner-2016101218.jpg

775118ae-6025-48f2-9564-b78a0a36b240.jpg

模拟物品摆拍效果

像这种是很常见的一种手法,如果你没有拍摄条件,但是你又有很多种产品可以拿来当素材,那么不妨试下这种方式:围绕着画布框,错落有致地有序地摆放好,然后再空白处居中加上自己的文案就好了。

4a95d188-2f57-4d61-b915-246989ddd49b.jpg

模拟手工DIY

比如下面这种捏的软陶小人儿,用3D建模或者平面作图软件甚至手绘都是可以做出来的,重点在于光影和材质的模拟打造。

219aa895-a8ab-4c00-bab9-06dd781d9435.jpg

模拟插花效果

喜欢插花或者玩花艺的人可能会对这种Banner手法比较感兴趣。

df7f1622-d147-43f4-9eae-7073c41d3d27.jpg

跨界

其实就是指你可能以前是做其他设计行业的,现在开始做电商做Banner了并不意味着你该放弃以前所学的知识,而是可以继续利用以前的知识(比如你以前是厨师/电焊工/茶艺师什么的等等都可以利用起来啊)。

比如前段时间很火的一位乌克兰建筑师Dinara Kasko,跨界做蛋糕的帖子就刷爆了朋友圈:他的这些蛋糕造型简直就是刷新了我们对蛋糕造型的认知,实在是太像精致的迷你建筑了。

banner-2016101223.jpg

banner-2016101224.jpg

banner-2016101225.jpg191a9f19-470c-47bb-9c8b-800e25de5f53.jpg

2、如何在实际需求中运用这些Banner形式?

任何一种形式不可能适用所有Banner设计需求,但是我们可以将它们归类出来,方便以后运用,那要怎么运用呢?我们先问自己以下几个问题:

(1)你最擅长哪种形式?

(2)你处在什么样的条件下?

(3)你的需求适合哪种表现形式?

为什么先要问自己这几个问题呢?因为它们分别代表了自身的能力/外部环境因素/需求定位方向,我们做设计的时候方向方法有很多种,但是最终都是要权衡这三点之间的平衡来找到最佳的一种形式去表现,接下来我一个一个问题给大家分析解答:

(1)你最擅长哪种形式?

这里主要包括软件技能和风格形式2个方面,技能呢就比如你是擅长Ps/Ai/c4d/手绘/手工diy/摄影/合成/玩构图等等其中的一种还是其中的好几种;风格形式就好比你是适合做小清新/卡哇伊/多彩炫酷/文艺森女系/时尚新潮/高冷大牌等等。

一般来说每个设计师都会有自己最擅长的东西和喜好,全能的任何工具任何风格都能驾驭的设计师算是凤毛麟角了。

比如我知道自己擅长的是讲故事+创意+摄影+构图,喜欢动手做手工,但是手绘能力比较弱,虽然也会画一些,所以我会优先考虑用讲故事的形式去执行我的设计,手绘虽然我也会,但手绘的形式永远都不会是我的首选,比如我以前为京东情人节《爱简单.却不凡》拍的这一组照片,就感动了不少人:

775826c2-78e0-42f0-8306-f34edd8fde38.jpg

△ 你是我以后的生活

72134719-ed57-41dd-8eeb-34b16439b107.jpg

△ 每天和你说早安

872727be-8960-4149-b776-6a22eda17308.jpg

△ 对不起宝贝,我又惹你生气了

5d551a47-7e37-4a05-b375-37862fa4595d.jpg

△ 我要结婚了,我们分手吧

dd1f21e2-4ab6-4b97-8365-b279a7e222d6.jpg

△ 你说过,不喜欢屋里有烟味

e75a45a6-812f-4b3a-b4b6-8fac682dff99.jpg

△ 爱让我们更有勇气

9691fb82-4db7-444b-b247-e0ae35e763ce.jpg

△ 我们有属于自己的浪漫啊

869c360a-f7e4-4af1-bd96-ca63fc9c9482.jpg

△ 让我嫁给你吧

(2)你处在什么样的条件下?

这个条件主要是指外部条件,比如你有多少执行时间/经费预算/人员配备等,一般来说,当然是执行时间多/经费预算多/人员配备多/这些条件同时满足的情况下会有更多发挥空间跟容易产出高质量作品了,但现实情况是我们大多数设计师处在一种执行时间短/基本无经费预算/人员配备基本没有的条件下做设计。

(3)你的需求适合哪种表现形式?

我们的需求多种多样,比如我们前面提到小清新/卡哇伊/多彩炫酷/文艺森女系/时尚新潮/高冷大牌等等表现形式,简单举个例子:

小清新,可以通过合成/手绘/摄影等形式去表现出来。

4930a089-c2d8-49bc-9f49-10ad41ead241.jpg

卡哇伊,可以通过手工DIY/摄影/手绘/3D建模等形式表现出来。

533d72c2-9508-4be9-b90f-24a0f49ae545.jpg

多彩炫酷,可以通过摄影/玩构图 /手绘/3D建模等形式表现出来。

1a57f929-b09b-4454-8b9c-5b18aadf57a2.jpg

文艺森女系,可以通过摄影/合成/手绘等形式去表现出来。

76c3c89b-e1e9-4f83-aecd-bdabc7c5921e.jpg

时尚新潮,可以通过手绘/手工DIY/3D建模/摄影/等形式去表现出来。

b8b9459f-82eb-4403-bbe2-cc69e9c86c83.jpg

高冷大牌,可以通过摄影/玩构图手工DIY等形式去表现出来。

5ae39733-d263-4842-9acf-4d6b297962aa.jpg

3、每种形式的Banner都需要掌握哪些知识点?

合成

1、脑洞大开有创意

2、会找合适的可用的素材(这个比较费事)

3、需要懂得一些绘画方面的基础知识,比如三大面五大调

4、需要扎实的软件操作能力

如果你达不到以上几点要求,那么你做出来的合成图估计大多是这种水平的:

f528bd9c-1ead-4465-b591-49144582cf61.jpg

图片来自我设计群里的Ahiki

(Ps:刚开始我在群里问谁有合成作品可以给我放文章里当案例用下,因为他不知道我是要拿来当反面教材的,所以起初他给我发的都是看着还可以的作品,然后我说:“我是要拿来当反面教材呀”,他然后说:“那我还是找找以前的丑的作品吧”,哈哈哈哈,其实他现在已经进步蛮大了不是这个水平的,嗯,我在此说明下咯。)

而能达到以上几点要求的,做出来的图则是这个样子的:

6c55ab14-e19f-4e31-b3a1-f9f24774323f.png

所以。。嗯,没有对比就没有伤害。。。。。

3D建模

1、至少你要先会用3D建模软件。

2、其次你要懂材质会渲染打光。

3、最重要的是,三大构成(色彩构成/平面构成/立体构成)要懂啊!!!~

b0b83955-3111-4919-9259-7eccd3c388a6.jpg

因为我是学工业设计的嘛,所以3D建模软件我会好几样,比如solidworks/3DMax/Rhino,渲染软件我比较擅长的是keyshot,不过因为我毕业后就去做了UI设计师,工作一年后就转做电商设计了,所以这些3D软件我也好几年没碰啦,也忘得差不多了。

不过如果我想要捡起来应该也是相当容易的事情,毕竟我辣么聪明漂亮又能干对不对!!!哈哈哈哈~~~

手绘

1、我这里的手绘是指所有需要借助手来画的东西,无论你是用手绘板/用画笔在纸上画还是用鼠标鼠绘等等。

2、一些基础知识比如三大面,五大调是要掌握的,大家可以自行去百度下。

3、平面构成和色彩构成这个我在之前就已经重点发文讲过啦。

e76871e2-9576-49aa-9a65-fb84bf5738fd.jpg

感兴趣的话可以看我前面的这几篇文章:

  1. 五大步骤细说Banner图设计之平面构成的奥秘

  2. 六个步骤细说电商banner图设计之色彩的奥秘

  3. 电商干货!手绘在Banner图设计中可以怎么玩?

手工DIY(拼贴/剪纸/捏软陶/针线活等)

1、不管是什么类型的手工,首先你要有兴趣去动手做,不同的手工难度不一样,材质和传递的感受也不一样。

2、你得有一些导演策划能力提前把角色什么的都构思好