網頁banner設計

A. 怎麼設計網頁banner

Banner規格尺寸大小不一，文件大小也有一定的限制，這就使得在設計上增加了許多障礙，顏色不能太豐富，否則會在文件大小的限制下失真，軟文不
能太多，否則會沒有重點，得不償失，怎麼在方寸間把握平衡，變得十分重要。接下來，我為大家總結累一些，如有鄙陋，請指正，萬分感謝。

第一部分：顏色

1．Banner與環境對比

試想如果在一個以淺色調為基準的網站上投放Banner，是不是從明度上拉開對比會很好的提高用戶的注意力呢(相反亦然)。

3．軟文（Slogan）

(1)俗話說得好「話不在多，精闢就行」當今炙手火熱的微博就是一個例子「140字概括你要說的」，Slogan也是一樣。

(2)要言之有物，第一要抓住用戶的心裡，了解用戶的想法很重要。第二我們要推給用戶什麼，用戶對什麼感興趣。下面舉個例子：

Slogan只有四個字，終於來了，白色iphone4吊足了apple迷門近兩年的胃口，這四個字恐怕是他們最想聽到的。用戶從不會質疑apple的性
能，科技領先性及用戶體驗性，他們最想的恐怕就是擁有自己夢寐以求的白色iphone4。所以，apple的slogan簡約而不簡單。

B. 網頁藝術設計banner的製作技巧有哪些

簡單且完整的設計
當Larry Page和Sergey Brin向潛在投資者介紹他們的產品——「Google」的時候，他們將Adwords作為後備選擇——萬一他們不能獲取任何利潤的話。最後他們採用了後備計劃，同時我們也看到了他們的選擇是多麼明智。是什麼讓枯燥乏味的廣告得這么成功?與其他廣告不同的是，他們既沒有喚起瀏覽者的好奇心也沒有影響網頁的主流思想。事實上，其相反面是正確的。Adwords看起來像搜索結果的一部分，讓人們感覺這些廣告是由需而生的。這個簡單的設計不僅幫助Google提升了他們的搜索引擎同時也促進了Adwords廣告的發展，對此我們毫無疑問。
參與互動
Banner設計者會巧妙地運用一些類似Flash的工具設計一種可以邀請用於參與互動的banner。讓用戶參與互動的方法多種多樣。一些網站設計者利用一種在以前很流行的游戲元素設計banner。我們都知道pacman(吃豆人)這個很流行的游戲。我以前見過一個我最喜歡的banner就是讓pacman去「吃」美元。結果就是出現了一個很漂亮的標語要求你開儲蓄帳號，幫助你用固定的利率存錢。這個互動banner後面的目的很簡單就是讓用戶參與互動，然後當他們的意志不是很堅定的時候在恰當的時機向他們介紹銷售信息。
經過實踐證明這些互動banner是很有效果的。這樣的banner的最大的缺點就是大部分網站管理者不允許在他們的網站上使用。因為他會影響網頁內容。

C. 網頁設計中banner設計尺寸是多少

不同的環境下設置的尺寸都不一樣

1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

2、1024*768下，網頁寬度保持在1002以內，就不會出現水平滾動條，高度則視版面和內決定。

3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右。

4、1024*768 下網頁的尺寸:width=955,height=600

800*600 下網頁的尺寸:width=760,height=420。

5、一般解析度在800*600的情況下，頁面的顯示尺寸為：780*428px，

解析度在640*480的情況下，頁面的顯示尺寸為:620*311px，

解析度在1024*768的情況下，頁面的顯示尺寸為：1007*600px。

(3)網頁banner設計擴展閱讀：

banner設計標准尺寸大全

Internet Advertising Bureau
(IAB，國際廣告局)的"標准和管理委員會"聯合Coalition for Advertising Supported Informatiln
and
Entertainment(CASIE，廣告支持信息和娛樂聯合會)聯合推出了一系列網路廣告宣傳物的標准尺寸。

這些尺寸作為建議，提供給廣告生產省和消費者，使大家都能接受。現在網站上的廣告幾乎都遵循IAC/CASIE標准。

1997年第一次標准公布

Num Size(pix) Name

1、468×60 全尺寸banner

2、392×72 全尺寸帶導航條banner

3、234×60 半尺寸banner

4、125×125 方形按鈕

5、120×90 按鈕＃1或小圖標

6、120×60 按鈕＃2或小圖標

