电商教程!我有100种方法教你撩出一个满意的Banner

总有一些文章,相见恨晚。设计规范、职场规划、经验总结一网打尽。 立即访问
  • 水平 : 入门
  • 观众 : 6751
  • 时间 : 2018-02-14

教程

教程作者:做设计的面条 (授权转载)

交作业:#优设每日作业#

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

写在前面

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

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

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

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

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

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

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

5、总结

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

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

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

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

合成

3D建模

纯手绘

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

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

捏软陶

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

摄影(自己搭场景)

插花

摄影+绘画

摄影+手工

摄影+手工+绘画

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

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

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

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

模拟折纸镂空效果

模拟物品摆拍效果

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

模拟手工DIY

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

模拟插花效果

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

跨界

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

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

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

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

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

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

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

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

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

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

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

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

你是我以后的生活

每天和你说早安

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

我要结婚了,我们分手吧

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

爱让我们更有勇气

我们有属于自己的浪漫啊

让我嫁给你吧

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

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

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

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

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

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

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

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

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

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

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

合成:

1、脑洞大开有创意

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

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

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


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

图片来自我设计群里的 Ahiki

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

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

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

3D 建模:

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

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

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

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

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

手绘

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

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

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

 

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

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

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

3、手工做好后需要借助拍摄这一步才算最终完成

4、不可缺少的三大构成知识(色彩构成/平面构成/立体构成)

(国外的设计师好喜欢动手做手工发现没有,自己用卡纸搭房子做场景,而我们估计第一时间想到的是用 ps 或 AI 画出来对不对?)

摄影

1、你得会用相机。

2、你得有造型搭配能力,策划能力和平面构图等能力

3、你得有设备有时间有预算去执行

4、不可缺少的三大构成知识(色彩构成/平面构成/立体构成)

(惨绝人寰。。。一个 Banner 直接给拍出来了。。。)

模拟(3D 建模/手工/剪纸/摄影等之间的互相模拟)

1、至少有一种比较擅长的软件工具能够执行出自己的想法

2、有创意脑洞大开

3、对不同的行业都有一定的了解,或者善于学习总结

4、不可缺少的三大构成知识(色彩构成/平面构成/立体构成)

混搭

1、会混搭的前提是以上所有方法你都能上手

2、了解各种方法的优缺点并能将它们融合在一起

像这种剪贴画效果也是很赞的

实物摄影+插画

受篇幅限制,以上我就先举例这么多咯。

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

通过我以上讲的内容,也许能让你跳出自己的固有思维模式,如果以前你觉得设计师只能坐在电脑前面,只能通过ps软件才能做出一张 Banner 或其他设计,那么现在你应该知道通过手绘/3D 建模/手工 DIY/摄影/插花/模拟/混搭/跨界等等这些方式都是可以达到目的的,而且不用的方法还可以任意组合,按照高等数学里的排列算法是不是不止一百种方法了啊!!!~

所以我说我有一百种方法教你撩出满意的 Banner 没有骗你们对不对!!!~

5、总结

不管是做 Banner 设计还是做其他设计,其实主要在于你能了解你擅长的是什么/你的需要定位是什么/你目前所处的环境因素有哪些限制,从而得出最优的执行方案。

你们不觉得现在的 banner 都是合成啊/手绘啊/画图啊什么的很单调都视觉疲劳了吗?所以不妨试试其他方式呢?比如离开自己的办公位置去做手工去拍照片去玩点新花样,一定非常好玩有意思呢!~

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

相关推荐:

电商教程!6招搞定Banner设计中点缀元素的运用

→ 电商教程!5个实操改稿案例,教你做出高质量的Banner设计!


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···
从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发
【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。
【收获】更好的自己

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/other/121247795.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

Banner设计电商
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新