网站制作中的网络广告的互动新体验(图文教程)

所属分类: 网页制作 / 应用技巧 阅读数: 1271
收藏 0 赞 0 分享
网络广告之互动新体验 脚本之家

  随着网络时代的日趋成熟,网络广告的发展也是水涨船高,霸气的广告收入,完美的品牌展现,已经成为用户对广告投放媒介的首选。而作为网络广告的“前线战士”,我们应该如何守住自己的前沿阵地,再立新功?这将是一个值得我们去探讨的问题。

  网络广告(Internet advertising),于1994年发源于美国,Hotwired杂志推出了网络版 的Hotwired,并首次在网站上推出了网络广告,而中国也在三年后的1997年,由Chinabyte推出了第一个网络广告。由此拉开了网络广告发展的大幕。短短10几年的发展,网络广告从无到有,从小到大,现在已经发展成为广告行业的霸主,2012年广告规模预计可以突破462亿(DCCI数据)。于此同时,在网站的盈利模式中,网络广告也就成为了各大网站最主要的经济来源之一。因为它具备了其他媒介所不具备的优良品质:

  (一)受众量大。

  (二)投放精准

  (三)互动性强

  (四)费用低廉

  (五)数据客观

  而作为广告设计师来说,我们需要深刻理解的其中一项就是“网络广告互动性”,广告互动性的有无、强弱,可以直接影响到网络广告的投放效果。进而有可能影响到品牌的口碑传播。

  那么从什么时候开始,网络广告开始注重互动性这个概念呢?

  随着WEB2.0的到来,各大门户网站的稳健发展,博客,微博,微信,等网络工具的广泛应用。豆瓣,开心,花瓣,迅雷方舟等网络分享平台的日渐成熟、完善。促使大家对网络的依赖越来越多,也越来越重。因为,通过网络几乎可以做到用户所有想做的事情。在这个使用过程中, 一些具备,方便、易懂、易学,模拟现实的使用过程的网络广告,更容易让受众接受,并且会产生更好的投放效果。受众对此更容易产生了解欲望,而后转告好友,或者有共同爱好的一些人。在这个过程中,受众的角色也从一个信息接收终端,转变为一个信息的发布或传播者,这种廉价的传播方式,可以使广告效果成几何倍的放大。最大程度上的降低了产品广告成本。

  所以,互动网络广告应该不仅仅只看重的是画面、布局,这几个最基本的视觉构成元素,更应是可以参与体验的,不仅仅只是被观看,而是可以被触摸的。通过画面等视觉元素来吸引受众,通过提高用户的主动参与来进行品牌形象和品牌文化的有效传递。

  广告语在互动网络广告里也是重中之重,要分清主次,抓住重点,简明扼要。要方便记忆,有助于用户进行二次传播。用语平易近人,贴近日常生活,使产品的信息更容易让受众接受。(衡量广告价值的标准也会转变,不是按点击量多少决定一个广告的成败,而是以点击成本及转换率的高低来衡量一个网络广告)所以,互动网络广告应该具备的3个特点:

  (一)互动性。

  (二)可操作性。

  (三)信息的平等对话。

  那么如何设计互动网络广告呢?这里例举了几个方法案例,供大家参考。

  (一) 思维导向图的建立。(发散性思维)

  在各条分支上找到与主题最为贴切的思维闪光点。进行诠释,并在此基础上提炼创意文案及广告语。

  例:迅雷会员功能–快传

  经过分析得出,迅雷快传的本质是一个高速网络中转平台,从这些关键词中,我们不仅仅看到的是它的特点,更能够映射出它服务的重要性,迅雷快传给予用户的不单单是快速的传递资源,更重要的是快传给予用户的那种服务,把用户当做自己的朋友,把我们快速的服务像包裹号的礼物一样,每天都会源源不断的传递给用户,更重要的是要体现这份情。所以根据这些,我们确定的广告语为:在互联网时代,分享礼物还很复杂?快捷,才是我们的宗旨。

  迅雷快传.SWF

  (二) 利用鼠标响应,和受众用户进行互动

  利用鼠标的移动、点击、拖拽。等基础使用原理,让受众用户更加轻松的参与到互动广告中来。尽量多的模拟现实生活中的动作,降低受众的学习成本。不会使其对未知的东西感到迷茫。

  例:迅雷会员功能-高速通道、网游加速器、离线下载、迅雷播放特权

  高速通道.SWF

  高速通道模拟现实生活中的物资传送带,拖拽摇杆就可以感受到迅雷高速通道带给你的不仅仅是速度,更重要的是让你有时间去喝杯咖啡。

  网游加速器.SWF

  网游加速器通过货车(传统未加速)和跑车(网游加速器使用后)的速度对比,可以让玩家感受到飞一样的感觉。

  

  物资的移动不用读秒,离线下载帮你搞定。

  

  迅雷能给你的不仅仅是工具,更是享受快乐时光的简单方式。

  文章来源:迅雷CUED

更多精彩内容其他人还在看

网页设计技巧:iframe自适应高度的问题

所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe
收藏 0 赞 0 分享

网页色彩对比与调和技巧分享

在对比状态下,色彩相互作用与单一色彩所带给人的感觉不一样,这种现象是由视觉残影引起的。当我们长时间注视某一彩色图像之后,再看白色背景时,眼前会出现色相、明度关系大体相仿的补色图像
收藏 0 赞 0 分享

网页色彩性质的分类

任何颜色都可以使用三原色——红、绿、蓝组合而成,三原色中只有红色是暖色,所以要判断作品颜色的冷暖,可以依据红色成分的多少而定。色调主要由明度与彩度组合而成,用来表示颜色的状态
收藏 0 赞 0 分享

使用Photoshop 制作网页线框图简单实用

这篇文章向大家介绍一套免费的Photoshop 线框图套件,这个线框图套件中包括通知、图片和视频,表单字段,标题,段落,项目符号列表,导航,广告横幅和普通网站的元素,如:搜索框,电子邮件注册表单等等
收藏 0 赞 0 分享

CSS使用技巧总结

偶尔看到一篇CSS常用技巧的总结文章,本人整理了一下,晒出来和大家分享,希望可以帮助你们
收藏 0 赞 0 分享

Web设计师如何制作Retina显屏设备的图片

到目前为止,我们知道苹果设备中支持Retina屏幕技术的有“iPhone”、“iPod”、“iPad”和“Macbook Pro”,这些设备能为用户呈现更细腻、平滑和高质量的图片效果,提高了用户的视觉体验。做为一名Web设计师如何为你的网站创建这些适合Retina显屏设备的图片呢
收藏 0 赞 0 分享

JPG,GIF及PNG各类型的图片格式详细解说

大家都知道网页上面的图像一般用jpg、gif和png这几种格式,他们有什么区别以及在什么场合下使用进行详细介绍看了下面的内容后你可能会有了自己的结论
收藏 0 赞 0 分享

组件化的前端开发流程详细说明

做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程,开发流程的好坏,直接影响着页面开发的效率,间接影响游戏的时间为了更好的开发,我们做了一下总结
收藏 0 赞 0 分享

我们在囧途之UI工程师职业感慨

我是一名还不算特别优秀的UI工程师;这个要先说明一下UI不是美工,美工是以图片方案设计为主的岗位,而UI是指用户交互体验的设计
收藏 0 赞 0 分享

分享8款提高网页设计出色的CSS工具

当一个人需要编辑或修改网站设计,CSS发挥着重要的作用;今天就给大家分享8款非常出色的CSS工具,这些工具都是很出名的,能够解决开发当中常见的棘手问题,希望对你开发有所帮助
收藏 0 赞 0 分享
查看更多