7、88×31 小按鈕或banner

8、120×240 垂直banner

2001年第二次標准公布

Num Size(pix) Name

1、120×600 "摩天大樓"形

2、160×600 寬"摩天大樓"形

3、180×150 長方形

4、300×250 中級長方形

6、240×400 豎長方形

7、250×250 "正方形彈出式"廣告

IAB 將不再支持1997年第一次公布標准中的392×72形。

從banner自身的設計大小看

1、全尺寸banner橫幅設計為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標准尺寸。

2、頁面長度原則上不超過3屏，寬度不超過1屏。

3、每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K。

4、每個標准頁面為A4幅面大小，即8.5*11英寸。

參考資料來源：網路-網頁設計標准

D. 怎樣做好一個網頁的banner

在一個網站裡面，banner的展示起著非常重要的引導性的作用。每個行業的不同，每個設計師的不同，所設計出來的產品的風格也不一，對於banner的要求也不一樣。
一個好的banner設計的好，主要體現在點擊率方面，好的banner應該是非常容易吸引用戶的眼球的，讓用戶看到了這個banner後有強烈的點擊進去了解的慾望，而不是普通的一個廣告banner展示的形式。
主要體現在以下的幾方面：
1，以文字為主
雖然現在網站的圖片大多都提倡圖文並茂，這樣能夠提高用戶體驗，但是我們現在看到很多網站上的圖片很多都是以圖片為主，這樣就是容易陷入一個誤區：banner圖只是為了用圖片的形式來展示網站的主要產品或者企業的總體形象。其實這樣的banner是很難能吸引到用戶的。因為有些用戶還是需要一定的文字來理解廣告中的內容的。如果是文字為主，做到言簡意賅，這樣的圖文並茂才能有利於提高點擊率。
2，不要出現價格信息
一般的消費者對於價格都是非常敏感的，除非是你的產品價格相比同行業的產品價格低出很多，很有價格上的優勢，否則小編建議最好不要在banner上出現價格信息。因為價格一旦不是用戶心理能接受的，這個banner就會被用戶無視。
3，添加免費或者巨大優惠等字樣
根據眾多消費者的消費心理，他們對於那些物美價廉的產品都是非常熱衷的。對於企業網站的推廣和banner的設計也是這樣，在banner上添加免費或者巨大優惠等字樣也是能很有效地吸引到用戶，但是小編還是要提醒一句，一定要實事求是，如果點擊進去，發現只是一個圈套，這樣的作為會引起用戶強烈的不滿。
4，設計帶有行為號召力
我們平時上網看到有些banner上會有個類似點擊的按鈕或者鏈接，潛意識會有著想點擊的念頭，可能會情不自禁地點擊進去。這種方法也能很好地提高點擊率哦。
當然，提高banner的點擊率的方法還有很多，就不再一一詳述了。

E. 官網banner的設計尺寸一般多少

官網Banner設計尺寸一般是468*60像素，大小如果gif格式是14K，如果是swf格式是16K。

全尺寸banner是468*60px，半尺寸banner是234*60px，小banner是88*31px，另外還有120*90，120*60也是小圖標的標准尺寸。

336*280、300*250、以及160*600 這三種大小的Banner廣告在宣傳效果上較好。在高度一定的情況下，寬度越大，效果也會越好，因為這樣廣告會給用戶帶來了較好的閱讀體驗。Banner位置在網頁的頂。

(5)網頁banner設計擴展閱讀：

隨著大屏幕的顯示器出現,banner的表現尺寸越來越大,760X70;1000X70像素的大尺寸banner也有。

根據IAB國際廣告局2001年第二次標准公布的尺寸有：

1、"摩天大樓"形尺寸：120×600

2、 寬"摩天大樓"形尺寸：160×600

3、 長方形尺寸：180×150

4、中級長方形尺寸：300×250

5、大長方形尺寸：336×280

6、 豎長方形尺寸：240×400

7、 "正方形彈出式"廣告尺寸：250×250

F. 怎麼設計網頁banner

