值得学习的BANNER广告图完全设计指南（上）

Banner广告无处不在。从网站首页的内容推荐到侧栏，从文章到图库列表，你会在几乎所有内容都存在的地方找到它们的影子。通常，它们看起来漂亮，略显夸张，会侵蚀你的网络浏览体验。虽然我们尽一切努力减少它们对用户的负面影响，但坏名声必然会绑定在一起。

事实上，Banner广告对用户有很大的影响。合理使用必须事半功倍。那么，如何打造一个不烦人、转化率可观的优秀Bannner广告呢？

空洞的理论可能不够接地气，不妨从以下50个案例中学习Banner 广告设计技巧。

1、风格化的图文排版

这是Dear Miss Modern 一组Bannner广告，每张图片在文本和图片材料上都保持了气质和风格的一致性。字体的形式感和图片材料中图像和图形的搭配使整个广告Bannner 给人一种更强烈的感觉。如果图片不是这种强烈的风格，而是更微妙，应该使用更经典、耐用的字体来搭配，事实是一样的。

2、营造层次

Visa 节日广告Banner充分利用了层次结构的优势。照片的选择是有景深、有层次的美食，让人第一时间被它吸引，而文字排版则覆盖在虚拟的视野中，保证了可读性，增加了一个层次，传递信息，保证不会混乱。按钮的位置正好在美食之上，文字之下，正好吸引人点击。

3、使用相关图标

来自Google的广告Baner 手绘图标给人们带来个性化的体验。

图片中的每一个手绘图标都很容易识别。虽然它并不复杂，但它给人一种在世界上行走的感觉。这种难以形容但感人的感觉使广告不再仅仅是一个广告。

4、增加意想不到的元素

招聘广告该怎么办？谷歌的招聘广告也令人惊讶。没有高大的解释和漂亮的女孩，而是涂鸦手写广告，就像社区布告牌上的手写小广告一样。这种广告并不复杂，但出乎意料的是，这种熟悉的感觉足够感人。

5、加入插画

这个案例也是谷歌的广告地图。插图的添加使整个广告地图充满了纯真和兴趣。再加上扁平元素，整体外观相对统一。这个插图并不难实现。它看起来可能有点粗糙，但它真的很友好。与摄影图片不同，插图可以给设计后者一种无法企及的气质。当然，你必须好好利用它。

6、布局适配

FatCow 这张广告图是由的 Envato Studio 为了适应不同的广告空间，整个广告制作了多个不同尺寸的版本。设计最常用的广告地图后，编辑元素进行二次编辑，制作成可以适应其他广告空间的尺寸，有些元素需要调整、删除或添加，以便实现。

7、使用华丽的色彩

这个Google Music 广告采用充满活力的粉色，搭配同样饱和度的蓝色，形成鲜明对比，也给人留下深刻的影响。与普通单色相比，这种五颜六色的多色搭配更引人注目，但在使用时要多加注意，保证可读性和协调性。

8、保持简约

如果可口可乐做得很突出，那么保持简单的设计绝对是许多优点中最值得学习的。这个可口可乐广告Baner 设计延续了这一传统：产品图+LOGO+口号+标志性配色。虽然内容不多，但效果很好。

Banner广告图充满所有信息对你不好，因为用户根本看不到。呈现最重要的信息就够了。

9、关注潮流

关注流行文化和流行趋势对你设计banner广告非常有用。Campbell 就这样，它充分利用了星球大战电影的IP，推出了相关主体的产品，吸引了星球大战的粉丝购买产品。合理利用流行趋势和主题来推广相应的产品，绝对是一半努力的两倍。

10、使用纹理

Campbell 这个广告是利用纹理来改善纹理的典范。刷的边缘使整个广告的视觉效果更加微妙，广告地图上的其他元素并不突出，但纹理的添加就像画龙点睛，提高了整体效果。

11、借助利基

利基是指根据企业优势细分的市场。广告通常需要针对目标群体，以达到最佳效果。

