網頁設計常用規(guī)格

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

2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。

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

4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象。

頁面標準按800*600分辨率制作，實際尺寸為778*434px。

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

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

全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px。

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

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

標準網頁廣告尺寸規(guī)格：

1、120*120，這種廣告規(guī)格適用于產品或新聞照片展示。

2、120*60，這種廣告規(guī)格主要用于做LOGO使用。

3、120*90，主要應用于產品演示或大型LOGO。

4、125*125，這種規(guī)格適于表現照片效果的圖像廣告。

5、234*60，這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。

6、392*72，主要用于有較多圖片展示的廣告條，用于頁眉或頁腳。

7、468*60，應用最為廣泛的廣告條尺寸，用于頁眉或頁腳。

8、88*31，主要用于網頁鏈接，或網站小型LOGO。

廣告形式｜像素大?。蟪叽纾鼈渥?/p>

BUTTON｜120*60｜7K｜必須用gif

通欄｜760*100｜25K｜靜態(tài)圖片或減少運動效果

超級通欄｜760*100 to 760*200｜共40K｜靜態(tài)圖片或減少運動效果

巨幅廣告｜336*280｜35K｜

豎邊廣告｜130*300｜25K｜

全屏廣告｜800*600｜40K｜必須為靜態(tài)圖片，FLASH格式

圖文混排｜各頻道不同｜15K｜

彈出窗口｜400*300｜40K｜盡量用gif

BANNER｜468*60｜18K｜盡量用gif

懸停按鈕 80*80｜7K｜盡量用gif

流媒體｜300*200(可做不規(guī)則形狀但尺寸不能超過300*200)｜30K｜播放時間小于5秒60幀（1秒/12幀）

網頁中的廣告尺寸：

1、首頁右上，尺寸120*60

2、首頁頂部通欄，尺寸468*60

3、首頁頂部通欄，尺寸760*60

4、首頁中部通欄，尺寸580*60

5、內頁頂部通欄，尺寸468*60

6、內頁頂部通欄，尺寸760*60

7、內頁左上，尺寸150*60或300*300

8、下載地址頁面，尺寸560*60或468*60

9、內頁底部通欄

，尺寸760*60

10、左漂浮，尺寸80*80或100*100

11、右漂浮，尺寸80*80或100*100

以上幾種說法可能有點小的出入，大家可以探討一下。

IAB和EIAA發(fā)布新的網絡廣告尺寸標準：

在這6種格式中，除了去年iab發(fā)布的4種“通用廣告包”中的格式160*600、300*250、180*150及728*90以外，還包括新公布的468x60和120x600（擎天柱）2種。

國際上規(guī)定的標準的廣告尺寸有下面八種，并且每一種廣告規(guī)格的使用也都有一定的范圍。

一、120×120，這種廣告規(guī)格適用于產品或新聞照片展示。

二、120×60，這種廣告規(guī)格主要用于做LOGO使用。

三、120×90，主要應用于產品演示或大型LOGO。

四、125×125，這種規(guī)格適于表現照片效果的圖像廣告。

五、234×60，這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。

六、392×72，主要用于有較多圖片展示的廣告條，用于頁眉或頁腳。

七、468×60，應用最為廣泛的廣告條尺寸，用于頁眉或頁腳。

八、88×31，主要用于網頁鏈接，或網站小型LOGO。

（1）設計的基本原理

網站中的logo標記，紛繁各異，表面上看，大多都是非專業(yè)人員設計的，沒有一致性，其實不然，對于某個網站而言，在網絡LOGO設計中極為強調統(tǒng)一的原則。統(tǒng)一并不是反復某一種設計原理，應該是將其他的任何設計原理如：主導性、從屬性、相互關系、均衡、比例、反復、反襯、律動、對稱、對比、借用、調和、變異等設計人員所熟知的各種原理，正確地應用于設計的完整和諧表現。Logo的統(tǒng)一性也表現在網站的整個版面色彩、布局、形式和內容上等，充分體現數字化的視覺魅力。

