当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >提高Banner点击率的15个设计技巧!

提高Banner点击率的15个设计技巧!

发布时间:2020-02-21 12:49:56

Banner广告对于增加在线流量至关重要,但如何才能设计出大家想要点击的网页Banner?网页Banner设计的重点是通过应用基本的设计准则,系统地创建有效的Banner广告。在这篇文章中,为大家整理了15条关于创建成功的网页横幅设计小建议。

网页Banner是什么?

网页Banner是目前互联网中最常见的营销形式之一,它以各种形式存在。网页Banner也是最有可能创造点击量的设计方式。

1.webp.jpg

Banner广告是嵌入在网页上的广告图像,展示产品或品牌,并链接到广告商的网站。大多数公司以这样或那样的形式使用它们,因为它是一种成本合理、追踪性好、传达效率高的宣传形式,非常适合用来提升品牌知名度。

如何设计出优秀的Banner广告?

如何设计和创建网页Banner广告才能带来点击?下面是关于设计Banner广告的一些建议和通用指南。

1.使用有效、标准的Banner尺寸

根据谷歌Adsense统计,最有效、标准的Banner尺寸是:

导航栏Banner——728×90 px

半屏Banner——300×600px

中等矩形Banner——300×250px

长矩形Banner——336×280px

2.webp.jpg

2. 选择正确的Banner广告位

建议购买网页顶部或者是接近网页主要内容的位置。 

3.保持层次结构

Banner广告设计依赖于每个广告之间的正确平衡,所以要注意你的层次结构。有效的Banner广告是为了提高品牌知名度和增加网站流量而设计的。它们有三个基本组成部分:

3.webp.jpg

(1)公司Logo

公司Logo必须要建立品牌知名度。确保它在视觉上占主导地位,但不要像价值主张或CTA那样占主导地位。

(2)价值主张

价值主张主要展示你所提供的产品或服务,并通过诱人的折扣和价格吸引大家的注意力。比如“高质量”、“半价”或“限时优惠”。这些关键词应该占据广告的大部分空间,也是浏览者第一眼能看到的东西。

(3)CTA按钮

行动号召/CTA一般是指邀请用户单击的文本或按钮。像“了解更多”、“开始行动”或“现在开始”这样的短语就是很好的例子。这个部分应该是Banner广告获取点击量的重点。

4. 保持简单

保持内容和视觉上的简单,因为浏览者对网页上的Banner往往可能只是匆匆一瞥。

4.webp.jpg

5. 适当地使用按钮

根据Banner的类型,按钮通常会增加广告的点击率(CTR)。如果你要使用按钮,把它们放在文本的右下角,应用有品味的对比色。注意,风格颜色在整个广告中需要始终保持一致。

6. 有一个明确的框架

浏览者的眼睛一般都会被框架内的主题所吸引,成功的Banner广告一般都有一个清晰的框架。如果你的Banner背景是白色的,通常的做法是在Banner周围放置一个1像素的灰色边框。

7. 保持文本的可读性

5.webp.jpg

将标题和正文设置为不同的大小;界面上所有的文字内容在应该少于4行。不要使用草书/手写体,极细的字体,全大写,或字体小于10号(除非是免责声明或版权声明)。

8. 使用动画

动态的网页Banner广告通常比静态的Banner广告效果好,而且在网页Banner设计中非常有效,但是你必须确保它们不会分散广告的信息。

6.gif7.gif8.gif

如果是长动画或者视频,不要超过15秒的时间,并考虑让你的画面最后有明确的行动号召,提高转化率。如果是短时间的循环动画,不要重复循环3次以上。

9. 互补,但要突出

如果你的Banner能在视觉上融入了网站特色,则更有可能赢得浏览者的信任。然而,不要让它融入太多,会失去浏览者的关注。Banner广告总是需要是突出的和可点击的。

9.webp.jpg

10. 与品牌保持一致

将Banner广告链接到一个登陆页面,其中包括你的折扣优惠。确保广告与你的品牌和登陆页面相匹配,这样潜在的客户才不会感到困惑。

11. 营造一种紧迫感

通过使用对比鲜明的粗体颜色,给文本带来一种视觉上的紧迫感。Banner广告并不总是需要柔和。

12. 善用意象(仅在需要时)

选择相关的图形和照片,增强你的信息和直接相关的产品。这里没有抽象概念。

买不起专业摄影或超模照片?选择一张廉价的图库图片也行。如果可以的话,尽量选择由设计师创作的原始插图或图形。

记住,在Banner广告中不一定要使用图像。顶级的文案和漂亮的排版可以创造同样有效的结果。

13. 选择合适的颜色

应用不同的颜色会带来不同的联想,你需要考虑清楚想唤起观众的哪种情绪。颜色是用户在Banner中首先会注意到的。

10.webp.jpg

颜色也是主观的,在不同的文化中有不同的联想。在选择颜色时,一定要研究你的目标受众。下面是一组颜色和它们在西方观众中所代表的典型情感。

红色:激情、愤怒、兴奋和爱。这种强烈的色彩对大多数观众都有吸引力,但要适度使用。如果你想要一个经典、成熟或严肃的造型,避免使用红色。

橙色:充满活力。橙色不像红色那样让人无法抗拒,但它仍然远离人群,散发着活力;这是一个很好的CTA按钮颜色。

黄色:欢乐、阳光和友爱。黄色很抢眼,散发出一种活力,既年轻、可接受度也高。

绿色:健康、新鲜、财富、环境、成长、培育和新的开始。它对眼睛也很好。

蓝色:安全、信任、清晰、成熟、宁静、智慧、正式、清爽、冷漠和男性气质。蓝色出现在超过一半的商标中。

紫色:奢华、尊贵、奢华、智慧、魔力、女性气质、创造力。它对浏览者有一种镇静的效果。

粉红色:爱情、甜蜜、女性、青春和婴儿。粉红色通常与所有女性相关,但有一个基于亮度和色调的真实范围。

黑色:排他性、神秘性、现代性、权力、威望、奢华和正式。它是传统的,白色背景上的黑色文本是最易读的颜色组合。

白色:纯洁,清洁,现代,贫瘠,简单,诚实,天真。白色创造了经济感和青春的感觉。

棕色:自然,木材,皮革,严肃,男子气概,坚韧,谦逊。棕色可以中和较强的颜色,适合背景色和纹理。

灰色:中立性和实用性。当用作背景时,灰色可以衬托其他颜色。

14. 文件尽量小一点

根据谷歌Adwords统计显示,当涉及到文件大小时,文件越小越好—最好保持在150 kb以下。为了避免浏览者向下滚动并错过它,文件小的Bannner可以快速完成页面加载。

15. 使用正确的文件格式

通常,设计成果一般是JPG, PNG, GIF或HTML5文件。记住,Flash广告在这一点上已经过时了,所以尽量选择其他几个图像文件格式。

准备好去设计更好的网页Banner吧!

以上只是一些对Banner广告设计的小建议,但要创造出真正很棒的、高效的Banner,需要花更多的心思。如果你不是专业设计师或者没有时间设计,也可以考虑聘请一位有才华的创意人员,为你设计完美可点击的Banner广告。

译者:摹客Mockplus

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定