在线广告也是网页设计的组成部分

付付秀珍

付付秀珍

2016-02-17 04:35

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享在线广告也是网页设计的组成部分的教程,热爱PS的朋友们快点看过来吧!

近年来,广告已成为很多网站的主要收入来源。不久前,在线广告往往遭到访客的拒绝,广告客户也不确定它的价值和效力。今天,大多数访客期望在商业网站上看到广告,广告客户已经认识到各种在线广告的潜在机会。长期以来广告一直是印刷出版物的一部分,如杂志和报纸,现在它们已经在网上期刊和出版物扮演同样的角色。

网站所有者或者发布的产品和服务总是会担心广告存在的影响,同时它也影响着网页设计师,因为他们必须设计出能带来广告收益同时又满足访客需求的网站。依靠广告收入的网站需要一个有合适位置和排版的设计以更好的卖出广告,广告客户需要一个能让他们的广告达到一定曝光度的位置。

当设计师没有把广告作为首要关注点,那么设计出一种尴尬的布局就很好解释了,这种布局要么有损网站流量广告,要么把广告放置在无法吸引访客注意的位置。为了让客户的广告效益达到最大化,同时对网站的界面和可用性影响最小,设计师必须在设计的整个过程中把广告需求考虑在内。

The Raw Story看上去处处都有可能有广告挤进来,损害了内容的易阅读性。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

从最基础开始

当然,并非所有网站出售广告位,但这样做的网站越来越多了。随着博客普及率的上升,以及设计师收到更多自定义博客主题的需求,这个问题将越来越普遍。对这个话题进行充分的讨论需要我们从最基本的问题开始。

广告客户为什么要对广告位付费?

显然,广告客户购买广告获得曝光推广并改善他们的财政。每个系列的广告目标不断改变着,有一些主要关注品牌识别度和总体的推广,而有一些只关心产品的销售。广告客户可能希望从他们的广告中得到访客的点击,但是他们最终的目标都是为了加强公司的业务。

设计师可以通过广告的位置设计来影响这个议题,当然,设计师不能决定产品和服务的销售,但广告位置是点击率的关键,因此对广告是否成功具有相当大的影响。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

广告客户为了什么而付费?

访客的点击,销售的转化,或者是简单的屏幕位置?所有这些都有可能,并视情况而定。例如 点击广告,以点击作为支付标准;联盟广告以订单或用户行为为支付标准;直接广告,一般都是给屏幕上的位置设定好价格并出售

如果网站要把广告卖给其他公司,那么在整个设计过程中把广告客户的需求考虑在内是很重要的,点击和联盟广告也许还能被放在网站的任何地方,当然结果也会有所不同,但是直接广告收入依赖于广告客户对所付费用得到的结果的评估, (If they are paying for prime on-screen real estate, that’s what they’ll expect.这句不知如何理解好,请高人指点)

网站或企业为什么要发布广告?

广告可以给网站带来很多赚钱的机会以及大量的流量,尽管有其他方式为网站带来收入,但是广告是为数不多的方式,可以让网站拥有者充分利用现有的流量而不用额外的工作,比如生产产品或提供服务

博客作者发布广告,是因为这些所得可以让他们赚得额外的收入,而且最基本的能抵消自己写文章花费的时间并维持博客。新闻网站销售广告是因为他们通常拥有大量的读者,同时他们的线下商业模式如印刷的报纸,已经不能像前几年那样带来可观的广告收入。随着越来越多的消费者转向在线出版物,而不是报纸新闻,广告收入也将从印刷出版物转向在线的。

在大多数情况下,广告收入是业务成功的关键,出于这个原因,在设计过程中它应该是优先考虑的事项。对于那些通过网站向访问者出售服务的服务型企业,设计师的工作包括建立一个有效的向房客推销服务的网站,这同样也适用于依靠广告收入的网站和企业。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

为什么广告是网页设计的重要部分?