Target 婴幼儿系列产品的广告主要针对母亲，那么还有什么比粉色、可爱的场景更容易吸引她们呢？

12、与其说语言，不如用图片显示

Zarbee 维生素广告banner 使用图片的技巧相当突出，水果用来替代维生素，强化概念，而不是用语言来描述，巧妙而直观。

13、聚焦点清晰

当广告有明确的焦点时，品牌和用户之间的沟通就会更加直接。这个banner 广告图也是targettet 在设计上，品牌LOGO从位置到颜色都足够显眼，再加上美女姿势在结构上的引导，Target 品牌LOGO无疑是整个广告地图的焦点。

14、以图像为指导

麦当劳的广告是用图像代替文字传递信息的典型方式。咖啡这个词被相应的图片所取代。在传递信息的同时，整个广告地图不再单调，而是图文混排。简单的文字和图片可以传递信息，但混合使用更有趣和分心。

15、让产品发声

在这张广告图中，麦当劳的McFlury 无疑是核心，无论是意义上的还是视觉上的。灰色的背景使色彩鲜艳的MacFlurry 主题看起来足够引人注目。让产品本身在广告中脱颖而出，可以让整个Banner脱颖而出。 更具表现力和针对性。

16、创造角度

奥迪的广告地图通过分割空间来呈现不同的信息，但最引人注目的是从小扭转的角度带来的独特的视觉体验。这种调整使特定的信息更加引人注目。从图片中车身本身的角度来看，整个广告地图更具活力。

17、使用遮盖

使用特定颜色的半透明层覆盖背景图，可以使前景中的文本内容信息脱颖而出。这种设计方法现在并不少见。它使背景信息从覆盖中显示出来，使文本内容更具可读性，增强整体层次感。

18、设置场景

Tiffany & Co 珠宝广告地图的设计很有趣。旋转的鸡尾酒杯和美丽的珠宝组合表明，它们经常同时出现在同一个场景中，营造出一种优雅精致的感觉。通过相关项目的组合，暗示用户，让他们自己想象场景。

19、创意字体

好的排版能吸引用户的注意力，而Nikee 这个广告特别突出。它的字体设计很有创意。这些肢解字体也具有很强的识别能力，但这种设计使它们看起来更轻、更科技。这种视觉强化使广告和产品更具吸引力。

20 、使用风格化的插图

插图可以简单，也可以充满细节。风格化的插图可以通过细节和风格来增加信息的厚度，讲故事，传达感受。这种插图充满力量和活力，非常符合耐克的品牌气质。

21、使用多种元素

虽然有风险，但在广告图片中合理搭配各种不同的元素可以产生良好的形式感，就像这个ebay一样 广告地图是这样的。美丽的产品地图、标准字体、手写字体和插图元素，协调组合成广告地图。当然，每个元素的存在都是有原因的，每个元素都履行自己的职责，而不是随机的搭配，请务必记住这一点。

22、成为流行风向标

将趋势和趋势融入到Banner的设计中，使其成为广告和用户之间的纽带。这来自ebay 这就是广告所做的。把“Hotline Bling” 替换成“Haute Line Bling在那之后，这种流行文化得到了更好的解读，从而吸引了更多关注这种时尚的用户。

23、自由舒展

不是每一个广告Banner 每一个元素都必须借助格栅精确对齐排列，自由舒展的设计也同样有效。Yoplait 广告是这样设计的，更有趣，更幼稚。当然，这种设计是否合适取决于其产品的气质和特点。

24、创建联系

在设计过程中，在广告图片和文字之间保持足够的相关性是非常重要的。Talbots 图片和文字在广告图片中的气质非常接近。

25、制造对比

对比是吸引用户注意力的有效手段，ESPN的广告Banner 设计就是熟悉这个技巧。在深红色的背景下，白色的文字相当突出。字体也是尖锐而轻盈的类型，所以信息传输更有效。