設計網頁banner的方法如下：
1、以文字為主
雖然現在網站的圖片大多都提倡圖文並茂，這樣能夠提高用戶體驗，但是我們現在看到很多網站上的圖片很多都是以圖片為主，這樣就是容易陷入一個誤區：banner圖只是為了用圖片的形式來展示網站的主要產品或者企業的總體形象。其實這樣的banner是很難能吸引到用戶的。因為有些用戶還是需要一定的文字來理解廣告中的內容的。如果是文字為主，做到言簡意賅，這樣的圖文並茂才能有利於提高點擊率。
2、不要出現價格信息
一般的消費者對於價格都是非常敏感的，除非是你的產品價格相比同行業的產品價格低出很多，很有價格上的優勢，否則不建議在banner上出現價格信息。因為價格一旦不是用戶心理能接受的，這個banner就會被用戶無視。
3、添加免費或者巨大優惠等字樣
根據眾多消費者的消費心理，他們對於那些物美價廉的產品都是非常熱衷的。對於企業網站的推廣和banner的設計也是這樣，在banner上添加免費或者巨大優惠等字樣也是能很有效地吸引到用戶。
4、設計帶有行為號召力
我們平時上網看到有些banner上會有個類似點擊的按鈕或者鏈接，潛意識會有著想點擊的念頭，可能會情不自禁地點擊進去。這種方法也能很好地提高點擊率。

G. 怎麼進行網頁Banner設計

1、點擊才是王道

一般我們做的banner都是為了宣傳、推廣某個產品或新功能等，它本身就是引導用戶點擊參與的入口，我們目的就是要吸引用戶點擊。所以我們可以用不同形式和手法來表現，但相同處，通情達意，突出主題，富有樂趣，那它們則能讓瀏覽者產生興趣。

2、主題明確

在著手設計之前，設計師應該先與需求方溝通，並從中獲取需求方想要表達的主題和需要重點突出的點。然後在針對性地對廣告對象進行訴求，形象鮮明的展示所要表達的內容。不要放一些沒用的東西，除非你想趕走你的用戶。

3、與整個頁面相協調

當我們確定表達的主題之後，要在banner實際放置的環境中展開後續的設計工作。色彩搭配要明亮干凈，要與整個頁面相協調。不能為了使banner更加吸引用戶的眼球而大面積的使用一些濃重的顏色(特殊需求除外)。

4、順應用戶的瀏覽習慣

我們知道大多數的用戶在瀏覽網頁的時候都是從上到下，從左到右的瀏覽。為使banner更容易被用戶瀏覽,我們應該順應用戶這樣的瀏覽習慣，糟糕的設計會讓用戶無所適從，焦點到處都是。

5、文字的排列設計

由於是以文字為主體部分，背景其實就無關緊要了，大多數這樣的設計，我們都可以拿純色背景或者是風景、科幻類的壁紙，取其整體的部分作為你需要的設計背景，通常我在截取時都習慣選擇大部分能吸引眼球的圖案又或者是漸變漸現的純色部分。

關於怎麼進行網頁Banner設計，青藤小編就和您分享到這里了。如果您對頁面排版、網站設計、圖形處理等有濃厚的興趣，希望這篇文章可以對您有所幫助。如果您還想了解更多關於平面設計的素材及技巧等內容，可以點擊本站的其他文章進行學習。

H. 網站Banner 應該如何設計

一般網路banner設計都需要文案，都是根據文案來做的，所以需要文案才能設計，配圖需要和文案有聯系，這種設計主要考慮構圖，構圖技巧可以在花瓣上面有許多模版，

I. 網站建設Banner設計文字如何排版

在網頁設計中文字排版可以說是網頁中的主體，排版的樣式和美觀程度能回夠直接影響到用戶的體驗，答文字排版對網站設計中有哪些影響呢！網站重要的內容信息展示方式就是文字排版，能夠讓訪客有更好的辨識度和易讀性也是有文字排版來決定。那麼文字排版包括字體，顏色，間距等方面，今天就談談文字排版對網站的影響。
1.文字排版行距字間距影響網站閱讀性。

網頁設計中文字不同的間距，不僅影響美觀，也同時影響閱讀性。在大段文字情況下，文字間距還有一行文字的長度都有很高的要求，用戶都是喜歡看清晰文字，如果間距小，每行文字多擠一塊就會顯著亂七八糟的，會讓用戶提不起興趣來再看。
2.文字的顏色影響視覺效果。
文字顏色要看整個網站的風格來搭配顏色，能夠讓文字的顏色搭配的更加舒適。但很少有用比較亮的顏色用著文字的顏色，因為用戶在長時間閱讀文章的時候會引起視覺疲勞，恰當的配色可以讓網站提升魅力。