运营笔记| 移动产品中的Banner怎么做？

Banner本身是横幅的意思。在App中，banner是一个非常重要的资源位，是一个页面中最吸引眼球的地方，也是流量较大的位置。

Banner通常采用图文结合的表现方式，用于展示重点内容，也常被作为广告资源贩售。

1.  确定更新频次

根据banner的位置确认更新频次。通常流量越大的banner更新频次越高。尽量做到日更，最多不应超过三天。

如果banner的流量很差，运营辛辛苦苦做的上去的内容没有流量，就需要积极和产品经理反馈沟通，从banner的位置设计、展示入口方面进行改善。

2. 确定栏目

我给我运营的产品banner设置了如下三类栏目（1）优质内容展示 （2）用户互动专题 （3）重点推广的产品/商品。  

每周的banner展示尽量涵盖以上三个栏目，以保持内容的灵活性和新鲜度。提前一周准备好banner内容并确定排期。

3. 通过排期表进行管理

1. 统一设计模板

下图是某酒店App的Banner位今天展示的三幅banner

虽然每一幅的图象都有精心设计过，但看起来很乱。这种风格我不喜欢。 Banner呈现的内容和视觉效果，影响着整个产品的调性。 所以我认为 大部分的banner应该有统一的设计风格。

比如以下产品的banner，基本采用了统一模板。

以上app都对banner做了模板化设计，整体看起来更加划一和清爽。有了统一模板后，也不需要每次更新banner都请设计去做图了，运营可自行修改文案和配图即可。

所以， 常规栏目的banner设计模板 很重要。需要和设计沟通，确认以下：

（1）banner的整体视觉风格，选择背景图的色域范围和图片风格 （这里一定要注意图片的版权问题） 

（2）文字的排版方式，确认字体、字号、颜色和位置。

有了这个模板做基本保证，运营可以快速的做出合适的banner图了。

另外还需要注意的是：

（1）定期更换模板，避免审美疲劳。

（2）除固定模板以外，也接受多样的设计方式。仍要注意设计风格的统一。

将banner外面加个DIV，调用样式类nav，然后设置banner为1000像素宽，nav的设置自动：

【CSS部分】

<style>

.nav{width:autoheight:30pxbackground:url(img/bg.jpg) center center no-repeat}即可。

横幅广告，一个表现商家广告内容的图片，放置在广告商的页面上，是互联网广告中最基本的广告形式，尺寸是宽度满屏*500到700像素的高度，一般是使用GIF格式的图像文件，可以使用静态图形，也可用多帧图像拼接为动画图像。除普通GIF格式外，新兴的Rich Media Banner（丰富媒体Banner）能赋予Banner更强的表现力和交互内容。

Internet Advertising Bureau (IAB，国际广告局)的"标准和管理委员会"联合Coalition for Advertising Supported Informatiln and Entertainment(CASIE，广告支持信息和娱乐联合会)联合推出了一系列网络广告宣传物的标准尺寸。这些尺寸作为建议，提供给广告生产者和消费者，使大家都能接受。截止至2014年4月15日网站上的广告几乎都遵循IAB/CASIE标准。

首页】手机端大广告banner图:宽750px ×高350px,每张大小控制在80K以内。 【栏目页】PC端栏目页广告banner图:宽1680px ×高280px,每张大小控制在120K以内。 【产品中心】缩略图:宽280px ×高280..

---