网页设计:怎样制作一个高质量的网站横幅
网页设计:怎样制作一个高质量的网站横幅
发布时间:2016-02-01 来源:查字典编辑
摘要:在网络上,我们可以发现,几乎每个网站都在顶部显示横幅广告。但通过横幅将客户吸引到企业,需要一些特殊设计。那么我们如何才能在短时间内做一个出彩...
在网络上,我们可以发现,几乎每个网站都在顶部显示横幅广告。但通过横幅将客户吸引到企业,需要一些特殊设计。那么我们如何才能在短时间内做一个出彩而效果又好的banner呢? 以下是我们整理的banner设计的几点技巧,这些技巧将帮助你创建横幅设计增加游客点击。

    banner设计的几点技巧

第一,横幅内容应该包括你的品牌

你可以使用的摄影从您的网站,可能包括你的标志,你要保持你的字体和颜色保持一致。这些封面图像不都被对方的精确克隆,但他们绝对应该是一个有凝聚力的家庭。这就是良好的品牌一个明确的信号。


图片来自微企点网站模板

第二,了解你的观众

为你的目标客户设计你的横幅。横幅设计必须针对迎合客户业务。因此,研究客户的业务,市场、客户和他们的生活方式、经济背景等设计一个横幅前总是明智的。

下面的旅游网站横幅,我们可以清楚地发现,年轻人是目标观众希望环游和探索世界:沐浴着阳光,开始一段轻松惬意的旅程。


第三,建立你的主题

要突出产品主题,让用户一眼就能识别广告含义,减少过多的辅助干扰元素。切忌,banner被切割的太细碎,内容繁多,没有浏览重心。很多广告主往往会认为传达的信息越多,用户越有兴趣,其实并不然,什么都想说的广告,就什么都说不好。


第四,设计一个简单的横幅

你的横幅广告必须是一个简单的设计来吸引游客的注意。访问一个网站的人们不是来看到广告,即使是在顶部。你必须强迫他们看广告。所以,只有一个简单的横幅,配有清晰的信息,字体,颜色和其他元素可以迫使他们看看你提供什么。已经注意到,一个复杂的设计、太多元素通常不能吸引游客的注意,他们向下滚动网页,完全避免了横幅广告。

banner画面中需要留空,留空可以使图形和文字有呼吸的空间,让用户看上去感觉协调舒适。


第五,重点文字突出

你的广告文案应该直截了当的向观众提供令人兴奋的东西。横幅的设计必须给目标客户点击广告的某种原因。你需要用简单明白的语言为他们提供的激励。用文字告诉用户,是打折货还是新货上市?如果我们最大的卖点就是“4.1”折起,那么毫无疑问,“4.1”折的字样一定要大,要醒目,其余的则需要相对弱化。


根据这些横幅设计技巧,我们也可以推理出一些横幅设计的禁忌。

     横幅设计的禁忌

第一,用最短时间激起点击欲望

用户浏览网页的集中注意力时间一般也就几秒,所以不需要太多过场动画,需第一时间进行产品的展示,命中主题。并配以鼓动人心的措辞口号引导用户。

第二,色彩不要过于要醒目

有些广告主要求使用比较夸张的色彩来吸引访问者眼球,希望由此提升Banner的关注度。实际上,”亮” 色虽然能吸引眼球,但往往会让访问者感觉刺眼、不友好甚至产生反感。所以,过度耀眼的色彩是不可取的。

第三,产品数量不宜过多

很多广告主总是想展示更多产品,少则4-5个,多则8-10个,结果使得整个Banner变成产品的堆砌。Banner的显示尺寸非常有限,摆放太多产品,反而被淹没,视觉效果大打折扣。所以,产品图片不是越多越好,易于识别是关键。

第四,信息数量要平衡

很多人总认为信息多就好,觉得所有信息都很重要,都要求突出,结果适得其反。如果banner上满是吸引点,那用户看得眼花缭乱,反而什么也注意不到,所以在Banner的有限空间内做好各种信息的平衡和协调非常重要。

 

相关介绍:横幅广告

横幅广告,一个表现商家广告内容的图片,放置在广告商的页面上,是互联网广告中最基本的广告形式,尺寸是480*60像素,或233*30像素,一般是使用GIF格式的图像文件,可以使用静态图形,也可用SWF动画图像。除普通GIF格式外,新兴的Rich Media Banner(丰富媒体Banner)能赋予横幅更强的表现力和交互内容,但一般需要用户使用的浏览器插件支持(Plug-in)。Banner 一般翻译为网幅广告、旗帜广告、横幅广告等。

类型

横幅广告通常为7英寸长1英寸宽,或468×60像素左右。它的尺寸在一定范围内可以变化。按照互动广告局(Interactive Advertising Bureau)的规范,468×60像素的称为全横幅广告(Full Banner),234×60像素的称为半横幅广告(HalfBanner),120×240像素的称为垂直旗帜广告(Vertical Banner)。

从表现形式上,横幅广告可以分成三种类型:静态横幅、动画横幅、互动式横幅

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新交互设计教程学习
热门交互设计教程学习
网页设计子分类