解锁新姿势!我有一百种方法教你撩出满意的Banner

2016/10/18 50976

best-banner-satisfy-you-1

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

欢迎关注小婷姐的微信公众号「TTTink-D」,一个干货与文笔俱佳的美女设计师

写在前面

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

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

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

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

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

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

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

5、总结

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

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

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

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

合成

banner-201610121

(图片来自设计师杰克)

3D建模

banner-201610122

纯手绘

banner-201610123

手工diy

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

banner-201610124

banner-201610125

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

banner-201610126

△ 捏软陶

banner-201610127

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

摄影(自己搭场景)

banner-2016101210

banner-201610128

banner-201610129

插花

banner-2016101212

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

banner-2016101213

△ 摄影+绘画

banner-2016101214

△ 摄影+手工

banner-2016101215

banner-2016101216

△ 摄影+手工+绘画

模拟

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

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

banner-2016101217

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

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

模拟折纸镂空效果

banner-2016101218

banner-2016101219

模拟物品摆拍效果

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

banner-2016101220

模拟手工DIY

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

banner-2016101221

模拟插花效果

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

banner-2016101222

跨界

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

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

banner-2016101223

banner-2016101224

banner-2016101225

banner-2016101226

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

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

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

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

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

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

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

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

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

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

banner-2016101227

△ 你是我以后的生活

banner-2016101228

△ 每天和你说早安

banner-2016101229

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

banner-2016101230

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

banner-2016101231

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

banner-2016101232

△ 爱让我们更有勇气

banner-2016101233

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

banner-2016101234

△ 让我嫁给你吧

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

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

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

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

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

banner-2016101235

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

banner-2016101236

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

banner-2016101237

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

banner-2016101238

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

banner-2016101239

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

banner-2016101240

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

合成

1、脑洞大开有创意

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

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

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

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

banner-2016101241

图片来自我设计群里的Ahiki

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

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

banner-2016101243

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

3D建模

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

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

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

banner-2016101244

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

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

手绘

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

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

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

banner-2016101246

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

  1. 五大步骤细说Banner图设计之平面构成的奥秘
  2. 六个步骤细说电商banner图设计之色彩的奥秘
  3. 电商干货!手绘在Banner图设计中可以怎么玩?

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

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

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

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

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

banner-2016101247

banner-2016101248

banner-2016101249

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

摄影

1、你得会用相机。

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

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

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

banner-2016101250

banner-2016101251

banner-2016101252

banner-2016101253

banner-2016101254

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

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

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

2、有创意脑洞大开

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

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

banner-2016101255

混搭

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

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

banner-2016101256

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

banner-2016101257

△ 实物摄影+插画

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

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

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

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

5、总结

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

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

欢迎关注小婷姐的微信公众号「TTTink-D」,一个干货与文笔俱佳的美女设计师:

微信公众号简介:专注开拓电商设计思维,不定期分享一些个人见解干货,当然也会分享一些顶级创意、摄影、人生感悟方面的好文啦。

tttt-1qr

小婷姐的电商设计系列好文:

  1. 《新人手册!聊聊关于电商设计的那些事儿》
  2. 《前辈经验!聊聊新人设计师最容易遇到的12个问题》
  3. 《不怕没灵感了!SALE 招牌的9种排版设计方法归纳(附案例)》
  4. 《如何辨别一个BANNER的好坏?(附案例)》
  5. 《电商干货!BANNER图设计之商品图该怎么玩(上集)》
  6. 《电商干货!BANNER图设计之商品图该怎么玩(下集)》
  7. 《感觉技不如人?聊聊设计师该如何正确认知自己的价值》
  8. 《超长干货!平台电商设计师vs店铺电商设计师哪个好?》
  9. 《职场进阶术!哪些性格特质有助于设计师的成长和提升?》
  10. 《设计师项目做到一半总是想要放弃怎么办?(附问答合集)》
  11. 《超实用!从人性的角度揭露电商BANNER图设计背后的秘密》

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/best-banner-satisfy-you

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里