官網(wǎng)banner尺寸設(shè)計規(guī)范（banner尺寸標準）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于官網(wǎng)banner尺寸設(shè)計規(guī)范的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務客戶遍布全球各地，如需了解相關(guān)業(yè)務請撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、國際標準的網(wǎng)頁BANNER大小規(guī)格有哪些

• 2、網(wǎng)站建設(shè)中 網(wǎng)站banner多大尺寸才合適

• 3、一般網(wǎng)頁的尺寸規(guī)范是多少？

• 4、一般網(wǎng)站的LOGO尺寸多大

一、國際標準的網(wǎng)頁BANNER大小規(guī)格有哪些

橫幅廣告（Banner）

文件大?。篻if:14K/swf:16K

廣告尺寸：468*60像素

廣告位置：頁面頂部

按鈕廣告（Button）

文件大小：gif:6K/swf:8K

廣告尺寸：170*60/120*60像素

廣告位置：第一屏 第二屏

備注：觸發(fā)式LOGO，彈出圖片尺寸為160*160 文件大小gif:9K/swf:12K

彈出窗口廣告（Pop up）

文件大小：gif:18K/swf:20K

廣告尺寸：360*300像素

廣告位置：第一屏

通欄廣告（Full collumn）

文件大?。篻if:20K/swf:25K

廣告尺寸：770*100像素

廣告位置：第一屏 第二屏

流媒體（Flash layer）

文件大小：swf:25K

廣告尺寸：200*150像素

廣告位置：第一屏

形式：瀏覽打開頁面，該廣告放映8秒后消失

畫中畫（PIP）

文件大小：gif:20K/swf:25K

廣告尺寸：360*300像素

廣告位置：新聞最終頁面

浮動標識（Float box）

文件大?。篻if/swf/flash<8k

廣告尺寸：80*80像素

廣告位置：第一屏右側(cè)

全屏收縮廣告 （Full screen）

文件大?。篻if:20K

廣告尺寸：750*550像素

廣告位置：第一屏

形式：打開瀏覽頁面前該廣告以全屏形式出現(xiàn)3－5秒，隨后消失

擎天柱（Sky-scraper）

文件大?。篻if:15K/swf:17K

廣告尺寸：130*200像素

廣告位置：第一屏 第二屏

視頻廣告

文件大?。篻if/swf/flash<8k

廣告尺寸：300*250像素

廣告位置：第一屏兩側(cè)

文字鏈接（Text link）

規(guī)格：不超過10個漢字

廣告位置：第一屏 第二屏

備注:文字鏈接長度以不折行為準

二、網(wǎng)站建設(shè)中 網(wǎng)站banner多大尺寸才合適

網(wǎng)站布局不同，banner圖片的大小就不同，如果不知道網(wǎng)站banner圖片大小，可以將鼠標放在banner圖處右擊審查元素，就可以查看banner圖大小，然后就可以按照這個尺寸進行設(shè)計banner圖片?！军c擊查看做個網(wǎng)站到底多少錢】

想要了解更多有關(guān)網(wǎng)站建設(shè)的相關(guān)信息，推薦咨詢豬八戒網(wǎng)。豬八戒網(wǎng)有千萬服務商為企業(yè)、公共機構(gòu)和個人提供定制化的解決方案，將創(chuàng)意、智慧、技能轉(zhuǎn)化為商業(yè)價值和社會價值。2011年豬八戒網(wǎng)獲得IDG投資并被評選為中國2011年度“最佳商業(yè)模式十強”企業(yè)；在行業(yè)內(nèi)口碑極佳，受到了廣大客戶的一致好評。

三、一般網(wǎng)頁的尺寸規(guī)范是多少？

網(wǎng)站 首頁頁面寬度 px

Yahoo! 950

淘寶 950

MySpace 960

新浪 950

網(wǎng)易 960

Live Search 958

搜狐 950

優(yōu)酷 960

AOL 960

隨著電腦的發(fā)展，顯示器是越來越大，分辨率也是越來越高，為了照顧所有不同顯示器的用戶，把網(wǎng)站的制作尺寸規(guī)范就定在1024*768下，網(wǎng)頁寬度保持在1002-1004以內(nèi)，高度還是以根據(jù)需要制作的內(nèi)容在定，如果只想網(wǎng)頁只在一屏內(nèi)顯示，不要上下滾動條， 一般高度是600-635像素之間, 就不會出現(xiàn)垂直滾動條。

