教你做好App端的banner设计
发布日期:2016-12-14 21:33:07
一切不以传达有效信息、有效传达信息为目的的banner都是耍流氓。

世界要看脸,App也要看banner,作为一条与用户连接的关键纽带,门面当然要漂亮。banner虽然是一个小小的资源位,但却承担着巨大的使命,但凡需要在页面上呈现信息的产品,就离不开它。如何做好App端的banner设计?
banner在不同产品上,不同载体里,甚至是不同使用场景下,“好”的定义都不同。
有些banner的主要目的是吸引眼球,“骗”人点击就算成功了;有些banner还要体现出想表达的事情,方便用户做简单判断和筛选。而今天,我们暂时不说这些大概念,只唠唠App端的banner该如何设计。
话说banner好重要!
在说banner的重要性之前,我们要先摆脱一个错误的认识:“banner仅仅是用来装饰,抓取用户眼球的”。
我们之所以把banner称为“资源位”,是因为它除了要承担吸引用户眼球的责任外,还需要向用户传达信息。让用户感受到视觉冲击的同时,也能接收到要输出的信息。所以说,一切不以传达有效信息、有效传达信息为目的的banner都是耍流氓。
另外,在传达信息的基础上,banner的另一个作用就是促使用户产生行动。使他们在看过banner上呈现的信息后,产生想点进去参与的欲望,这就是我们通常说的Call To Action。
如何合理设计一款banner
当然,我们也许早就知道了banner的重要性,可是真动起手来做却显得有些吃力。很多人也表示,不知道如何开始做一款banner,拿到需求脑袋是懵的。而这些问题背后的原因无非是看得太少,做得太少。今天运营君就和大家一起来梳理下设计出一款banner的基本步骤。
确定传达给用户的信息
通常来说,明确传达给用户信息这一步和审美、视觉设计都没关系,而是要求你对自己希望表达的内容、所面向的用户,有明确的掌握。

教你做好App端的banner设计

比如,小牛助驾调研问卷banner要传达出来的信息有:
调研问卷和参与调研的时间
这是我们要传达的核心信息。只不过这看起来有些单调,需要其它元素的辅助,更形象化地展现出来。所以,我们又添加了一些元素,让核心信息表现得更加生动。
品牌形象
让用户看到小牛助驾的卡通形象一眼就知道这是谁家的调研问卷。这就是所谓的视觉认知。当然,这种视觉认知的形成需要一定的重复次数,通过反复强化视觉形象来加深用户脑海中的印象。
引导语言
通过激励性质的语言“牛粉们赶快行动起来吧!”辅助banner表达主要信息,进一步点燃用户点击banner的欲望。
明确各信息的优先级
虽然上面的banner中有3类信息,但是优先级肯定不同,所以对应到设计上,放置在板块的位置、大小、颜色的突出是需要区别开的。
掌握用户视觉路径
遵循用户视觉路径设计banner最大的好处就是在用户接触到banner之初,就有了明确的“视觉中心”。当他们的视觉被聚焦后,设计师就可以从聚焦点开始引申,促使用户产生接下来的行动。
用户的视觉路径通常是按照阅读的“从上到下,从左到右”的顺序,所以一般会将重要的内容放在左上角。但小牛助驾选择了从中间向外扩散设计,重要的内容自然是放在了中间。但我们从辅助元素(品牌形象、调研问卷图标、引导语)的位置也能看出,整个banner的设计遵循了用户的视觉路径。
了解标准识别颜色
做一款banner,配色自然是十分重要的。如果实在是“配色弱”,那就去网上找找配色图表补补课吧……
做好视觉排版
所谓视觉上的排版无非是在信息优先级已经确定的情况下,让他们变得更好看些,视觉呈现上更有层次感。多注意一些视觉排版中的要素,例如:对齐、图标样式、字体数量等等。
掌握三个App banner进阶技巧
要想做好一款App端的banner,除了要了解上面的基本问题外,还需要掌握三个常用的进阶技巧才能让你设计…….完美!
平铺风格
平铺风格banner最大的好处就是可以让主题、文案得到突出,再加上展示的产品多、画面丰富,很容易营造出场景氛围,吸引用户的关注,从而使banner的打开率升高。但也因为产品展示得多,对产品质量和角度有很高的要求,在设计时耗时较长。
下面是几个典型的平铺banner

还是很好看的对不对?那我们就以巧克力为例,看看平铺风格的banner到底该如何设计。
假设需求方的要求是:表现出巧克力的丝滑口感,引起消费者食欲。
基于用户提出的需求,我们可以先找一些比较成熟的巧克力广告参考,获取设计上的灵感,比如颜色、设计元素等等(强调一下,要去官网上看,现在网络上即兴发挥的太多了……)。这个时候可以尝试搜索一些巧克力banner的关键词:巧克力海报、巧克力广告、知名巧克力品牌(如费列罗、德芙、GODIVA歌帝梵)。

当然,获取灵感的时间不能无止境,否则会适得其反,思路收不回来。这段时间尽量控制在30分钟之内(毕竟身后有一群急着投胎的需求方拿刀追着我们要……图……)。
接着要把收集到的元素和文案列出来,注意疏密均匀,做一个大概的草稿即可。

