漂亮大气的Banner设计的100种方法!

分享到:更多 ()

运营电商设计师最经常碰到的设计物料就是banner设计,所以今天跟大家分享一篇告诉你如何设计出漂亮大气人见人爱的Banner设计的100种方法!学起来让你再也不担心Banner设计出不好效果了~

写在前面

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

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

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

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

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

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

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

5、总结

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

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

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

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

合成

cac957fdee40a84a0d304ffb1832.jpg

(图片来自站酷推荐设计师杰克)

3D建模

99db57fdee66a84a0d304f2ce584.jpg

纯手绘

80d157fdee7fa84a0d304f6da031.jpg

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

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

d5c957fdeecea84a0e282b964566.jpg

捏软陶

6d0557fdeee9a84a0e282bdc041a.jpg

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

摄影(自己搭场景)

插花

c80757fdefd8a84a0e282bf8f315.jpg

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

02cb57fdeff6a84a0d304f780c8c.jpg

摄影+绘画

f69357fdf019a84a0d304f65e21a.jpg

摄影+手工

摄影+手工+绘画

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

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

b62857fdf05ea84a0e282b32b383.jpg

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

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

模拟折纸镂空效果

模拟物品摆拍效果

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

309757fdf0aaa84a0d304f8a69c2.jpg

模拟手工DIY

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

574a57fdf0c7a84a0e282b133c82.jpg

模拟插花效果

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

269357fdf0e5a84a0d304f2a2d12.jpg

跨界

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

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

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

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

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

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

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

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

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

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

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

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

你是我以后的生活

每天和你说早安

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

我要结婚了,我们分手吧

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

爱让我们更有勇气

我们有属于自己的浪漫啊

让我嫁给你吧

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

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

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

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

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

ba7a57fdf257a84a0e282b379eda.jpg

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

e03e57fdf26ea84a0d304f630686.jpg

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

ae4257fdf288a84a0e282b1a1232.jpg

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

726e57fdf2b5a84a0d304f943d76.jpg

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

15e557fdf2d2a84a0d304f826fd9.jpg

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

cbc157fdf2f6a84a0d304fedb6ec.jpg

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

合成:

1、脑洞大开有创意

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

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

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


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

50ad57fdf322a84a0e282b489a85.jpg

图片来自我设计群里的Ahiki

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

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

358457fdf35ca84a0e282bcbe9a4.jpg

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

3D建模:

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

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

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

0a6357fdf399a84a0e282badfba8.jpg

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

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

手绘

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

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

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

f85d57fdf3d2a84a0d304f7c67a9.jpg

感兴趣的话可以回到我的站酷主页看我前面的这几篇文章(站酷设计师TTTing):

手绘在Banner图设计中可以怎么玩?

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

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

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

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

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

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

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

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

摄影

1、你得会用相机。

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

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

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

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

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

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

2、有创意脑洞大开

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

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

03c757fdf609a84a0e282bc94aac.jpg

混搭

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

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

44fb57fdf628a84a0d304f73486f.jpg

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

3d7c57fdf641a84a0e282b729bc9.jpg

实物摄影+插画

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

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

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

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

5、总结

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

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

文章来源:站酷

原文作者:TTTing

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 漂亮大气的Banner设计的100种方法!

0
分享到:更多 ()