积分充值 购买VIP 帮助中心

飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网赞助商广告

Banner设计思路分享

倾情发布于:2018-12-5 15:40 |原作者: darren_666
简介: 前实习公司是一个生鲜B2B类电商公司,运营需求较多,尤其是APP的banner设计,本篇文章我将自己制作电商类banner常用的方法与之前设计的具有代表性的banner结合做一个阶段性的思考总结。
飞特网赞助商广告

版权申明:本文出自“darren_666”原创,感谢“darren_666”的原创教程分享!

前实习公司是一个生鲜B2B类电商公司,运营需求较多,尤其是APP的banner设计,本篇文章我将自己制作电商类banner常用的方法与之前设计的具有代表性的banner结合做一个阶段性的思考总结。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:http://www.fevte.com/plan/shejililun/

一、设计前

为啥要做banner?当然是因为有需求啦。banner需求往往来源于运营同学,为了配合某个运营活动而做的一个面向用户的展示图片。banner一般是一个活动页面的入口,假如这个banner能够清晰表达活动主题并足以吸引用户点击时,我们这个设计就算成功一大半了。

那么,接到一个需求时,是不是就可以马上打开PS开干啦?当然也不是,一般我们需要问清楚以下几点具体内容:

1.banner的作用。

每个运营活动都有相应的业务需求,我们只有清楚运营活动的目的,才能知道设计banner的作用是什么,而不是自嗨似的为"自我"而设计。

2.PC端 or 移动端?

这个不用多说,至少在尺寸上两者相差甚大。

3.投放位置。

不同的位置也会影响到banner的设计效果。

4.所需文案。

Banner文案要精炼地表达出活动主题,收到来自运营同学的文案后,能够根据活动主题对文案进行审核甚至进一步地修饰,也是设计师的能力体现。

5.有无产品素材。

根据运营需求的类别,对新上线商品作广告宣传的话,一般需要运营同学提供相应商品素材图。如果是对某个新上线活动做通知提醒的话,设计师们一般就要寻找素材或者自己制作素材了。

6.上线时间。

抑制设计师们发挥想象力创作的一大敌人就是时间,创意很美好,落地很一般,唯有紧盯着deadline,才能够与time达成共赢。

我们都知道,其实无论任何需求,在开干前肯定是要先与需求方沟通清楚再做,乃至于反向推动需求方思考问题,这样既降低了返工率,也能让banner在上线后达到预定的业务效果。沟通,沟通,沟通!何乐而不为?

二、设计中

到了激动人心正式打开Photoshop开干的时候了,设计的过程也是有据可循的,下面将结合本人的制作与应遵循的要点进行思路分享。

1. banner大小(宽高设定)。

应用里一般都会有专门放置banner的位置,而且宽高是设定好了的,不同的位置预留的宽高是不一样的。我便是按照设定好的宽高进行设计。

图一是放在商品列表页的头图banner,设计时定好宽高为750*328;

图二为"我的"页面里放置活动宣传广告,由于空间有限,定好的宽高为750*200;

当然以上banner的大小只是我所遇到的,大小设定具体要看活动重要级别、以及页面空间等来制定,同时也有比例指导,常见的有16:9、5:3等。

2. 图文版式。

常见的banner版式最常见的是图文左右排版、文字居中排版。笔者接触最多的是图文左右排版,这次分享下这两种的设计思路。

我们知道选择哪种排版方式要看banner所要传达的内容主要是什么。图左文右或者文左图右,一般是考虑到这符合人们从左至右的阅读习惯,能让用户快速接受信息。

若是商品广告,重点在于商品图的话,通常是图在左,右边搭配文案主标或副标题,起到说明商品的作用(如图一)。

文左图右的情况通常用于宣传某个运营活动,文案是主要传达内容,而右边配图是起到装饰美化整个banner的作用,同时与文案有一定关联性,让用户更加形象地理解banner传达的含义(如图二)。


123下一页
3

好评

差评

刚表态过的朋友 (3 人)

倾情
河北省 衡水市 平面设计师
+ 关注 私信
  • AE制作超炫蓝色火焰效果教程
  • 字体“抄”的好 设计没烦恼
  • Banner设计思路分享

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

飞特网赞助商广告
关于飞特|广告服务|付款方式|友情链接|网站地图|联系我们|加入我们|举报|飞特网旧版| 飞特网