网页上的广告条设计

广告|设计|网页

banner条,是网站用来作为盈利或者是发布一些重要的信息的工具。但是它又不能作为网页的主要内容,因为它的主要目的是吸引人的注意力,让人来购买某种商品,或者是让人注意网站的一些动向,一些新的东西要让用户知道。从这个角度出发,就决定了它的性质。那就是作陪衬,但是又是非常重要的部分,这就是广告条的一些基本的特征与要求。
  广告条的出现给网页的制作带来很多的东西,不光是要求附加一些可能是设计者不愿意加的东西,使他们不得不在制作网页的同时要把广告条作为整体的一部分来考虑,当然这同时也是一个就会,通过广告条的制作,给网页增加光彩。可以换一个角度理解,可以把广告条看做网页本身的一种装饰,这就要求做得好的广告条,因为网页本身的内容不能做太多的装饰,什么线条啊,颜色块啊等,不能太多,否则会影响使用功能。所以可以恰如其分的利用广告条来作装饰,一举两得。由此可以将网页的风格表现出来,主次分明。例如可以将网页按照自己的意愿做成古典主义风格,只要自己的广告条都采用统一的一种修边,是自己的页面呈现出古色古香的气氛,适用于一些特别的网站。也可以将之做成后现代风格,只要在自己的网站上把作为装饰的广告条作一些处理,按照打破均衡、用色打破常规,大胆的采用一些断裂的形式感处理。这样就可以在不损使用功能的情况下可以将页面做得整体感强,使用起来更加的方便。一下就广告条本身讲讲设计的规则。

  从功能上来讲,网页上的广告条主要有一个特点要突出,就是醒目,能吸引人的注意力。因为在位置上或者是大小上,广告条是处于一种劣势,但是由于它通常是要让人点击才能达到它的作用,所以就从它的自身入手,作出一些特殊的极富冲击力的效果,要能做到这一点,我想应该从以下几个方面入手。
 
首先就是要美观,有时候是在一个很狭小的区域里要想让人点击,不美观是不行的,本来就不是使用者所要关注的内容,所以假如没有特别的事情,他就不会去点击,加之广告条设计得又不美观,就会加重的这种情绪。点击的可能就会化为乌有。反过来说假如要在这个小的区域里设计得非常漂亮,让人看上去很舒服,即使不是他们所要看的东西,或者是一些他们可看不可看的东西(这种情况特别多),他们就会很有兴趣的去看看,点击就是顺理成章的事情了。因为这个小局域的设计在某种程度上就代表了整个它要推荐的东西的水准,这是一种心理上的提升, 缱龅煤芷烈苍谝桓霾嗝娣从α松杓普叩牧伎嘤眯模仓挥姓庋拍芨褂谜咭宰鹬兀宰鞴愀嫣醯纳杓疲灰晕皇峭车母绞粑铮佣桓柚厥樱皇欠笱艿男瓷弦恍┳郑蛘呤怯靡徽樯偌由弦痪淇诤攀奖暧铮萌四岩越邮堋?br>
  再者从功能上来考虑就是要方便于点击,因为作广告条的目的就是要通过大量的用户的点击,达到为厂家作广告,或者是让用户知道一个什么信息。为了是厂家满意,让自己网站满意,就要想办法是更多的用户来点击。所以就要考虑到位置的编排上要适合于点击,如通常的把它设计在网页的上部和右边,使使用者随便移动鼠标就可以点击到;还有一个是一些网站的广告条设计没有考虑的,就是热点链接,主要是用一个图片作的广告条,有些在图片上只有在一些局部作的热点链接,而不是很清楚到底在什么位置,让人点击的时候,鼠标在图上移来移去就是找不到目标。还有一些的广告条是一些轮换的图片,而在这些轮换的图片中一些图片做了链接,那当看到自己感兴趣的东西,把鼠标移上去准备点击的时候图片又换走了。这就严重的影响了使用功能,所以在设计这个的时候,尽量用这个区域的热点链接。这样方便人点击,还有既使要用轮换的图形,也要考虑一下热点链接出现的时间,充分考虑到能让人从看到这个图片(上面有可点击的链接)出现到点击的时间,让他们能够有足够的时间来点击,而不是要把鼠标移到广告条的地方,等着出现就点击!这是很多人都不愿意作的;推荐是用整个广告条作一个链接;还有就是做的链接到的页面不能太大,造成点击之后半天都不能显示出来,可能很多的这种页面的内容都是用户所只是看看而已的东西,假如这样他们早就没有耐心看全部显示了。这是设计者设计时要考虑的。