在ps里面做網(wǎng)頁可以在1003*600狀態(tài)下顯示全屏，頁面的下方也不會出現(xiàn)滑動條，尺寸為1003*650像素左右 。

1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網(wǎng)頁多高都會有右側(cè)的滾動條框。

2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001

網(wǎng)站頁面大小其實并沒有一個統(tǒng)一的標準，不過網(wǎng)站建設(shè)好之后要記得測試各瀏覽器的兼容性，很可能在IE沒問題的情況下，其他瀏覽器出現(xiàn)錯位的情況。

四、一般網(wǎng)站的LOGO尺寸多大

LOGO的國際標準規(guī)范

為了便于INTERNET上信息的傳播，一個統(tǒng)一的國際標準是需要的。實際上已經(jīng)有了這樣的一整套標準。其中關(guān)于網(wǎng)站的LOGO，目前有國際標準規(guī)范

全尺寸banner為468*60px，

半尺寸banner為234*60px，

小banner為88*31px

另外120*90，120*60也是小圖標的標準尺寸

每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K

由于網(wǎng)絡頁面和顯示器目前的設(shè)定

網(wǎng)站LOGO大小規(guī)定為88*31

而企業(yè)或者組織的LOGO通常不限定大小

至于Banner也是有相關(guān)尺寸規(guī)定的;

另:網(wǎng)站LOGO設(shè)計規(guī)范

LOGO的應用一直是CIS導入的基礎(chǔ)和最直接的表現(xiàn)形式，其重要性是不言而喻

的，網(wǎng)絡標識的設(shè)計尤其如此。

一、標識的職能：

作為獨特的傳媒符號，標識（LOGO）一直成為傳播特殊信息的視覺文化語言。

具信，最早的符合CIS精神的標識實例，是2433年前陪葬我國楚地的曾侯乙的一只

戟上的"曾"字型圖標。無論從古時繁復的歐式徽標、中式龍文，到現(xiàn)代洗練的抽象紋

樣、簡單字標等都是在實現(xiàn)著標識被標識體的目的，即：

通過對標識的識別、區(qū)別、引發(fā)聯(lián)想、增強記憶，促進被標識體與其對象的溝通

與交流，從而樹立并保持對被標識體的認知、認同，達到高效提高認知度、美譽度的

效果。作為時代的前衛(wèi)，網(wǎng)絡LOGO的設(shè)計，更應遵循CIS的整體規(guī)律并有所突破。

二、網(wǎng)絡LOGO設(shè)計的基本應用原理：

在網(wǎng)絡LOGO設(shè)計中極為強調(diào)統(tǒng)一的原則。統(tǒng)一并不是反復某一種設(shè)計原理，應

該是將其他的任何設(shè)計原理如：主導性、從屬性、相互關(guān)系、均衡、比例、反復、反

襯、律動、對稱、對比、借用、調(diào)和、變異等設(shè)計人員所熟知的各種原理，正確地應

用于設(shè)計的完整表現(xiàn)。統(tǒng)一也可解釋為，共通以上所述各原理，而更高、更概括、更

綜合的原理。

構(gòu)成LOGO要素的各部分，一般都具有一種共通性及差異性，這個差異性又稱為

獨特性，或叫做變化，而統(tǒng)一是將多樣性提煉為一個主要表現(xiàn)體，稱為多樣統(tǒng)一的原

理。統(tǒng)一在各部分之中的要素中，有一個大小、材質(zhì)、位置等具有支配全體的作用的

要素，被稱為支配。精確把握對象的多樣統(tǒng)一并突出支配性要素，是設(shè)計網(wǎng)絡LOGO

必備技術(shù)因素。

網(wǎng)絡LOGO所強調(diào)的辨別性及獨特性，導致相關(guān)圖案字體的設(shè)計也要和被標識體

的性質(zhì)有適當?shù)年P(guān)聯(lián)，并具備類似風格的造型。

記得最近EASTECHO的網(wǎng)友論壇重新開張之時，就有小魔女對論壇的LOGO表

示了異議，一個簡單印刷字體的LOGO與浪子固有的獨特風格、精益求精的品質(zhì)有較

大背離，并與整個網(wǎng)站LOGO缺乏聯(lián)系，從而產(chǎn)生認知的歧義。不過作為充斥英文LOGO

的浪子網(wǎng)站，做了中文LOGO嘗試，算個突破吧。

