網(wǎng)頁(yè)設(shè)計(jì)常用規(guī)格

2022-07-11 分類：網(wǎng)站建設(shè)

1、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。

2、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。

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

4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象。

頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px。

頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏。

每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5*11英寸。

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

另外120*90和120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸。

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

標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格：

1、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?/p>

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

3、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。

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

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

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

7、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。

8、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。

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

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

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

超級(jí)通欄｜760*100 to 760*200｜共40K｜靜態(tài)圖片或減少運(yùn)動(dòng)效果

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

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

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

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

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

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

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

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

網(wǎng)頁(yè)中的廣告尺寸：

1、首頁(yè)右上，尺寸120*60

2、首頁(yè)頂部通欄，尺寸468*60

3、首頁(yè)頂部通欄，尺寸760*60

4、首頁(yè)中部通欄，尺寸580*60

5、內(nèi)頁(yè)頂部通欄，尺寸468*60

6、內(nèi)頁(yè)頂部通欄，尺寸760*60

7、內(nèi)頁(yè)左上，尺寸150*60或300*300

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

9、內(nèi)頁(yè)底部通欄

，尺寸760*60

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

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

以上幾種說(shuō)法可能有點(diǎn)小的出入，大家可以探討一下。

IAB和EIAA發(fā)布新的網(wǎng)絡(luò)廣告尺寸標(biāo)準(zhǔn)：

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

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

一、120×120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?/p>

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

三、120×90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。

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

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

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

七、468×60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。

八、88×31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。

（1）設(shè)計(jì)的基本原理

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

構(gòu)成LOGO要素的各部分，還需要有差異性，這個(gè)差異性又稱為獨(dú)特性，或叫做變化，體現(xiàn)不同網(wǎng)站風(fēng)格和個(gè)性，具有辨別性。網(wǎng)絡(luò)LOGO所強(qiáng)調(diào)的辨別性及獨(dú)特性，導(dǎo)致相關(guān)圖案字體的設(shè)計(jì)也要和被標(biāo)識(shí)體的性質(zhì)有適當(dāng)?shù)年P(guān)聯(lián)，并具備獨(dú)特的視覺(jué)風(fēng)格的造型。統(tǒng)一是在多個(gè)獨(dú)特性中提煉為一個(gè)主要表現(xiàn)體，統(tǒng)一是在各獨(dú)特部分之中的要素中，精確把握對(duì)象的多樣統(tǒng)一并突出支配性要素，是設(shè)計(jì)網(wǎng)絡(luò)LOGO 必備技術(shù)因素。

（2）設(shè)計(jì)的基本標(biāo)準(zhǔn)

為了便于INTERNET上信息的傳播，一個(gè)統(tǒng)一的國(guó)際標(biāo)準(zhǔn)是需要的。實(shí)際上已經(jīng)有了這樣的一整套標(biāo)準(zhǔn)。其中關(guān)于網(wǎng)站的LOGO，目前有三種規(guī)格：

1.88*31 這是互聯(lián)網(wǎng)上最普遍的LOGO規(guī)格。

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

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

設(shè)計(jì)大師Poorfish認(rèn)為，一個(gè)好的LOGO應(yīng)具備以下的幾個(gè)的條件，或者具備其中的幾個(gè)條件：

1.符合國(guó)際標(biāo)準(zhǔn)

2.精美、獨(dú)特

3.與網(wǎng)站的整體風(fēng)格相融

4.能夠體現(xiàn)網(wǎng)站的

類型、內(nèi)容和風(fēng)格

（3）設(shè)計(jì)的基本方法

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

logo示例賞析

①新浪的logo底色是白，文字sina和新浪網(wǎng)是黑色，其中i字母上的點(diǎn)用了表象性手法處理成一只眼睛，而這又使整個(gè)字母i象一個(gè)小火炬，這樣，即向人們傳達(dá)了“世界在你眼中”的理念，激發(fā)人們對(duì)網(wǎng)絡(luò)世界的好奇，又使人們?nèi)菀子涀⌒吕司W(wǎng)的域名。

②百度的logo比較特別，主要有四部分組成，一是漢語(yǔ)拼音，二是一個(gè)動(dòng)物的腳印，很調(diào)皮狡猾的樣子，腳印里有漢語(yǔ)拼音；三是漢字“百度”，字體選擇較嚴(yán)肅，拼音漢字協(xié)調(diào)分布在腳印的兩邊；四是百度的網(wǎng)址。當(dāng)然，百度的理念：出門找地圖，上網(wǎng)找百度。但愿那只機(jī)靈的腳能幫我們找到所有信息。

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

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

⑤榕樹下的logo是在藍(lán)天白云下，一棵郁郁蔥蔥的大榕樹，給人視覺(jué)一新，如同走進(jìn)了大自然，人們?cè)诖撕粑迈r空氣，暢所欲言，在天然中找到純真，找到自我，此外，意指網(wǎng)站中作品皆是原創(chuàng)精品，內(nèi)容豐富，采擷著廣大網(wǎng)民的智慧。

文章名稱：網(wǎng)頁(yè)設(shè)計(jì)常用規(guī)格
文章分享：http://www.bm7419.com/news18/176368.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、商城網(wǎng)站、搜索引擎優(yōu)化、域名注冊(cè)、企業(yè)建站

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

猜你還喜歡下面的內(nèi)容