调节元素的前后顺序,做出阴影,压暗弱化背景后,调节文案的主次关系。

然后给banner的中心部位和背景提亮,加上一些装饰性的英文和欧式花纹。

  修改大片
看见大片就兴奋……我说的可是正经事。
做banner设计时,修改大片的好处就是容易强调品牌调性,几乎不需要另找元素,同时还能做出高大上的效果。可有很多时候,大片不是说有就有的。另外,使用大片的素材时,一定要注意版权问题,版权问题,版权问题!
下面举一个化妆品banner的例子,来看看他们是如何修改大片的。
假设需求是:大品牌化妆品联合专场的banner(聚美优品上超多,可以参考),画面干净。
首先依然是我们雷打不动的寻找灵感,搜索相关关键词,找到素材图。

西点培训http://www.yourbakers.com 东莞防水公司http://www.cnlihui.com 长沙补漏公司http://www.lileju.com 东莞防水补漏http://www.dgkn168.com 

然后把四个部分单独扣出来,方便之后局部调整。

接着背景选用了一张干净、简单的丝绸,摆放上产品、文案以及刚刚抠出来的粉色花瓣元素。

还可以再叠加一层淡粉色,画出阴影和透明瓶子的折射光感,从整体上调节装饰物品的明暗、饱和度等等。

最后的最后,为了提升整个banner的逼格,可以为文案和整体图片叠加镜头光晕。

  善用实拍
世界上最难做的banner就是产品丑得不行,还没有时间精细修图......这个时候就需要实拍图来实力救场了。

就像上面图中的酸奶、海苔就是从实拍图中抠出后合成的。接着又给实拍场景叠加上渐变背景,写上了产品文案。这就是利用实拍完成的banner设计。

上一记录:如何增加APP运营曝光的机会
下一记录:手机教育APP开发 功能和难点详解

App的两条生命线:产品设计与营收模式
App的两条生命线:产品设计与营收模式
工信部最新数据显示,截止到4月末,国内市场上可以监测到的app高达359万,净增8万款。Web的出现颠覆了传统传媒行业,app的快速发展也在不断
2020-06-24 15:29:32
O2O平台外卖、跑腿App专业定制开发如何选择
O2O平台外卖、跑腿App专业定制开发如何选择
市面上各类App占领我们的手机桌面,不管是娱乐类,工具还是社交类,五花八门、各式各样的都有,只要能想到的服务和英语基本上都会有。同时
2020-06-02 08:53:41
绿洲APP设计疑似抄袭 已在多个应用商店下架
绿洲APP设计疑似抄袭 已在多个应用商店下架
有网友爆料称,微博新出的社交APP绿洲的图标设计疑似抄袭韩国一著名平面设计工作室的视觉形象。微博CEO王高飞表示,目前已经下架。北青报记
2019-11-26 19:27:53
如何让手机app设计极具创意
如何让手机app设计极具创意
  在未来,在手机APP设计师构思移动应用程序的UI界面设计之前,它将在充分了解用户习惯和需求的基础上,探索和分析应用程序的细
2019-04-01 15:55:41
Google Play停止上架针对旧版安卓设计的APP
Google Play停止上架针对旧版安卓设计的APP
谷歌对于安卓碎片化的现状非常不满,这不仅仅影响到Android的版本升级,新功能推广,对于用户安全也有很大的威胁,由于老版本Android已经失
2019-03-25 10:24:29
家居装修设计管家app开发
家居装修设计管家app开发
装修app开发是在当今年轻人的生活节奏比较快,很难有充分的时间来打理装修进而诞生的,因为家居装修设计是一件劳神费心的事情,所以很多用
2019-03-25 09:30:49
未来久开发成都教育App需记住的事情
未来久开发成都教育App需记住的事情
如今教育领域正迅速发展,科技也是如此。因此通过网络学习制作交互式教育App已经成为最新趋势之一。将教育与乐趣和刺激结合是一种极好的方
2019-03-22 09:57:18
企业开发手机APP不能忽视的设计点
企业开发手机APP不能忽视的设计点
随着移动互联网的发展,手机APP软件已经渗透在人们的日常生活中。小编也一直强调APP软件设计的重要性,今天启动科技小编就手机软件设计展开
2019-03-21 11:05:32
企业在进行APP开发制作和推广时需防范的四个问题
企业在进行APP开发制作和推广时需防范的四个问题
僵尸应用在app 商店里随处可见,它们的下载量很低,有些成了压箱底的应用。这就表明了企业在进行APP开发制作和推广app时出现了问题,可能
2019-03-15 14:35:25
商城购物超市App开发需求问题
商城购物超市App开发需求问题
在移动互联网时代,手机已经成为最大的流量入口,各种购物App开发,不仅可以提升企业品牌力,而且还可以抢占线上用户。随着移动互联时代的
2019-03-14 09:45:58
叶老设计
Copyright ©2015-2021 cnyelaw.com All Rights Reserved 叶老设计 版权所有 网站地图 备案号:湘ICP备16009065号-2
网站设计 长沙网站建设 长沙网站设计 长沙网站制作 长沙做网站 长沙建网站 长沙网站建设 长沙网站设计 长沙小程序开发 长沙APP开发 长沙商城网站建设 长沙微网站制作