網(wǎng)絡LOGO設(shè)計更應注重是一種對事物張力的把握，在濃縮了文化、背景、對象、

理念及各種設(shè)計原理的基調(diào)上，實現(xiàn)對象最沖動的視覺體現(xiàn)。也可以理解為一種最受

制約的沖動，在任何方面的張力不足的情況下，精心設(shè)計的LOGO常會因為不理解、

不認同、不現(xiàn)實、不前衛(wèi)、不藝術(shù)、不樸實等相互矛盾的理由而被用戶拒絕或為受眾

排斥、遺忘。所以恰到好處的理解用戶及LOGO的應用對象，是少做無用功的不二法

門。不考慮國情和用戶的認識水平，對自身設(shè)計能力估計不足都是要不得的。在國內(nèi)

給哪個賣計算機的老板設(shè)計個$300萬的朗訊紅圈LOGO，很容易被看作是騙錢的。

三、網(wǎng)絡LOGO的表現(xiàn)形式：

作為具有傳媒特性的LOGO，為了在最有效的空間內(nèi)實現(xiàn)所有的視覺識別功能，

一般是通過特示圖案及特示文字的組合，達到對被標識體的出示、說明、溝通、交流

從而引導受眾的興趣、達到增強美譽、記憶等目的。

表現(xiàn)形式的組合方式一般分為特示圖案，特示字體，合成字體。

1、特示圖案：

屬于表象符號，獨特、醒目、圖案本身易被區(qū)分、記憶，通過隱寓、聯(lián)想、概括、

抽象等繪畫表現(xiàn)方法表現(xiàn)被標識體，對其理念的表達概括而形象，但與被標識體關(guān)聯(lián)

性不夠直接，受眾容易記憶圖案本身，但對被標識體的關(guān)系的認知需要相對較曲折的

過程，但一旦建立聯(lián)系，印象較深刻，對被標識體記憶相對持久。

所以對持久記憶要求高時應設(shè)計良好的特示圖案形象，較好的設(shè)計如蘋果公司的

牙印蘋果，對圖案LOGO的面向推廣的各種要素都把握的恰到好處，另外一些情況下，

希望在較短期限內(nèi)建立形象的，還應該設(shè)計相應的吉祥物，以類似蘋果這樣耳熟能詳

的概念，強化溝通和理解。

在現(xiàn)代精神快餐的時代，朗訊的紅圈也在成為時尚。不過這類設(shè)計在國內(nèi)還只有

設(shè)計公司的網(wǎng)站才能接收吧，但有線電視的一個最新的影視綜藝節(jié)目的LOGO就出現(xiàn)

了螺旋型的朗訊紅圈，可嘆借鑒時大膽有余，創(chuàng)意不足了。

2、特示文字：屬于表意符號。在溝通與傳播活動中，反復使用的被標識體的名稱

或是其產(chǎn)品名，用一種文字形態(tài)加以統(tǒng)一。涵義明確、直接，與被標識體的聯(lián)系密切，

易于被理解，認知，對所表達的理念也具有說明的作用，但因為文字本身的相似性易

模糊受眾對標識本身的記憶，從而對被標識體的長久記憶發(fā)生弱化。

所以特示文字，一般作為特示圖案的補充，要求選擇的字體應與整體風格一致，

應盡可能做全新的區(qū)別性創(chuàng)作。

完整的LOGO設(shè)計，尤其是有中國特色的LOGO設(shè)計，在國際化的要求下，一

般都應考慮至少有中英文雙語的形式，要考慮中英文字的比例，搭配、一般要有圖案

中文、圖案英文、圖案中英文、及單獨的圖案、中文、英文的組合形式。有的還要考

慮繁體、其他特定語言版本等。另外還要兼顧標識或文字展開后的應用是否美觀，這

一點對背景等的制作十分必要，有利于追求符號擴張的效果。

閃客帝國及其前身的邊城浪子LOGO，都有著極好的設(shè)計，但都沒有考慮中文，

不過浪子好象一直對漢字的表現(xiàn)力如極小字體的缺乏、特性字體缺少等頗不以為然，

也許導致他怠于思考對中文的設(shè)計。這對面向國內(nèi)網(wǎng)友的網(wǎng)站LOGO，不能不說是一

種遺憾吧。

3、合成文字:

是一種表象表意的綜合，指文字與圖案結(jié)合的設(shè)計，兼具文字與圖案的屬性，但

