• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 網頁設計教程 ] 在線廣告也是網頁設計的組成部分—- 其他教程




    教學主題: 在線廣告也是網頁設計的組成部分

    大家好!! 小編今天來和大家分享關於 其他教程中的網頁設計教程教學

    今天的這個教學主題是: 在線廣告也是網頁設計的組成部分

    這教學的重點為這幾點 [ 組成部分,網頁設計,廣告,在線,網站,設計,收入,一個,位置 ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    很多客戶網站多會放一些在線廣告,所以作為網頁設計師有時候在設計網站時,必須得考慮到客戶的這種需求,將在線廣告也作為設計的一個組成部分進行考慮。

    近年來,廣告已成為很多網站的主要收入來源。不久前,在線廣告往往遭到訪客的拒絕,廣告客戶也不確定它的價值和效力。今天,大多數訪客期望在商業網站上看到廣告,廣告客戶已經認識到各種在線廣告的潛在機會。長期以來廣告一直是印刷出版物的一部分,如雜誌和報紙,現在它們已經在網上期刊和出版物扮演同樣的角色。

    網站所有者或者發布的產品和服務總是會擔心廣告存在的影響,同時它也影響着網頁設計師,因為他們必須設計出能帶來廣告收益同時又滿足訪客需求的網站。依靠廣告收入的網站需要一個有合適位置和排版的設計以更好的賣出廣告,廣告客戶需要一個能讓他們的廣告達到一定曝光度的位置。

    當設計師沒有把廣告作為首要關注點,那麼設計出一種尷尬的布局就很好解釋了,這種布局要麼有損網站流量廣告,要麼把廣告放置在無法吸引訪客注意的位置。為了讓客戶的廣告效益達到最大化,同時對網站的界面和可用性影響最小,設計師必須在設計的整個過程中把廣告需求考慮在內。

    The Raw Story看上去處處都有可能有廣告擠進來,損害了內容的易閱讀性。

    在線廣告也是網頁設計的組成部分

    從最基礎開始

    當然,並非所有網站出售廣告位,但這樣做的網站越來越多了。隨着博客普及率的上升,以及設計師收到更多自定義博客主題的需求,這個問題將越來越普遍。對這個話題進行充分的討論需要我們從最基本的問題開始。

    廣告客戶為什麼要對廣告位付費?

    顯然,廣告客戶購買廣告獲得曝光推廣並改善他們的財政。每個系列的廣告目標不斷改變着,有一些主要關注品牌識別度和總體的推廣,而有一些只關心產品的銷售。廣告客戶可能希望從他們的廣告中得到訪客的點擊,但是他們最終的目標都是為了加強公司的業務。

    設計師可以通過廣告的位置設計來影響這個議題,當然,設計師不能決定產品和服務的銷售,但廣告位置是點擊率的關鍵,因此對廣告是否成功具有相當大的影響。

    在線廣告也是網頁設計的組成部分

    廣告客戶為了什麼而付費?

    訪客的點擊,銷售的轉化,或者是簡單的屏幕位置?所有這些都有可能,並視情況而定。例如 點擊廣告,以點擊作為支付標準;聯盟廣告以訂單或用戶行為為支付標準;直接廣告,一般都是給屏幕上的位置設定好價格並出售

    如果網站要把廣告賣給其他公司,那麼在整個設計過程中把廣告客戶的需求考慮在內是很重要的,點擊和聯盟廣告也許還能被放在網站的任何地方,當然結果也會有所不同,但是直接廣告收入依賴於廣告客戶對所付費用得到的結果的評估, (If they are paying for prime on-screen real estate, that’s what they’ll expect.這句不知如何理解好,請高人指點)

    網站或企業為什麼要發布廣告?

    廣告可以給網站帶來很多賺錢的機會以及大量的流量,儘管有其他方式為網站帶來收入,但是廣告是為數不多的方式,可以讓網站擁有者充分利用現有的流量而不用額外的工作,比如生產產品或提供服務

    博客作者發布廣告,是因為這些所得可以讓他們賺得額外的收入,而且最基本的能抵消自己寫文章花費的時間並維持博客。新聞網站銷售廣告是因為他們通常擁有大量的讀者,同時他們的線下商業模式如印刷的報紙,已經不能像前幾年那樣帶來可觀的廣告收入。隨着越來越多的消費者轉向在線出版物,而不是報紙新聞,廣告收入也將從印刷出版物轉向在線的。

    在大多數情況下,廣告收入是業務成功的關鍵,出於這個原因,在設計過程中它應該是優先考慮的事項。對於那些通過網站向訪問者出售服務的服務型企業,設計師的工作包括建立一個有效的向房客推銷服務的網站,這同樣也適用於依靠廣告收入的網站和企業。

    在線廣告也是網頁設計的組成部分

    為什麼廣告是網頁設計的重要部分?

    對於依靠廣告收入的網站所有者和企業,這是顯而易見的。沒有足夠或者正確的空間給廣告,將給業務帶來很大負面影響,一旦出現這種情況,為了銷售業績就會企圖移動或開闢新廣告位,從而導致網站看上去很尷尬而且無組織,因為這些位置沒有在起初的設計過程中被考慮進來

    廣告收入作為其主要收入來源的網站,可以和依靠銷售產品的電子商務網站進行對比,沒有設計師會建立一個不把產品、描述和圖片位置作為重點的電子商務網站。同樣,需要廣告收入的企業網站不能在廣告位上有所妥協。

    廣告是網頁設計的重要部分的另一原因是對訪客的影響,雖然網站可能依賴於廣告收入,但是訪客是關鍵點,沒有他們,廣告收入就消失了。網站所有者和設計師需要把廣告融入進來同時始終保持積極的用戶體驗。

    在線廣告的難題

    當銷售廣告的網站想要這些廣告能被訪客注意並欣賞,一種微妙的平衡是很有必要的。除了沖點擊和專門為聯盟廣告設立子公司的網站,為廣告設立的網站需要割捨一部分用戶以保證維持廣告收入,同時它也需要留住大部分訪客以保證自身的成長。想要抓住所有遊客,將導致沒有廣告收入,為了廣告客戶而犧牲所有訪客將導致自身發展的停滯。

    在網絡世界,一個廣告的點擊可能使訪客離開,雖然廣告可以設定為在新窗口中打開來預防這一點,但仍然不能保證訪客點擊廣告後會再回來。

    廣告如何影響網站的設計?

    在網站布局上不管設計師多關注廣告,它在某種程度上影響着設計。最理想的是,在設計中設計師已經把具體的廣告位考慮在內,從而得出網站的布局;在這種情況下廣告能在網站上其效果的同時又不會擾亂內容或信息流的順暢,並給廣告一個明確的重要的位置。

    在另一方面,如果廣告沒有被充分考慮在內,它們看起來將非常不協調,會擾亂網站的其他部分。

    布局和間距

    廣告很可能佔據網站布局的一大塊空間,不管是一個大廣告條,還是數個綁在一起的小尺寸,布局都會受到影響。一些網站會在整站分散不同的廣告,一些會限制它們出現在具體範圍內,並讓其他位置為免費廣告。

    廣告的策略取決於多方面因素,但是在特定行業和領域的網站傾向於採取類似的方法。例如,新聞網站通常在整個網站布局中都散布着廣告,它們可能不會在某個特殊領域存在,卻總是會有少量存在於許多位置。

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

    在線廣告也是網頁設計的組成部分

    和新聞網站想必,許多博客會讓橫幅廣告固定在一些指定的區域,通常是在邊欄,其它位置則不會有廣告出現。這一做法使得設計師需要為廣告謀一個比較大的區域,而其它區域則基本不考慮廣告位。

    Blogging Tips 在右邊欄有6個125*125px大小的橫幅,而其它的廣告僅存於個別文章的評論之前。

    在線廣告也是網頁設計的組成部分

    無論是博客還是新聞網站,由於廣告常常被放在邊欄,所以在設計布局時主要要考慮容納廣告的邊欄所需的寬度。例如,許多新聞網站在邊欄有300*250的橫幅,所以邊欄必須足夠寬以容納該尺寸。如果這個沒有考慮在內,那麼盈利機會和潛在收入將受到不利影響,或者布局不得不更改。

    當然,邊欄不是唯一的常見廣告位,很多網站出售它們的頁頭位置,因為這裡常常能帶來最高的廣告價格。在這種情況下,廣告在設計中一定要作為重要元素,否則這裡可能就不會留出位置。特別是對於頁頭有標誌、品牌區以及主導航的網站,為了在頁頭包含廣告位,所有這些元素必須被合適的布局,或者主導航可能被移到別處。

    CSS Tricks是在頁頭有橫幅的博客網站之一,在這種情況下,468*60px的橫幅很恰當的被設計在頁頭中。

    在線廣告也是網頁設計的組成部分

    顏色

    網站設計師無法控制在網站上出現的橫幅的顏色或設計,將來也肯定不能,但是他們能制定配色方案時考慮一些可能性。橫幅廣告為了吸引訪客的注意,往往比較豐富多彩、明亮,如果網站設計的充滿許多不同色彩和陰影,和同樣色彩豐富的廣告搭配在一起就會顯得很尷尬、很擁擠,特別是當這些顏色還很不協調的時候。

    一些展示很多廣告的網站會需要一個柔和的配色方案,以避免用戶承載太多顏色。在某些情況下,網站需要廣告脫穎而出,以吸引更多用戶注意網站本身,只是顏色將是非常有效的方法。

    流動

    任何類型的網站設計師面臨的挑戰是展示內容以讓用戶關注重要信息,眼睛在屏幕上獨特的移動方式和網站的內容流動,會受到廣告的影響,網站所有者尋求廣告收入最大化時,常常會把廣告位放在眼睛關注的位置,原因是這些位置往往產生最佳結果和最多廣告收入。

    那些想要廣告收入,但是希望對訪客的影響最小化,就會讓廣告遠離主要的內容,這種做法的例子有博客將廣告位置放在發布內容之中或者在邊欄。直接在發布文章的上面或下面放廣告,往往比放在邊欄更容易引起注意並引起點擊,所以它們一般都以更高的價格出售。網站所有者需要在這方面做決定,設計師也需要了解這些決定並在設計中合理安排廣告位置。

    紐約時報在它的頁頭和主題內容區域都沒有廣告,但在右側留了大塊面積給廣告:

    在線廣告也是網頁設計的組成部分

    設計師對廣告的責任是什麼?

    1、了解廣告收入的優先級

    很多網站根本沒有廣告,而其他的會依靠廣告維持業務,還有一些包括部分廣告但不是主要收入來源。設計師需要了解廣告在設計中要佔多高的優先級,如果廣告收入是業務的主要來源,那麼廣告位在布局中將會是最重要的元素之一;如果銷售產品或服務更為重要,那麼產品和服務在設計中要優先於任何可能包含的廣告。

    設計師的工作不是決定廣告在網站設計和布局中應該發揮多大作用,但是需要努力趨充分理解需求方在這一塊的需求和願望。帶着正確的觀點並和需求放站在同一面來開始設計,是至關重要的。

    2、設計一個滿足客戶的網站

    大多數web設計師可能會喜歡從來都沒有廣告,並能夠用其他方式利用這些空間。然而,客戶需要一個能帶來廣告收入的網站,這時這些廣告空間必須成為設計的一部分。

    3、設計一個有吸引力又易用的網站,同時包含廣告空間

    不管廣告的優先級是高是低,設計師需要創建一個有吸引力的網站,廣告可能是一個麻煩的元素因為空間的佔有和對內容流的打斷,但是設計師還是必須做到這一點。如果有大量的廣告,就需要更加註意網站的可用性,讓訪客受到最小的干擾。

    廣告和設計的趨勢

    看那些出售廣告的網站,特別是依靠廣告為主要收入來源的,我們能看到一些趨勢:

    頭部廣告

    很多網站出售頁頭廣告位,通常是在logo的一邊,或導航的上面或下面,很多不同類型網站都有這種趨勢,而且只要這些廣告能給廣告客戶帶來實效,它就會繼續下去。

    Washington Post 在文章頁用了兩個頁頭廣告,第一個尺寸為300×45,位於logo的右側,在此之下還有一個728×90的,位於logo和導航之間。

    在線廣告也是網頁設計的組成部分

    Lifehacker ,有一個大頁頭來容納300×250的廣告,注意該網站顯然是考慮到完美適應這種大小的光告而設計並布局的。

    在線廣告也是網頁設計的組成部分

    所有內容之上的廣告

    一些網站將廣告放在所有內容包括頁頭之上,這使廣告處於網頁最上端,但是能離開內容流;這減少了廣告的潛在干擾,但是讓其他任何內容都往下移了,在第一屏可看得內容減少。這種趨勢在一些新聞網站特別明顯。

    TechCrunch 在頁頭紙上用了720×90的廣告,在它之上僅有一條綠色的線條。

    在線廣告也是網頁設計的組成部分

    L.A. Times也在所有內容之上包含了一個廣告,但它不顯示在主頁。

    在線廣告也是網頁設計的組成部分

    Monster 在它的工作搜索頁面最頂端放了728×90的廣告。

    在線廣告也是網頁設計的組成部分
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    內頁比首頁有更多的廣告

    一些網站如剛才提到的 L.A. Times,保持首頁更受歡迎,更方便使用除了廣告位之外的空間,當然這些網站會在其他頁面包含廣告,這是新聞網站的另一個普遍趨勢。

    Reader’s Digest的首頁避免任何廣告出現在頁面上方。

    在線廣告也是網頁設計的組成部分
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    但是,單獨的文章頁面在頁頭之上有728×90的廣告,一個300×250廣告位於右欄最上方,以及一個135×600的摩天長條廣告位於左邊欄,加上一些額外的廣告在頁面的底部。

    在線廣告也是網頁設計的組成部分

    類似Reader’s Digest, Time在首頁也避免廣告。

    在線廣告也是網頁設計的組成部分

    文章內頁有一個728×90的頭部廣告和一個位於邊欄最上方的300×250廣告。

    在線廣告也是網頁設計的組成部分

    常見的廣告尺寸

    你瀏覽一些網站,會發現廣告在網頁中占不同的比例,但其中大部分都有標準尺寸。互動廣告局制定了標準尺寸以用於在線廣告,雖然網站所有者可以出售所有尺寸的廣告,但建議還是遵循標準,因為潛在的廣告客戶可能已經有設計好的標準尺寸廣告,因而將有更大可能去購買標準尺寸的廣告位。網頁設計師應該了解客戶希望出現在其網站上的廣告尺寸即標準尺寸。

    博客通常會實用125×125的尺寸,儘管其他尺寸也在使用。Daily Blog Tips就是一個典型例子,6個125×125尺寸的廣告放在右側欄,其他唯一的廣告就是左側欄底下的長條幅。

    在線廣告也是網頁設計的組成部分

    另一個常用尺寸是300×250,很多新網站都會在側欄實用這個尺寸。

    在線廣告也是網頁設計的組成部分

    設計師的最優方法

    1、設計滿足用戶需求

    設計師最終是要像客戶負責的,必要時設計師應該給客戶建議,但是最終網站是要讓客戶滿意才行。雖然設計師可能不同意客戶在網站上使用廣告的需求,但如果客戶確定要這樣做,我們就要考慮如何做到最好。

    2、合理布局網站以便廣告成為設計的的一部分

    看上去很自然、標準的帶廣告的網站,通常是設計時就把廣告考慮在內的。廣告能非常適合在側欄的某一特定位置不是偶然的,合理布局廣告位置,使實現網站的最佳視覺效果成為可能,而把廣告隨意的放在不適合的位置上,將會壓倒其他精心設計的布局。

    3、考慮將來的需求

    你可能會發現自己處於這樣一種情況,當時設計網站時廣告並不是重點,但是在不久的將來,它將成為主要收入的來源。很多網站開始時幾乎沒有廣告,一旦用戶群建立起來就需要提供更多廣告位。最理想的是,設計過程中將這種情況考慮在內,並計劃將來新的廣告位放在哪裡。側欄通常是增加廣告數量同時不影響布局以及內容的最佳位置,但是頁頭廣告就相對比較困難了。

    在最初就試着和客戶討論長期計劃是很好的做法,以便避免這樣的情況發生。如果在新的改版之前,不久就會需要更多的廣告位,那麼可以在一些位置放暫時性的內容,直到它們被用來做廣告位。例如,一個區域可以被用來展示網站本身的內容,一旦廣告收入變得更加重要就去掉這塊內容用廣告位代替。

    4、考慮對瀏覽者的影響

    設計師努力讓網站包含廣告位置以讓廣告客戶滿意,但瀏覽者同樣也是要考慮的。當涉及到廣告,很多決定、判斷需要確定,什麼是適當的?哪些看起來太多了?

    進入論壇參與討論和交作業:http://www.missyuan.com/viewthread.php?tid=427854

    看完小編分享的教學之後 是不是對網頁設計教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 在線廣告也是網頁設計的組成部分 這教學會喜歡

    文章標題: 骨子愛創意- 在線廣告也是網頁設計的組成部分–轉載請註明來源處

    本教學分類為網頁設計教程中的 其他教程相關教學

    文章相關關鍵字為: 組成部分,網頁設計,廣告,在線,網站,設計,收入,一個,位置

    本文永久連結 :在線廣告也是網頁設計的組成部分

    本文轉載自 :VIA