还有一点就是广告条与整个网页的协调,不能让广告条的抢去了整个网页的风光,这样真正是喧宾夺主。因为假如你浏览网页肯定首要的目的是看网页上的主要内容,假如是看新闻主要的目的就是看主要的新闻的内容,而不是主要看广告条,有些个人主页在这个方面做得很不好。整个页面都充斥着乱七八糟的一些广告,什么网上赚钱,一次点击多少多少钱等,让人一看连看其它的内容的兴致都没有了。所以要使人对自己的广告条感兴趣,就必须使广告条的设计同整个页面协调,同时又要突出、醒目。这个虽然是个理论上的概念,也不是不能做到的。要使整个页面协调就做到几个方面就可以了。就是用色要同页面的主色相搭配,比如主色是浅黄,广告条的用色就可以用一些浅的其它颜色。切忌用一些对比色,例如假如主体色是红色(在一些需要浓烈的感情色彩的网站)的页面上就不要用绿色。以免太刺激。同时也显得比较的俗气。用色区别开来是应该的,这个区别是建立在一个程度上的,不能过火,超过了这个度就只能达到相反的效果。

  再单独看看广告条本身的内容,作为一个网页的一个局部,但是它本身是一个整体,所以就要分析一下作为整体的组成,一般来说,它是由文本,图片,和动画这几个组件来组成的,文本在某种程度上说必不可少的,因为这么狭小的一个空间里要告知用户信息,如果只用图片来表现,很难做到这一点,用文字可以简洁明了的告知信息,为了避免单调,一般是采用图片作为背景,加上文字来进行说明,通过搭配,可以是页面丰富同时又能清楚的表达要说明的信息。

  既然这样,从文字的地位上来讲,就要突出它,在设计时可以在广告条的局域里设法通过颜色和大小来突出。这样文字就不必考虑与整个页面的协调问题,因为它是作为广告条的一个整体的一部分,假如前者已与整体协调,就同样是协调的。所以可以将文字做的醒目一些,吸引人一些。这就可以采用动画的形式,可以用闪动的方式,或者是一些渐变或者消影的方式,这样既使页面显得丰富多彩,同时也让人浏览的时候不得不注意到广告条的内容。有时候能造成这样的效果,就是在用户主要关注上面的内容的时候不经意间看到一些吸引它的东西,这样就去点击了。达到这样的程度,设计者的目的就达到了。

同样文字的精巧设计是非常重要的,提出一些空洞的口号是让人反感的,同时平铺直叙又让人提不起精神,这就需要设计者从要宣传的东西出发,发觉用户感兴趣的东西,这时候就要求设计者亲身体验或者是作一定的调查,别以为是一个小小的广告条,别以为它只是一个网页的附属物,要能做好,让自己的委托者满意就不能不下功夫:假如是一个电脑商的广告,就要求你从自己角度,看自己要是购买这个类似的产品,最关心的是什么?自己最喜欢厂商提供什么?假如自己没有这种体验,就要做做小的调查,向自己的同事,朋友调查,看看同样的内容他们怎么看?只要抓住了这些信息,就能在设计这种广告条时想出独特的点子,得出自己精巧的文字,当然一些文字本身的修辞格的运用也能体现一定的水准,也是吸引人的一个因素。

  文字的内容设计占有主要的地位,同样图片和动画也非常的重要,由于页面上充满了文字,有时候文字的广告条会淹没在这个海洋里,所以假如一些跳动的图片能起到特别好的效果,所以在设计图片是要做到美观,同时也要求同自己宣传的东西相联系,有些一点没有联系的图片只能让用户看看而已,无法打动他们去动鼠标。动画的设计同样如此。好的动画把人的目光都吸引到它的上面去了。有些设计的如同一个故事,一首小诗(瞬间感觉上的),这样在艺术上提升到一个好的层次,就能打动用户。

  最后想总体的谈谈就是网页上的广告条的数目问题,以上谈的是如何是自己设计的广告条能打动人,能吸引人。如果仅仅从这个角度来看,就可以说一些网站上广告条的设计是达到这个目的的,但是它们的滥用是让人所厌恶的,整个页面上到处都是广告条,从顶部一行,左边一列,右边更是满满的,严重压缩了整个网页的内容,同时设计得到处是星星点点,都是一些小的提示性的动画在闪动,这样从小的广告条的局部可能是成功的。但是大一点看,在网页的设计上是失败的,“皮之不存,毛将焉附?”所以要使自己的小的局部能获得更多的点击率,就首先要使自己的网页设计得更加的漂亮,使用更加的方便。作为设计者很大程度上是接受任务,有时候不可避免要在自己的网页上加上很多的广告条,这时候就要考虑规范的问题,通过一些固定的格式,把他们规范化,条理化。同时用动画不能他多,一个人不能同时集中注意力到很多方面,所以要有所选择,有所侧重。这个是很重要的。

  作为网页的一个组成部分,要能充分考虑以上的形式上和功能上的因素,精心构思,就能作出很好的广告条来,同时也为自己的网页增光添彩!

时间: 2024-10-27 13:53:57

网页上的广告条设计的相关文章

