版权申明:本文出自“darren_666”原创,感谢“darren_666”的原创教程分享!
前实习公司是一个生鲜B2B类电商公司,运营需求较多,尤其是APP的banner设计,本篇文章我将自己制作电商类banner常用的方法与之前设计的具有代表性的banner结合做一个阶段性的思考总结。
FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://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传达的含义(如图二)。
飞特游客
委托设计