请选择 进入手机版 | 继续访问电脑版

产品设计

    今日:323| 主题:18115
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 解锁新姿势!我有100种方法教你撩出一个满意的Banner by TTTing

[复制链接]
考试那天我哭了 发表于 2016-10-13 09:36:11
198 2

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
写在前面

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

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

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

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

   5、总结

  接下来,我一条条地给大家讲解咯(文章越到后面会越精彩,所以耐心点咯~):
   1、目前主流的Banner表现形式有哪些?


  我姑且举例这几种:合成/3D建模/手绘/手工diy/剪纸/摄影/插花/混搭/模拟/跨界等。
  下面我分别给大家举例展示下:
  合成

   

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

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

  (图片来自站酷推荐设计师杰克)
  3D建模

   

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

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

  纯手绘

   

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

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

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

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

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

   

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

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

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

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

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

  捏软陶
   

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

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

  (针线活儿,来自羊毛毡达人莫莫)
   摄影(自己搭场景)
   

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

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

   

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

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

   

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

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

   

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

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

  插花

   

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

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

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

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

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

  摄影+绘画
   

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

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

  摄影+手工
   

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

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

   

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

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

  摄影+手工+绘画
   模拟:这里的模拟指的是,当我们知道Banner有这么多种表现形式之后,其实我们是不受限制的,比如说前面提到的手工diy,摄影等等形式的Banner我们都可以通过3D建模或者平面软件甚至是手绘来完成。
  同样地,我们平时经常都是用一些作图软件/手绘/3D建模去做一些效果deBanner,但其实我们也可以动起手来,通过diy/摄影搭建场景等方式去实现,比如下面这样:
   

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

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

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

   

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

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

   

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

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

  模拟物品摆拍效果

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

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

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

  模拟手工DIY

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

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

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

  模拟插花效果

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

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

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

  跨界

  其实就是指你可能以前是做其他设计行业的,现在开始做电商做Banner了并不意味着你该放弃以前所学的知识,而是可以继续利用以前的知识(比如你以前是厨师/电焊工/茶艺师什么的等等都可以利用起来啊)。
  比如前段时间很火的一位乌克兰建筑师Dinara Kasko,跨界做蛋糕的帖子就刷爆了朋友圈:他的这些蛋糕造型简直就是刷新了我们对蛋糕造型的认知,实在是太像精致的迷你建筑了。
   

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

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

   

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

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

   

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

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

   

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

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

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

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


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

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

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

  这里主要包括软件技能和风格形式2个方面,技能呢就比如你是擅长Ps/Ai/c4d/手绘/手工diy/摄影/合成/玩构图等等其中的一种还是其中的好几种;风格形式就好比你是适合做小清新/卡哇伊/多彩炫酷/文艺森女系/时尚新潮/高冷大牌等等。
  一般来说每个设计师都会有自己最擅长的东西和喜好,全能的任何工具任何风格都能驾驭的设计师算是凤毛麟角了。
  比如我知道自己擅长的是讲故事+创意+摄影+构图,喜欢动手做手工,但是手绘能力比较弱,虽然也会画一些,所以我会优先考虑用讲故事的形式去执行我的设计,手绘虽然我也会,但手绘的形式永远都不会是我的首选,比如我以前为京东情人节《爱简单.却不凡》拍的这一组照片,就感动了不少人:
   

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

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

  你是我以后的生活
   

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

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

  每天和你说早安
   

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

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

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

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

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

  我要结婚了,我们分手吧
   

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

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

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

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

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

  爱让我们更有勇气
   

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

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

  我们有属于自己的浪漫啊
   

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

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

  让我嫁给你吧
  (2)你处在什么样的条件下?

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

  我们的需求多种多样,比如我们前面提到小清新/卡哇伊/多彩炫酷/文艺森女系/时尚新潮/高冷大牌等等表现形式,简单举个例子:
  小清新,可以通过合成/手绘/摄影等形式去表现出来。
   

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  合成:

  1、脑洞大开有创意
  2、会找合适的可用的素材(这个比较费事)
  3、需要懂得一些绘画方面的基础知识,比如三大面五大调
  4、需要扎实的软件操作能力
  如果你达不到以上几点要求,那么你做出来的合成图估计大多是这种水平的:
   

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

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

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

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

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

  所以。。嗯,没有对比就没有伤害。。。。。
  3D建模:

  1、至少你要先会用3D建模软件。
  2、其次你要懂材质会渲染打光。
  3、最重要的是,三大构成(色彩构成/平面构成/立体构成)要懂啊!!!~
   

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

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

  因为我是学工业设计的嘛,所以3D建模软件我会好几样,比如solidworks/3DMax/Rhino,渲染软件我比较擅长的是keyshot,不过因为我毕业后就去做了UI设计师,工作一年后就转做电商设计了,所以这些3D软件我也好几年没碰啦,也忘得差不多了。
  不过如果我想要捡起来应该也是相当容易的事情,毕竟我辣么聪明漂亮又能干对不对!!!哈哈哈哈~~~
  手绘

  1、我这里的手绘是指所有需要借助手来画的东西,无论你是用手绘板/用画笔在纸上画还是用鼠标鼠绘等等。
  2、一些基础知识比如三大面,五大调是要掌握的,大家可以自行去百度下。
  3、平面构成和色彩构成这个我在之前就已经重点发文讲过啦。
   

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

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

  感兴趣的话可以回到我的站酷主页看我前面的这几篇文章(站酷设计师TTTing):
  手绘在Banner图设计中可以怎么玩?
  五大步骤细说Banner图设计之平面构成的奥秘
  六个步骤细说电商banner图设计之色彩的奥秘
   手工DIY(拼贴/剪纸/捏软陶/针线活等)
  1、不管是什么类型的手工,首先你要有兴趣去动手做,不同的手工难度不一样,材质和传递的感受也不一样。
  2、你得有一些导演策划能力提前把角色什么的都构思好
  3、手工做好后需要借助拍摄这一步才算最终完成
  4、不可缺少的三大构成知识(色彩构成/平面构成/立体构成)
   

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

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

   

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

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

   

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

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

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

  1、你得会用相机。
  2、你得有造型搭配能力,策划能力和平面构图等能力
  3、你得有设备有时间有预算去执行
  4、不可缺少的三大构成知识(色彩构成/平面构成/立体构成)
   

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

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

   

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

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

   

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

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

   

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

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

   

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

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

  (惨绝人寰。。。一个Banner直接给拍出来了。。。)
   模拟(3D建模/手工/剪纸/摄影等之间的互相模拟)
  1、至少有一种比较擅长的软件工具能够执行出自己的想法
  2、有创意脑洞大开
  3、对不同的行业都有一定的了解,或者善于学习总结
  4、不可缺少的三大构成知识(色彩构成/平面构成/立体构成)
   

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

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

  混搭

  1、会混搭的前提是以上所有方法你都能上手
  2、了解各种方法的优缺点并能将它们融合在一起
   

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

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

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

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

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

  实物摄影+插画
  受篇幅限制,以上我就先举例这么多咯。
  4、这写这篇文章的意义是什么?

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

  不管是做Banner设计还是做其他设计,其实主要在于你能了解你擅长的是什么/你的需要定位是什么/你目前所处的环境因素有哪些限制,从而得出最优的执行方案。
  你们不觉得现在的banner都是合成啊/手绘啊/画图啊什么的很单调都视觉疲劳了吗?所以不妨试试其他方式呢?比如离开自己的办公位置去做手工去拍照片去玩点新花样,一定非常好玩有意思呢!~
  (本文来自站酷设计师TTTing,转载请署名谢谢!!我们下期开始讲专题页设计好不好?所以还不快赞赞我给我鼓励鼓励!!!哈哈~)
  嗯,据说下面这个按钮点击以后会有蓝瘦,香菇的感觉!!!!不信你试试!!!哈哈~



上一篇:A Practical Guide To Invisible Design
下一篇:MIT研发3D打印设计系统 堪称3D打印界的PS
月影流光 发表于 2016-10-21 14:20:03
很多天不上线,一上线就看到这么给力的帖子!
回复 支持 反对

使用道具 举报

樊诗雨 发表于 2016-11-3 13:13:21
老天,你让夏天和冬天同房了吧?生出这鬼天气!  
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )

© 2001-2017 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表