网页横幅设计完全案例五十个，做横幅必GET!

版权申明：本文原创作者Caitlin Jordan，由陈子木翻译。感谢分享！

Banner广告无处不在。从网站首页页头的内容推荐到侧边栏，从文章内到图库列表中，你会在几乎所有内容存在的地方找到他们的影子。通常情况下，它们看起来漂亮，略显浮夸，还会蚕食你的网络浏览体验，尽管我们在想尽一切办法降低它们给用户的负面影响，但是坏名声总是不可避免地同它们绑定到了一起。

实际上，Banner广告对于用户的影响是巨大的，合理的运用，肯定是事半功倍的。那么到底要如何打造不让人生厌、转化率可观的优秀的的Banner广告呢？

空泛的理论或许不够接地气，不妨从下面50个案例中，来学习Banner 广告的设计技巧。

1、风格化的图文排版

这是Dear Miss Modern 所制作的一组Banner广告，每张图片在文本和图片素材上都保持了气质和风格上的一致性。字体的形式感和图片素材中图像和图形的搭配让整个广告Banner 给人的感觉更加强烈。如果图片并非是这种强风格化的，而是更加微妙的话，应当采用更加经典、耐看的字体来进行搭配，道理是一样的。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

2、营造层次

Visa 的节日广告Banner就充分运用了层次结构的优势。照片的挑选就是有景深有层次的美食，让人第一时刻会被它吸引，而文字排版则覆盖在虚化的远景上，确保了可读性，也增加了一个层次，传递出信息，确保不会混乱。按钮的位置正好置于美食之上，文字之下，恰到好处地吸引人来点击。

3、使用相关图标

这个来自Google的广告Banner 通过手绘的图标给人带来一种个人化的体验。

图中每一个手绘的图标都非常易于识别，虽不复杂，但是给人营造出一种仿若在世界中穿行的感觉。这种难以描述但是令人触动的感觉让这个广告不再只是一个广告。

4、增加出人意料的元素

一个招聘广告应该怎么做？谷歌的这个招聘广告也算的上是出人意表了，没有高大上的说明和漂亮的妹子，而是用形同小区布告栏的手写小广告一样的涂鸦手写广告。这种广告不复杂，但是却出人意料，这种熟悉的感觉也足够令人触动。