自互联网诞生之日起，横幅广告就一直存在。设计糟糕的横幅广告惹恼了许多用户，但它已经存在了很长时间。但是 30 年后，企业仍然需要付费将它们放在网站上和广告轮播中，因此如果做得好，它们必须工作。对？
横幅广告，尤其是动画广告，比以往任何时候都更多地用于社交媒体资料和社交广告，因为营销人员意识到视频在吸引注意力方面的力量。今天的横幅广告设计精良，而且非常有效。但对于设计师来说，他们提出了巨大的挑战，那么我们如何快速生成横幅呢？下面我们继续往下讨论：
编码横幅广告既困难又昂贵
众所周知，横幅广告，尤其是动画广告，很难在 HTML5 中编码。当然，你可以在 Flash 中创建动画横幅，但 Apple 的 iOS 不支持它们，Adobe 表示他们将在 2020 年完全关闭 Flash。
GIF 是另一种可能的解决方案，但它们的分辨率通常很差，大多数网络用户将 GIF 与模因和幽默联系起来，而不是严肃的产品。所以你只剩下 HTML5。
编写 HTML5 广告——尤其是动画广告——需要专业知识，而专业知识很昂贵。优秀的程序员知道他们的价值，找到一个你可以信任的人可能是一项不可能完成的任务。自由职业者平台似乎是显而易见的起点，但称职的程序员很快就会远离第三方网站。
如何使用Bannersnack快速生成横幅？幸运的是，这是 SaaS 时代，设计人员现在可以使用具有拖放界面的Bannersnack 等应用程序，让你可以快速有效地设计横幅广告。
Bannersnack 有什么作用？
Bannersnack 是一款在线应用程序，可帮助你为网站和社交媒体平台设计完全响应式的横幅广告——无需任何编码或设计技能。Bannersnack 的创作者想出了所有硬编码的东西，所以你只需登录，选择你的尺寸，添加你的图像，选择颜色和字体，然后发挥创意。
图片来源：Bannersnack
让我们快速浏览一下 Bannersnack 平台，看看它能做什么。
1. 选择你的尺码
Bannersnack快速生成横幅实例：从自定义尺寸和方向（垂直、水平和方形）开始，或选择预设尺寸。你甚至可以选择 Facebook 广告或 Instagram 帖子：
图片来源：Bannersnack
2. 设计你的广告
如何快速生成横幅？你可以从头开始设计，也可以使用现有的 Bannersnack 模板。Bannersnack 在其模板库中提供静态或动画设计，因此即使没有设计理念，你也可以开始使用。
图片来源：Bannersnack
3. 添加图片和文字
如何使用Bannersnack快速生成横幅？只需点击几下即可自定义你的设计。如果你可以使用 Mailchimp 或其他 SaaS 营销工具，则可以使用 Bannersnack。编辑标题、文本、按钮、背景，添加你自己的徽标和图像，并更改行高和透明度等设计细微差别。你可以制作设计精美的横幅广告，与你现有的品牌标准和颜色完美匹配。
图片来源：Bannersnack
4. 轻松制作动画
众所周知，动画广告比静态广告更具吸引力并能更好地推动行动。与非动画内容相比，读者更有可能对视频做出反应，并且更有可能访问出版商的页面或网站。
图片来源：Impactbnd.com
但是动画是出了名的棘手。Bannersnack 设法解决了这个障碍——使用 HTML5 动画，包括淡入、滑入和反弹。这些不是完整的视频广告，但它们仍然会在繁忙的网页上吸引用户的目光并提高你的参与度。它们具有快速加载的额外优势 - 这对于防止移动用户在广告加载之前滚动浏览至关重要。
Bannersnack 的 HTML5 编辑器具有直观且用户友好的界面和幻灯片管理系统，使动画变得简单。尝试使用 32 个预制动画预设之一来为广告的任何部分设置动画：
截图来源
或者，创建自定义动画并调整持续时间、延迟和过渡等内容。
5. 制作各种尺寸和形状的全套横幅
Bannersnack快速生成横幅实例：完成布局后，请尝试使用 Bannersnack 的智能调整大小选项。你可以在几分钟内制作 30 多个横幅广告，所有这些广告都基于相同的设计，因此你可以在客户的网站、广告活动和社交媒体平台上使用相同的广告。（看看这个YouTube 视频。）
图片来源：Bannersnack
如果你愿意，你可以通过更改过渡时间线或重新排列特定图层来调整单个横幅的布局，但由于 Bannersnack 的直观调整大小功能，这通常不是必需的。
新的智能调整功能：截图源
上图的 YouTube 剪辑将引导你完成从一个基本设计创建一组方形、水平和垂直横幅的过程。
6. 轻松协作
如何快速生成横幅？没有什么比发送设计证明以供评论和标记更浪费时间了。无需下载文件和通过电子邮件发送审批，而是使用 Bannersnack 的在线协作界面。你的团队可以查看广告、发表评论和建议，甚至将广告标记为已批准——所有这些都在系统内完成。
你可以通过设置自己的文件夹和工作区来组织所有设计。
7. 出口即走
如何使用Bannersnack快速生成横幅？一旦每个人都对广告感到满意，只需选择你想要的格式并导出即可。你的横幅已准备好嵌入。你可以选择 JPG、PNG、GIF 或 HTML5 — 与所有主要展示广告平台兼容，包括 Google Ads、ReTargeter 等。
对于 HTML 广告，你可以下载为 HTML5 或 AMP HTML（Google 首选的安全和快速下载格式）。
专业提示：Bannersnack 甚至可以帮助你创建Facebook 视频广告，与静态广告相比，这些广告已被证明可以吸引更多访问者并增加转化率。
当你订阅 Pro 或 Plus Bannersnack 时，你可以按照 Facebook 的要求以 MP4 格式下载你的广告。
这会让我付出什么代价？
你可以免费测试 Bannersnack，但要充分利用该工具（包括横幅集、AMP HTML 和 MP4 下载），你需要订阅 Pro 或 Plus。虽然这听起来很可怕，但价格却出人意料地实惠。当你考虑到雇用编码员或自己完成工作可以节省多少时间时，你会发现它在你创建的第一个项目中就物有所值。
截图来源
设计横幅广告的专业提示
现在你已经有了制作横幅广告的好工具，让我们为你准备一些专业提示，以充分利用你的广告投资。
1.重新定位
横幅广告通常会因为响应率低而获得不好的口碑。确实如此，但对于任何媒体，从电视广告到广告牌，都是如此。这取决于创意的好坏，以及广告的定位和重新定位的效果。
重定向横幅广告为你提供了第二次影响购买决策的机会。观众是第二次或第三次看到你的营销图形。另一个因素是网络用户再次看到你的广告是因为他们对你的服务感兴趣。
Digital Information World有一些很棒的想法可以帮助你像专业人士一样重新定位。
2. 克服广告盲区
Bannersnack快速生成横幅实例提示：读者越来越擅长忽略展示广告。Jeff Bullas提供了一些有用的技巧来帮助你克服广告盲区：
- 将你的广告放置在不寻常的位置
- 使你的广告与你的受众相关
- 使用独特的颜色、格式和尺寸
- 使用更少的广告来针对移动用户进行优化
- 让你的广告成为你设计的一部分
按照此逻辑，你将在以下情况下获得更好的广告参与度：
- 你对你展示的人有选择性
- 你使用与你的主要站点颜色形成对比的自定义尺寸和颜色（不与它们发生冲突）
- 把你的横幅放在用户被迫看到的地方，比如在博客文章的中间
3.测试，测试，测试
如何使用Bannersnack快速生成横幅？拆分测试、多变量测试或 A/B 测试：无论你怎么称呼，测试你的广告都是提高其效果的关键。
ConversionXL表示，在多变量测试有意义之前，你需要大量流量（每月超过 100,000 名唯一身份访问者）。大多数企业应该改为进行简单的 A/B 测试，即测试一个广告的两个变体，将一半的访问者发送给一个广告，另一半发送给第二个广告。
设计横幅广告并能够快速修改它们是拆分测试的关键；使用 Bannersnack 之类的服务可以为你带来成本效益。
你可以在拆分测试中更改任何内容。从大变量开始：过渡类型、静态与动画、字体、颜色、CTA 颜色和图像。一旦你的 A/B 结果相似并且你认为在主要变量方面你找到了最佳广告，就可以测试不太明显的变量 - 例如过渡时间、图像放置、字体大小和轻微的颜色变化。
此外，请务必使用此测试工具检查你的 A/B 结果是随机的还是具有统计意义的。
图片来源：VWO
一旦你对其中一个广告的效果优于另一个感到满意，就可以放弃效果较差的广告。通过持续测试，你的点击率甚至会有很小的改进。
4. 对分析保持警惕
你的在线广告平台可能包括分析。横幅广告自动化平台当然包括它们，以及查看交互热图和了解哪些广告最适合你的能力。
查看你的开发人员或广告平台提供的分析界面，并寻找用户行为模式，以帮助影响你的下一个广告设计和文案。
横幅可以很强大……如果你做得对
要真正利用你的横幅广告，你需要以一种好的方式脱颖而出。通过以某种方式娱乐或启发你的客户，而不是通过推销来打击客户。
如何快速生成横幅？Bannersnack 等横幅生成应用程序允许你快速设计横幅并轻松进行更改，以便你可以将修改后的广告与原始广告相结合，以尝试提高投资回报率并真正吸引客户。
自己试试吧。查看你从头开始设计的横幅广告所获得的结果，并将它们与你使用专业横幅广告创建者所获得的结果进行比较。看看你或客户是否能看出任何不同——因为毫无疑问他们的客户会看到。
