手工app设计背景(手工app设计背景怎么做)

　　世界要看脸，App也要看banner，作为一条与用户连接的关键纽带，门面当然要漂亮。banner虽然是一个小小的资源位，但却承担着巨大的使命，但凡需要在页面上呈现信息的产品，就离不开它。如何做好App端的banner设计？请听运营君细细道来……

　　?本文共2490字，阅读大约需要5分钟。

　　banner在不同产品上，不同载体里

　　甚至是不同使用场景下

　　“好”的定义都不同

　　有些banner的主要目的是吸引眼球

　　“骗”人点击就算成功了

　　有些banner还要体现出想表达的事情

　　方便用户做简单判断和筛选

　　而今天，我们暂时不说这些大概念

　　只唠唠App端的banner该如何设计

　　（因为......很重要......）

　　话说banner好重要！

　　在说banner的重要性之前，我们要先摆脱一个错误的认识：“banner仅仅是用来装饰，抓取用户眼球的”。

　　我们之所以把banner称为“资源位”，是因为它除了要承担吸引用户眼球的责任外，还需要向用户传达信息。让用户感受到视觉冲击的同时，也能接收到要输出的信息。所以说，一切不以传达有效信息、有效传达信息为目的的banner都是耍流氓。

　　另外，在传达信息的基础上，banner的另一个作用就是促使用户产生行动。使他们在看过banner上呈现的信息后，产生想点进去参与的欲望，这就是我们通常说的Call To Action。

　　如何合理设计一款banner

　　当然，我们也许早就知道了banner的重要性，可是真动起手来做却显得有些吃力。很多人也表示，不知道如何开始做一款banner，拿到需求脑袋是懵的。而这些问题背后的原因无非是看得太少，做得太少。今天运营君就和大家一起来梳理下设计出一款banner的基本步骤。

　　确定传达给用户的信息

　　通常来说，明确传达给用户信息这一步和审美、视觉设计都没关系，而是要求你对自己希望表达的内容、所面向的用户，有明确的掌握。

　　比如，小牛助驾调研问卷banner要传达出来的信息有：

　　调研问卷和参与调研的时间

　　这是我们要传达的核心信息。只不过这看起来有些单调，需要其它元素的辅助，更形象化地展现出来。所以，我们又添加了一些元素，让核心信息表现得更加生动。

　　品牌形象

　　让用户看到小牛助驾的卡通形象一眼就知道这是谁家的调研问卷。这就是所谓的视觉认知。当然，这种视觉认知的形成需要一定的重复次数，通过反复强化视觉形象来加深用户脑海中的印象。

　　引导语言

　　通过激励性质的语言“牛粉们赶快行动起来吧！”辅助banner表达主要信息，进一步点燃用户点击banner的欲望。

　　明确各信息的优先级

　　虽然上面的banner中有3类信息，但是优先级肯定不同，所以对应到设计上，放置在板块的位置、大小、颜色的突出是需要区别开的。

　　掌握用户视觉路径

　　遵循用户视觉路径设计banner最大的好处就是在用户接触到banner之初，就有了明确的“视觉中心”。当他们的视觉被聚焦后，设计师就可以从聚焦点开始引申，促使用户产生接下来的行动。

　　用户的视觉路径通常是按照阅读的“从上到下，从左到右”的顺序，所以一般会将重要的内容放在左上角。但小牛助驾选择了从中间向外扩散设计，重要的内容自然是放在了中间。但我们从辅助元素（品牌形象、调研问卷图标、引导语）的位置也能看出，整个banner的设计遵循了用户的视觉路径。

　　了解标准识别颜色

　　做一款banner，配色自然是十分重要的。如果实在是“配色弱”，那就去网上找找配色图表补补课吧……

　　做好视觉排版

　　所谓视觉上的排版无非是在信息优先级已经确定的情况下，让他们变得更好看些，视觉呈现上更有层次感。多注意一些视觉排版中的要素，例如：对齐、图标样式、字体数量等等。

　　掌握三个Appbanner进阶技巧

　　要想做好一款App端的banner，除了要了解上面的基本问题外，还需要掌握三个常用的进阶技巧才能让你设计…….完美！

　　平铺风格

　　平铺风格banner最大的好处就是可以让主题、文案得到突出，再加上展示的产品多、画面丰富，很容易营造出场景氛围，吸引用户的关注，从而使banner的打开率升高。但也因为产品展示得多，对产品质量和角度有很高的要求，在设计时耗时较长。

　　下面是几个典型的平铺banner

　　还是很好看的对不对？那我们就以巧克力为例，看看平铺风格的banner到底该如何设计。

　　假设需求方的要求是：表现出巧克力的丝滑口感，引起消费者食欲。

　　基于用户提出的需求，我们可以先找一些比较成熟的巧克力广告参考，获取设计上的灵感，比如颜色、设计元素等等（强调一下，要去官网上看，现在网络上即兴发挥的太多了……）。这个时候可以尝试搜索一些巧克力banner的关键词：巧克力海报、巧克力广告、知名巧克力品牌（如费列罗、德芙、GODIVA歌帝梵）。

　　当然，获取灵感的时间不能无止境，否则会适得其反，思路收不回来。这段时间尽量控制在30分钟之内（毕竟身后有一群急着投胎的需求方拿刀追着我们要……图……）。

　　接着要把收集到的元素和文案列出来，注意疏密均匀，做一个大概的草稿即可。

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

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

　　修改大片

　　看见大片就兴奋……我说的可是正经事。

　　做banner设计时，修改大片的好处就是容易强调品牌调性，几乎不需要另找元素，同时还能做出高大上的效果。可有很多时候，大片不是说有就有的。另外，使用大片的素材时，一定要注意版权问题，版权问题，版权问题！

　　下面举一个化妆品banner的例子，来看看他们是如何修改大片的。

　　假设需求是：大品牌化妆品联合专场的banner（聚美优品上超多，可以参考），画面干净。

　　首先依然是我们雷打不动的寻找灵感，搜索相关关键词，找到素材图。

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

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

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

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

　　善用实拍

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

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

　　当然，除了上面的这些设计技巧，还有很多很棒的banner设计创意风格。这就需要我们在日常生活中多看多积累，等到在脑海中建立起自己的banner素材库时，就不用在拿到客户需求后到网上搜索关键词了。这就是“素材在手，世界我有”！

　　您可能会感兴趣：

　　微信排版︱运营神器︱标题秘籍︱微信运动︱自媒体行业洞察报告︱微信撤回功能︱广告语︱运营术语汇总︱APP推广︱GIF网站︱微信小视频︱Slogan集锦︱微信渣功能︱微信公众号运营规范汇总

　　声明

　　部分素材来自网络，版权归原作者所有，如您有版权权益方面问题，请与我们联系，核实后即刻进行调整，谢谢