都導致相關(guān)屬性的影響力相對弱化，為了不同的對象取向，制作偏圖案或偏文字的

LOGO，會在表達時產(chǎn)生較大的差異。如只對印刷字體做簡單修飾，或把文字變成一

種裝飾造型讓大家去猜。其綜合功能為：

a.能夠直接將被標識體的印象，透過文字造型讓讀者理解；

b.造型后的文字，較易于使觀者留下深刻印象與記憶；

四、網(wǎng)絡LOGO的設(shè)計

古代皇家的紋章，有條件通過反復的識別性展示使受眾了解其蘊涵的身份、地位、

等級等屬性，可以被設(shè)計的極盡繁復，但現(xiàn)代人對簡潔、明快、流暢、瞬間印象的訴

求，影響到標識的設(shè)計越來越追求一種獨特的、高度的洗練，一些已在用戶群中產(chǎn)生

了一定印象的公司、團體為了強化受眾的區(qū)別性記憶及持續(xù)的品牌忠誠，通過設(shè)計更

獨特、更易被理解的圖案來強化對既有理念的認同。一些老牌公司就在積極更新標識，

可口可樂的標識就曾幾易其稿。

而一些追求受眾快速認知的群體，就會強化對文字表達直接性的需求，通過采用

文字特征明顯的合成文字來表現(xiàn)，并通過現(xiàn)代媒體的大量反復來強化、保持易被模糊

的記憶。如INTEL的E字簡單位移構(gòu)成的LOGO形式。

網(wǎng)絡LOGO的設(shè)計中，大量的采用合成文字的設(shè)計方式，如YAHOO，AMAZON

等的文字LOGO和國內(nèi)幾乎所有ISP，這一方面是網(wǎng)頁寸屏寸金的制約，要求LOGO

的尺寸要盡可能的??；另一方面是由于這些網(wǎng)站建設(shè)之初，一般缺乏優(yōu)秀的形象設(shè)計

師的參與，決策者多數(shù)為技術(shù)類人員，對直截了當、簡潔明快有種直覺式的追求；而

最主要的是網(wǎng)絡的特性決定了僅靠對LOGO產(chǎn)生短暫清晰的記憶，通過低成本大量反

復瀏覽，既可產(chǎn)生需要圖形保持提升的那部分印象記憶。所以網(wǎng)絡LOGO對于合成文

字的追求已漸成網(wǎng)絡LOGO的一種事實規(guī)范。

隨著管理人員、設(shè)計人員，策劃人員的介入網(wǎng)絡，更加高效的LOGO設(shè)計亦得到

良好的探索。特別是一些設(shè)計網(wǎng)站對LOGO設(shè)計做了很多有意義的嘗試。如針對網(wǎng)站

LOGO的數(shù)字特性探索LOGO的3D、動態(tài)表現(xiàn)方式等，其中比較共識的做法是，為

保護LOGO作為整體形象的代表，只宜于在LOGO整體不做缺損性變形的條件下做

動態(tài)變化，即只成比例放大、縮小、移動等，而不宜做翻滾、傾斜等變化，以保證對

被標識體的嚴肅性的尊重,另外對既有LOGO制作3D的網(wǎng)絡LOGO，已經(jīng)成為越來越

普遍網(wǎng)絡標識制作方案了。

五、網(wǎng)絡LOGO的規(guī)范

設(shè)計LOGO時，面向應用的各種條件作出相應規(guī)范，對指導網(wǎng)站的整體建設(shè)有著

極現(xiàn)實的意義。具體須規(guī)范LOGO的標準色、設(shè)計可能被應用的恰當?shù)谋尘芭渖w系、

反白、在清晰表現(xiàn)LOGO的前提下制訂LOGO最小的顯示尺寸，為LOGO制訂一些

特定條件下的配色，輔助色帶等方便制作.

以上就是關(guān)于官網(wǎng)banner尺寸設(shè)計規(guī)范相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。

推薦閱讀：

景觀設(shè)計師資格證查詢（景觀設(shè)計師資格證查詢官網(wǎng)）

北京短視頻運營網(wǎng)（北京短視頻運營網(wǎng)官網(wǎng)）

佳天下裝飾公司官網(wǎng)（佳天下裝飾投訴電話）

椒江私家園林景觀設(shè)計（椒江私家園林景觀設(shè)計招聘）

多個微信同一個ip會封號嗎（多個微信同一個ip會封號嗎）