高效的网页横幅广告设计,为企业赢得先机

Business Team Corporate Marketing Working Concept

唉,平淡无奇的网页横幅广告啊。

作为网络广告的早期形式,横幅广告因其缺乏美观的文本设计而受到人们的厌恶和摒弃。不过在网络广告领域,它们的地位依然十分重要。关键是要确保它们的视觉影响力(记住,广告的首要目的就是迅速吸引人的眼球)。本文将展示20种十分吸睛的网页横幅广告,也会提供许多横幅广告模板。

  • 显眼的商标

在广告正面或正中央,展示一个精美的商标或者品牌标志。例如,上图Buatoom为Omise设计的广告横幅就是如此。

 

  • 平面感

平面插画的形式已十分普遍,同时这些亮眼的图案也可以让整个广告生动起来。在以上设计中,Alex Collins 还增加了纹理感,当然如果你对纹理不感兴趣,可以只采用平面插图。

  • 巧用模糊处理

模糊处理常见于用户界面的设计中,不过其他类型如横幅广告设计也会使用这一方法。如下图模板所示,模糊处理可以更加突出标题和商标,同时也给构图增加了一丝深邃感,显得趣味满满。

 

  • 使用网格

网格是一种组织工具,可以让平面设计过程更加便利。设置网格只需要几分钟,可以为你节省许多时间。照片设置也不会太复杂,跟排列几张精美的图片一样简单。

  • 尝试单色

认为单色乏味枯燥?下面这幅设计用棕色调来体现世界地球日,充满动态感和趣味感,完全不显乏味。

  • 文本堆叠

文本可以引导读者的目光。如果想要强调行为召唤信息(Call-To-Action),你可以将文字放在上方,这样读者就可以自然地从上至下观看如果字型设置一致的话,那堆叠起来的文字就会让构图显得很乏味。所以如果你运用文本堆叠的方法,那么使用多种类型和不同风格的字体就非常重要。

  • 大胆尝试撞色

如果你不确定哪些颜色搭配会形成撞色效果,那你可以打开色环,选择互为对比的补色。你也可以选用一些看起来不相配的颜色,如红色和紫色。虽然它们并不互补,但也可以达到对比的效果。

  • 经典的色彩叠加

使用色彩叠加,可以很轻松地让图片个性化十足,使用一种或者两种以上的颜色,而且可以选择纯色以外的颜色。下面就是渐变颜色的叠加范例在应用色彩叠加时,白色字体就显得尤为突出。因此在平面设计中运用更多的颜色时,要确保你的文字十分抢眼。

 

  • 个性十足的手写字体

手写字体表达力强,而且十分可爱。不同的字体会带给人不同的感受,要选择适合自己的一款。

  • 巧用图案

根据不同季节或者特殊的假期,如圣诞节,设计趣味性十足的图案。替换你用来打造图案的图片,排版之后可以作模板使用。

  • 以文字为中心排版

如果你要设计一个广告,但没有心仪的图片,你可以仅用文字打造抓人眼球的构图效果。决定好置于最上方的文字内容后,精心设置,这样读者可以一眼就能看到。下图J.Crew设计的广告横幅就是关于大力度的折扣活动。

 

  • 展示产品,而非只是描述

描述产品的方法有无数种,但是如果人们不能看见它的外观,也不会想要买下它。因此,使用产品的最佳图片来设计你的横幅广告,让人看到它的所有优点。

  • 重点突出行为召唤信息

用亮眼的颜色来设置行为召唤信息还远远不够。它看起来必须是可以进行某种操作的,你可以将它设计为按钮的形状,或者添加边框轮廓,让人一看就知道是一个可点开的链接。将行为召唤信息准确标注出来,用简洁的语言,比如一两个词就足够。

  • 选用抢眼的颜色

如果你想通过颜色来吸引人们的注意,那么就要考虑横幅广告的投放环境,例如,如果是用在Facebook上,那无论是多么亮眼的蓝色也很难引起人们的注意。相较而言,明亮的橘色会是更好的选择。

  • 形状,形状,形状

形状是一种极为实用的设计元素,你可以将它们用作纹理、插图,或者仅作为装饰。

 

  • 巧用纹理

我们一般把纹理当作背景,不过纹理也有不同的用途。纹理可用于信纸的填充背景、不同的设计元素,甚至是作为图片滤镜确保文字内容不要因为纹理背景而模糊不清。繁杂的背景可能会降低文本的易读性。

 

  • 运用颜色渐变

今天,颜色渐变的运用十分普遍。无论是在印刷物还是数字媒体,或者是用户界面,都可以看到渐变的使用。有的比较单调,有的则结合了多种不同的颜色,如下图。

 

  • 精心挑选图片

图片当然要选择高质量的,不仅要好看还要有合适的阅读尺寸。图片还要与文字相互搭配,从而更有效地传递广告信息。如果你有多张图片选择,可以设计不同的横幅,再从中挑选。下一次你就可以根据这次设计进行改进。

 

  • 醒目的粗体标题

横幅广告中如果包含大量小字号文本会让人很难读下去。所以要确保标题短而精炼,这样就可以将它们的字号调大,增加可读性。在设置文本时要牢记这一点。