構成LOGO要素的各部分，還需要有差異性，這個差異性又稱為獨特性，或叫做變化，體現不同網站風格和個性，具有辨別性。網絡LOGO所強調的辨別性及獨特性，導致相關圖案字體的設計也要和被標識體的性質有適當的關聯，并具備獨特的視覺風格的造型。統(tǒng)一是在多個獨特性中提煉為一個主要表現體，統(tǒng)一是在各獨特部分之中的要素中，精確把握對象的多樣統(tǒng)一并突出支配性要素，是設計網絡LOGO 必備技術因素。

（2）設計的基本標準

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

1.88*31 這是互聯網上最普遍的LOGO規(guī)格。

2.120*60 這種規(guī)格用于一般大小的LOGO。

3.120*90 這種規(guī)格用于大型LOGO。

設計大師Poorfish認為，一個好的LOGO應具備以下的幾個的條件，或者具備其中的幾個條件：

1.符合國際標準

2.精美、獨特

3.與網站的整體風格相融

4.能夠體現網站的

類型、內容和風格

（3）設計的基本方法

目前基本上并沒有專門制作LOGO的軟件，其實也并不需要這樣的一種軟件。我們平時所使用的圖像處理軟件或者還加上動畫制作軟件（如果你要做一個動畫的LOGO的話）都可以很好地勝任這份工作，如PHOTOSHOP、FIREWORKS等。而LOGO的制作方法也和制作普通的圖片及動畫沒什么兩樣，不同的只是規(guī)定了它的大小而已。

logo示例賞析

①新浪的logo底色是白，文字sina和新浪網是黑色，其中i字母上的點用了表象性手法處理成一只眼睛，而這又使整個字母i象一個小火炬，這樣，即向人們傳達了“世界在你眼中”的理念，激發(fā)人們對網絡世界的好奇，又使人們容易記住新浪網的域名。

②百度的logo比較特別，主要有四部分組成，一是漢語拼音，二是一個動物的腳印，很調皮狡猾的樣子，腳印里有漢語拼音；三是漢字“百度”，字體選擇較嚴肅，拼音漢字協調分布在腳印的兩邊；四是百度的網址。當然，百度的理念：出門找地圖，上網找百度。但愿那只機靈的腳能幫我們找到所有信息。

③Yahoo的logo（中文站）很簡單：英中文站名，紅字白底。英文Yahoo字母間的排列和組合很講究動態(tài)效果，加上Yahoo這個詞的音感強，使人一見就仿佛要生驚訝——而不禁自問：Do you Yahoo?

④網易的logo使用了三色：紅（網易）、黑（NETEAS)、白（底色）。網易兩字用了篆書，體現了古典意味，也許在暗示網易在中文網絡的元老地位吧。但是，如果沒有從個人主頁到虛擬社區(qū)，從新聞報道到專題頻道等豐富方便的服務，光是從logo上，你是難于相信：輕松上網，易如反掌。

⑤榕樹下的logo是在藍天白云下，一棵郁郁蔥蔥的大榕樹，給人視覺一新，如同走進了大 自然，人們在此呼吸新鮮空氣，暢所欲言，在天然中找到純真，找到自我，此外，意指網站中作品皆是原創(chuàng)精品，內容豐富，采擷著廣大網民的智慧。

成都創(chuàng)新互聯科技有限公司|網站建設|網站制作|網站設計|網頁設計|網頁制作|網頁建設|模版網站|定制網站|仿站|企業(yè)彩鈴|微信開發(fā)|成都網站建設|成都網頁設計|成都網站制作|成都400電話|成都企業(yè)彩鈴

當前題目：網頁設計常用規(guī)格
本文來源：http://muchs.cn/news/176368.html

成都網站建設公司_創(chuàng)新互聯，為您提供關鍵詞優(yōu)化、網站設計、面包屑導航、域名注冊、網站維護、品牌網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