webview-android WebView如何去除网页上的广告

问题描述 android WebView如何去除网页上的广告 如何去除嘴上面的广告 解决方案 从网址入手,吧对应广告的地址IP禁止掉 解决方案二: 从网址入手,吧对应广告的地址IP禁止掉 解决方案三: Android WebView 加载网页android webview加载网页

怎么实现客户在网页上输入50条股票代码, 50条信息定时显示最新价格及其变化幅度。

问题描述 客户在网页上输入(或选择)股票代码,下方显示其当前价格等信息,且定时显示最新价格及其变化幅度.股票当前信息可以从其他证劵网抓取.客户可能选择查看多条股票代码,如选择了50条股票信息(它们在页面上显示并即时变化),难道要用多线程吗?在网页中如何实现?没有具体思路?要求实现的效果如图(来自股票网):恳请高手指导?提供实现思路(比如前台和后台分别放置什么内容) 问题补充:beneo 写道 解决方案 一.抓取股票信息1.直接抓取网页内容URL fullUrl = new URL("你要抓取的网

网页设计技巧:网页的loading进度条设计

文章描述:虽然加载在整个页面来看是一件小事,但是因为加载在不经意间导致的用户流失却是大事.在加载页中显示进度,给出承诺,增加信息量或者幽默内容都能使用户潜移默化减少"觉察"正在加载的时间.但是真正可以减缓的办法还是加载的速度增快;别致的设计虽可以治标,但加载速 对于加载(loading),想必大家都不陌生.每当看到加载页中那个不停转啊转的圈圈,或者是 "Loading-"后面不停闪动的三个点点,心里都会涌起各种焦躁反感.根据一份调查得出,用户能够忍受加载的最长时间在

购物网站的Banner广告条设计方法和技巧

本文主要分析和讨论了购物网站的banner广告条的设计方法和技巧,在文章最后还总结了下设计这些banner一些经验,很值得网页设计师们来分享,毕竟banner广告条设计也是网页设计的一部分. 每周的<午间欢乐购>和<周末疯狂购>,已经成为视觉组的固定需求.从开始接触到现在5个月的时间里,思维也和这些小小banner逐渐碰撞出火花. 前期~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在网页上设计飘动广告

广告|飘动|设计|网页 把下面的代码加入<head>...</head>之间:var brOK=false;   var mie=false;  var aver=parseInt(navigator.appVersion.substring(0,1));   var aname=navigator.appName;     //check browser   function checkbrOK()   { if(aname.indexOf("Internet Expl

网页中广告条的关闭方法

广告|网页 在FLASH广告条中加入关闭的按钮只要在按钮上加入quit退出的命令即可. on(release){fscommand("quit");} 现在在FLASH PLAYER中点击退出即可关闭FLASH PLAYER,但在网页中却不可以退出.在网页中要想直接实现退出是不可能的,不过我们可以利用层的隐藏属性来实现.具体插入层的方法这里就不多说,看看下面的代码吧. <div id='right' style='position: absolute; visibility:z-

网页进度条设计:全兼容且自适应的进度条

文章简介:网页进度条设计:全兼容且自适应的进度条. 在做这个东西之前,我们需要了解基本的信息: 是否为静态加载?(是) 有多少种状态?(三种基本状态:默认.当前.已完成) 是否使用JS程序实现状态的更改?(否) 使用的频率?(高) 更新的频率?(低) 在了解这些基本信息后,我们还需要关注: 效果的完整性 性能的优越性 代码的可移植性及复用 兼容性 易维护 易扩展 这些条件有助于我们所作出的东西更加优秀. 先看一下我们以前的做法: 此做法使用了一张背景图片. 效果的完整性(很好的展示了其效果) 性

网页Banner广告字体设计用户体验

字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着.被广泛应用于网络生活的各个方面.现代字体设计在电脑技术的应用中已经深入到日常工作.生活的每一个角落.随着工作中各类需求的增多,越来越多类目的广告banner设计对字体的要求也越来越多.要想设计出较好的作品,从电脑里调出来的任何一种标准字体都是不适合的,因为那会造成千遍一律,设计"撞车"的事故,识别性不强的弊端.它要求设计者根据不同需求,不同的设计氛围.生活常识,去捕捉具有准确性.关联性.独特性.可开发性的不同个性的

网页设计中怎么把网页上的内容和数据库连接起来?

问题描述 网页设计中怎么把网页上的内容和数据库连接起来? 想做个网站,可是数据库不会连,怎么办?sql数据库代码怎么写? 解决方案 取决于你网站后台用的什么,php等都可以链接访问数据库. 解决方案二: (1)执行"开始'"控制面板'"性能和维护""管理工具""数据源(ODBC ),弹出"ODBC数据源管理器,对话框.切换到"系统DSN"选项卡. (2)单击"添加,按钮,弹出"创建新数据