高点击率的Banner设计14招 - 优设网 - UISDC

高点击率的Banner设计14招

2013/10/29 71549评论区

虽然互联网发展迅速,但是利用Banner来推广产品,依然是王道。
很多公司都采用这种形式进行宣传,优点多多:便宜、效果可监测、行之有效。
现在呢,假设有客户让你帮忙设计个Banner广告,你要怎么设计呢?要怎么提高广告的点击率呢?

下面将详细讲述Banner设计的14条建议。

1. 选择最有效的Banner尺寸

sizes

根据谷歌广告,效果最好的Banner尺寸为:

  • 336×280
  • 300×250
  • 728×90
  • 160×600

理想情况下,如果客户不限空间,那么Banner可以按照以上的尺寸进行设计。

2. 层级分明

8817073_112024205113_2

公司Logo:Canon 卖点:特价、新品首发

Banner设计首先要了解的、也是最重要的便是:设计的目的是为了提升品牌知名度,提高网站流量。一般Banner由3部分组成:

  1. 公司 logo: Logo设计必须能够提升品牌知名度。在视觉上,要让Logo在Banner众多元素中脱颖而出。
  2. 价值主导: 通俗的讲,通过产品/服务的卖点来吸引用户消费,”卖点”便是”价值主导”。是主打质量?还是主打”折扣”?是主打”限时特供”?还是主打”买一送一”?这一部分一般占据了Banner的大部分空间,而且要引起用户的注意。
  3. 行为召唤: 一般由文本或者按钮构成,比如”点我”、”了解更多”、”现在注册”、”现在观看”。行为召唤是Banner广告中的视觉焦点,支持浏览者点击深入

3.务求简约

Simple

设计越简约,内容越清晰,用户便能更迅速的看到Banner广告。

4. 恰当利用按钮

buttons

按钮能够提高点击率,有效的引起因为召唤。一般在右下角,采用对照感比较强烈的色彩。

5. 清晰的边框

frame

从左到右: Android, Netflix, Bing

人眼会自然的观察框架中的物体。因此,Banner广告的边缘最好有清晰的边框。如果广告是白色,那么建议使用灰色1px边框。如果不是白色,那么可以使用黑色。这个小技巧能让你的Banner醒目一点。

6. 文本要清晰可见

readable

Citibank, Starbucks, Citibank, Canon, Sprint的Banners

该做: 标题和正文使用不同的字体尺寸,尽量4行以内

不该做: 使用非主流字体、潦草的字体、过于纤细的字体、全大写字体、小于10pt的字体。

7. 设计要和品牌形象一致

consistency

M&M’的广告

Banner广告可是链接到登录页的。因此一致性一定要强,要向用户展示公司的形象。

8. 正确的文件格式

File_Formats

.JPG, .PNG, .GIF, 或者 Adobe Flash格式都可以,能够让你的广告有效的传递。如果是Flash Banner,记得要转换成.GIF格式,这样就能获取全设备支持,也便会有更多的人浏览Banner。

9. 文件要尽可能的小

越小越好,最好小于150kb,因为用户一般登陆一个网站会直接向下翻动,因此,如果能够迅速载入,便能”赶得上”,便有机会让用户看到Banner广告。

10. 妙用图片,但不要过度依赖

relevant

从左到右: Victoria’s Secret, New York Life, Ally

选择相关的图像、照片可以提高信息的传达能力。
没有过于抽样的概念,没有过多的文字叙述,一图胜千言。
不过总的来说,图片也不是时刻有效,有的时候字体设计也很影响广告效果。

11. 打造一种紧迫感

LimitedTimeDeal

通过使用粗重、对照分明的字体,打造一种视觉上的紧迫感。让用户迫不及待的购买、点击。不过这招偶尔试一下还行,不能总用。

12. 合适的色彩

colors

从左到右:Tyroweb Book Publishing, Samsung, Apple, Google, Chase, Weight Watchers

谈到色彩,不妨多看看优设网的一些文章,这里就不详谈了。用色正确,方为王道。
还有,设计Banner时要用RGB色彩模式,因为一般都是在屏幕上看广告的。

13. 尝试一下动效

GIF

动态广告总比静态广告更醒目,但一定要确保动效设计清晰、直接、不偏题。
不超过15s、简约的动效最好,一般不要重复播放超过10次。还有,动效要能有效的引起行为召唤。

14. 与网站协调搭配,同时又能脱颖而出

Compliments

Dos EquisESPN上的广告

如果你的广告和网站的风格相符,完美搭配,那么用户会对这则广告产生信息感。与此同时,还要努力的让广告脱颖而出,这就看各位功力了。
这就是全部,要注意,Banner设计是一种功能大于形式的设计,好看没有用,即便再丑,但是点击率高就足够了,这才是Banner设计的精要所在。
 

原文地址:99designs
优设网翻译:@MartinRGB
转摘请注明优设网译文出处,谢谢各位小编。

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量56万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/banner-click-rate

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里