对于依靠广告收入的网站所有者和企业,这是显而易见的。没有足够或者正确的空间给广告,将给业务带来很大负面影响,一旦出现这种情况,为了销售业绩就会企图移动或开辟新广告位,从而导致网站看上去很尴尬而且无组织,因为这些位置没有在起初的设计过程中被考虑进来

广告收入作为其主要收入来源的网站,可以和依靠销售产品的电子商务网站进行对比,没有设计师会建立一个不把产品、描述和图片位置作为重点的电子商务网站。同样,需要广告收入的企业网站不能在广告位上有所妥协。

广告是网页设计的重要部分的另一原因是对访客的影响,虽然网站可能依赖于广告收入,但是访客是关键点,没有他们,广告收入就消失了。网站所有者和设计师需要把广告融入进来同时始终保持积极的用户体验。

在线广告的难题

当销售广告的网站想要这些广告能被访客注意并欣赏,一种微妙的平衡是很有必要的。除了冲点击和专门为联盟广告设立子公司的网站,为广告设立的网站需要割舍一部分用户以保证维持广告收入,同时它也需要留住大部分访客以保证自身的成长。想要抓住所有游客,将导致没有广告收入,为了广告客户而牺牲所有访客将导致自身发展的停滞。

在网络世界,一个广告的点击可能使访客离开,虽然广告可以设定为在新窗口中打开来预防这一点,但仍然不能保证访客点击广告后会再回来。

广告如何影响网站的设计?

在网站布局上不管设计师多关注广告,它在某种程度上影响着设计。最理想的是,在设计中设计师已经把具体的广告位考虑在内,从而得出网站的布局;在这种情况下广告能在网站上其效果的同时又不会扰乱内容或信息流的顺畅,并给广告一个明确的重要的位置。

在另一方面,如果广告没有被充分考虑在内,它们看起来将非常不协调,会扰乱网站的其他部分。

布局和间距

广告很可能占据网站布局的一大块空间,不管是一个大广告条,还是数个绑在一起的小尺寸,布局都会受到影响。一些网站会在整站分散不同的广告,一些会限制它们出现在具体范围内,并让其他位置为免费广告。

广告的策略取决于多方面因素,但是在特定行业和领域的网站倾向于采取类似的方法。例如,新闻网站通常在整个网站布局中都散布着广告,它们可能不会在某个特殊领域存在,却总是会有少量存在于许多位置。

CNN.com 在整站都包含了一些广告。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

在线广告也是网页设计的组成部分,PS教程,图老师教程网

和新闻网站想必,许多博客会让横幅广告固定在一些指定的区域,通常是在边栏,其它位置则不会有广告出现。这一做法使得设计师需要为广告谋一个比较大的区域,而其它区域则基本不考虑广告位。

Blogging Tips 在右边栏有6个125*125px大小的横幅,而其它的广告仅存于个别文章的评论之前。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

无论是博客还是新闻网站,由于广告常常被放在边栏,所以在设计布局时主要要考虑容纳广告的边栏所需的宽度。例如,许多新闻网站在边栏有300*250的横幅,所以边栏必须足够宽以容纳该尺寸。如果这个没有考虑在内,那么盈利机会和潜在收入将受到不利影响,或者布局不得不更改。

当然,边栏不是唯一的常见广告位,很多网站出售它们的页头位置,因为这里常常能带来最高的广告价格。在这种情况下,广告在设计中一定要作为重要元素,否则这里可能就不会留出位置。特别是对于页头有标志、品牌区以及主导航的网站,为了在页头包含广告位,所有这些元素必须被合适的布局,或者主导航可能被移到别处。

CSS Tricks是在页头有横幅的博客网站之一,在这种情况下,468*60px的横幅很恰当的被设计在页头中。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

颜色

网站设计师无法控制在网站上出现的横幅的颜色或设计,将来也肯定不能,但是他们能制定配色方案时考虑一些可能性。横幅广告为了吸引访客的注意,往往比较丰富多彩、明亮,如果网站设计的充满许多不同色彩和阴影,和同样色彩丰富的广告搭配在一起就会显得很尴尬、很拥挤,特别是当这些颜色还很不协调的时候。

