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

运营笔记| 移动产品中的Banner怎么做?,第1张

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,网站的Banner可以放在网站不同的位置,在访客浏览网站的时候,吸引访客的关注,从而获得宣传和销售的效果,我们常常看到的网站百叶窗也是网站banner的一种。一般banner的设计和制作可以找万商云集https://www.iwanshang.cn/等一些企业网站建设相关的服务公司,但一定要注意其中的沟通,明确要求和主题,才能达到好的效果。

Banner广告对于增加在线流量至关重要,但如何才能设计出大家想要点击的网页Banner?网页Banner设计的重点是通过应用基本的设计准则,系统地创建有效的Banner广告。接下来我们就来说说banner的设计要点。

网站的Banner图虽然看起来只是整个网站当中很小的一个方面,但对于网站给用户塑造的印象和体验效果来说,却是至关重要的。毕竟用户来到网站当中,首先映入眼帘的便是网站Banner图,如果Banner图不好的话,那么用户对网站的第一印象就会下降,用户很可能就会因此而跳出离开。所以,只有设计好网站的Banner图,才能使网站的用户吸引力更强,这样网站也才能获得更多用户支持。

一.首先了解你的banner设计需求

确定banner文案的内容,包括定位和主题,以及将会涉及到的设计素材、包括准备投放在什么平台以及它的尺寸大小,这些前期的工都是需要先定下来的。因为这些基本的因素如果没有被确定下来,会阻碍设计师的设计灵感,在设计的过程中也会给设计师带来很多不确定的因素,而且会让banner设计出来可能不符合要求。

二、一定要选用高清图片

图片的清晰度一定要有保证,一定不要出现图片模糊的情况,清晰度低的图片让人容易产生疏离感和塑料感,影响网站的整体质感。高清图片能够让用户准确地获得信息,让人看着更加舒服,更加高级。

三、保持层次结构

Banner广告设计依赖于每个广告之间的正确平衡,所以要注意你的层次结构。有效的Banner广告是为了提高品牌知名度和增加网站流量而设计的。它们有三个基本组成部分:(1)公司Logo(2)价值主张(3)CTA按钮

四、网页设计注意排版网页设计中,使用全屏照片作为网站背景固然简洁漂亮,干净利落之余设计师需更要考虑到整个网页的布局,如何在大幅照片上进行排版,设置栏目,与照片背景颜色不产生冲突,又不影响用户的阅读体验。

总之,banner在网页设计中占据着重要作用,精美的图片配之以绝妙的文案能给网站获得漂亮的加分。而作为背景的照片只有足够精彩漂亮才会给用户留下深刻印象,所以设计师在选择照片时要注意图片的质量问题。此外还要重视图片展示的内容与网站主题的相关性,于此网站的主题内容才会在第一时间传达给访问用户。

不同的环境下设置的尺寸都不一样

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右。

4、1024*768下网页的尺寸:width=955,height=600                                              

800*600下网页的尺寸:width=760,height=420。

5、一般分辨率在800*600的情况下,页面的显示尺寸为:780*428px,

分辨率在640*480的情况下,页面的显示尺寸为:620*311px,

分辨率在1024*768的情况下,页面的显示尺寸为:1007*600px。

扩展资料:

banner设计标准尺寸大全

InternetAdvertisingBureau

(IAB,国际广告局)的"标准和管理委员会"联合CoalitionforAdvertisingSupportedInformatiln

and

Entertainment(CASIE,广告支持信息和娱乐联合会)联合推出了一系列网络广告宣传物的标准尺寸。

这些尺寸作为建议,提供给广告生产省和消费者,使大家都能接受。现在网站上的广告几乎都遵循IAC/CASIE标准。

1997年第一次标准公布

NumSize(pix)Name

1、468×60全尺寸banner

2、392×72全尺寸带导航条banner

3、234×60半尺寸banner

4、125×125方形按钮

5、120×90按钮#1或小图标

6、120×60按钮#2或小图标

7、88×31小按钮或banner

8、120×240垂直banner

2001年第二次标准公布

NumSize(pix)Name

1、120×600"摩天大楼"形

2、160×600宽"摩天大楼"形

3、180×150长方形

4、300×250中级长方形

6、240×400竖长方形

7、250×250"正方形d出式"广告

IAB将不再支持1997年第一次公布标准中的392×72形。

从banner自身的设计大小看

1、全尺寸banner横幅设计为468*60px,半尺寸banner为234*60px,小banner为88*31px,另外120*90,120*60也是小图标的标准尺寸。

2、页面长度原则上不超过3屏,宽度不超过1屏。

3、每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。

4、每个标准页面为A4幅面大小,即8.5*11英寸。

参考资料来源:百度百科-网页设计标准


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/tougao/6054108.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-13
下一篇2023-03-13

发表评论

登录后才能评论

评论列表(0条)

    保存