一些展示很多广告的网站会需要一个柔和的配色方案,以避免用户承载太多颜色。在某些情况下,网站需要广告脱颖而出,以吸引更多用户注意网站本身,只是颜色将是非常有效的方法。

流动

任何类型的网站设计师面临的挑战是展示内容以让用户关注重要信息,眼睛在屏幕上独特的移动方式和网站的内容流动,会受到广告的影响,网站所有者寻求广告收入最大化时,常常会把广告位放在眼睛关注的位置,原因是这些位置往往产生最佳结果和最多广告收入。

那些想要广告收入,但是希望对访客的影响最小化,就会让广告远离主要的内容,这种做法的例子有博客将广告位置放在发布内容之中或者在边栏。直接在发布文章的上面或下面放广告,往往比放在边栏更容易引起注意并引起点击,所以它们一般都以更高的价格出售。网站所有者需要在这方面做决定,设计师也需要了解这些决定并在设计中合理安排广告位置。

纽约时报在它的页头和主题内容区域都没有广告,但在右侧留了大块面积给广告:

在线广告也是网页设计的组成部分,PS教程,图老师教程网

设计师对广告的责任是什么?

1、了解广告收入的优先级

很多网站根本没有广告,而其他的会依靠广告维持业务,还有一些包括部分广告但不是主要收入来源。设计师需要了解广告在设计中要占多高的优先级,如果广告收入是业务的主要来源,那么广告位在布局中将会是最重要的元素之一;如果销售产品或服务更为重要,那么产品和服务在设计中要优先于任何可能包含的广告。

设计师的工作不是决定广告在网站设计和布局中应该发挥多大作用,但是需要努力趋充分理解需求方在这一块的需求和愿望。带着正确的观点并和需求放站在同一面来开始设计,是至关重要的。

2、设计一个满足客户的网站

大多数web设计师可能会喜欢从来都没有广告,并能够用其他方式利用这些空间。然而,客户需要一个能带来广告收入的网站,这时这些广告空间必须成为设计的一部分。

3、设计一个有吸引力又易用的网站,同时包含广告空间

不管广告的优先级是高是低,设计师需要创建一个有吸引力的网站,广告可能是一个麻烦的元素因为空间的占有和对内容流的打断,但是设计师还是必须做到这一点。如果有大量的广告,就需要更加注意网站的可用性,让访客受到最小的干扰。

广告和设计的趋势

看那些出售广告的网站,特别是依靠广告为主要收入来源的,我们能看到一些趋势:

头部广告

很多网站出售页头广告位,通常是在logo的一边,或导航的上面或下面,很多不同类型网站都有这种趋势,而且只要这些广告能给广告客户带来实效,它就会继续下去。

Washington Post 在文章页用了两个页头广告,第一个尺寸为300×45,位于logo的右侧,在此之下还有一个728×90的,位于logo和导航之间。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

Lifehacker ,有一个大页头来容纳300×250的广告,注意该网站显然是考虑到完美适应这种大小的光告而设计并布局的。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

所有内容之上的广告

一些网站将广告放在所有内容包括页头之上,这使广告处于网页最上端,但是能离开内容流;这减少了广告的潜在干扰,但是让其他任何内容都往下移了,在第一屏可看得内容减少。这种趋势在一些新闻网站特别明显。

TechCrunch 在页头纸上用了720×90的广告,在它之上仅有一条绿色的线条。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

L.A. Times也在所有内容之上包含了一个广告,但它不显示在主页。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

Monster 在它的工作搜索页面最顶端放了728×90的广告。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

内页比首页有更多的广告

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

一些网站如刚才提到的 L.A. Times,保持首页更受欢迎,更方便使用除了广告位之外的空间,当然这些网站会在其他页面包含广告,这是新闻网站的另一个普遍趋势。

Reader’s Digest的首页避免任何广告出现在页面上方。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

但是,单独的文章页面在页头之上有728×90的广告,一个300×250广告位于右栏最上方,以及一个135×600的摩天长条广告位于左边栏,加上一些额外的广告在页面的底部。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

类似Reader’s Digest, Time在首页也避免广告。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

文章内页有一个728×90的头部广告和一个位于边栏最上方的300×250广告。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

常见的广告尺寸

你浏览一些网站,会发现广告在网页中占不同的比例,但其中大部分都有标准尺寸。互动广告局制定了标准尺寸以用于在线广告,虽然网站所有者可以出售所有尺寸的广告,但建议还是遵循标准,因为潜在的广告客户可能已经有设计好的标准尺寸广告,因而将有更大可能去购买标准尺寸的广告位。网页设计师应该了解客户希望出现在其网站上的广告尺寸即标准尺寸。

博客通常会实用125×125的尺寸,尽管其他尺寸也在使用。Daily Blog Tips就是一个典型例子,6个125×125尺寸的广告放在右侧栏,其他唯一的广告就是左侧栏底下的长条幅。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

另一个常用尺寸是300×250,很多新网站都会在侧栏实用这个尺寸。

在线广告也是网页设计的组成部分,PS教程,图老师教程网

设计师的最优方法

1、设计满足用户需求

设计师最终是要像客户负责的,必要时设计师应该给客户建议,但是最终网站是要让客户满意才行。虽然设计师可能不同意客户在网站上使用广告的需求,但如果客户确定要这样做,我们就要考虑如何做到最好。

2、合理布局网站以便广告成为设计的的一部分

看上去很自然、标准的带广告的网站,通常是设计时就把广告考虑在内的。广告能非常适合在侧栏的某一特定位置不是偶然的,合理布局广告位置,使实现网站的最佳视觉效果成为可能,而把广告随意的放在不适合的位置上,将会压倒其他精心设计的布局。

3、考虑将来的需求

你可能会发现自己处于这样一种情况,当时设计网站时广告并不是重点,但是在不久的将来,它将成为主要收入的来源。很多网站开始时几乎没有广告,一旦用户群建立起来就需要提供更多广告位。最理想的是,设计过程中将这种情况考虑在内,并计划将来新的广告位放在哪里。侧栏通常是增加广告数量同时不影响布局以及内容的最佳位置,但是页头广告就相对比较困难了。

在最初就试着和客户讨论长期计划是很好的做法,以便避免这样的情况发生。如果在新的改版之前,不久就会需要更多的广告位,那么可以在一些位置放暂时性的内容,直到它们被用来做广告位。例如,一个区域可以被用来展示网站本身的内容,一旦广告收入变得更加重要就去掉这块内容用广告位代替。

4、考虑对浏览者的影响

设计师努力让网站包含广告位置以让广告客户满意,但浏览者同样也是要考虑的。当涉及到广告,很多决定、判断需要确定,什么是适当的?哪些看起来太多了?

进入论坛参与讨论和交作业

展开更多 50%)
分享

猜你喜欢

在线广告也是网页设计的组成部分

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
在线广告也是网页设计的组成部分

美育胎教的组成部分

设计创意
美育胎教的组成部分

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

相机由哪些部分组成 相机的组成部分

相机 拍照
相机由哪些部分组成 相机的组成部分

它的组成部分有哪些

设计创意
它的组成部分有哪些

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

背景:人像摄影中的重要组成部分

摄影 人像摄影 静物摄影
背景:人像摄影中的重要组成部分

C++箴言:拷贝一个对象的所有组成部分

编程语言 网络编程
C++箴言:拷贝一个对象的所有组成部分

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

设计师技巧:文字处理与设计详解

设计师技巧:文字处理与设计详解

如何透过飞机的窗户拍摄照片

如何透过飞机的窗户拍摄照片
下拉加载更多内容 ↓