課題_Web頁面設計規(guī)范

1、Web頁面設計規(guī)范1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話，高度是612-615之間。就不會出現(xiàn)水平滾動條和垂直滾動條。 3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因為上面只用到安全色，而中的或者以及或者的色域很寬顏色范圍很廣，所以自然會有失色的現(xiàn)象。 頁面標準按800*600分辨率制作，實際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過

2、1屏 每個標準頁面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標的標準尺寸 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K 標準網(wǎng)頁廣告尺寸規(guī)格 一、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞照片展示。 二、120*60，這種廣告規(guī)格主要用于做LOGO使用。 三、120*90，主要應用于產(chǎn)品演示或大型LOGO。 四、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60，這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。

3、 六、392*72，主要用于有較多圖片展示的廣告條，用于頁眉或頁腳。 七、468*60，應用最為廣泛的廣告條尺寸，用于頁眉或頁腳。 八、88*31，主要用于網(wǎng)頁鏈接，或網(wǎng)站小型LOGO。 = 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60（必須用gif） 7K 215*50（必須用gif） 7K 通欄 760*100 25K 靜態(tài)圖片或減少運動效果 430*50 15K 超級通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運動效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態(tài)

4、圖片，F(xiàn)LASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300（盡量用gif） 40K BANNER 468*60（盡量用gif） 18K 懸停按鈕 80*80（必須用gif） 7K 流媒體 300*200（可做不規(guī)則形狀但尺寸不能超過300*200） 30K 播放時間 小于5秒60幀（1秒/12幀） 網(wǎng)頁中的廣告尺寸 1.首頁右上，尺寸120*60 2.首頁頂部通欄，尺寸468*60 3.首頁頂部通欄，尺寸760*60 4.首頁中部通欄，尺寸580*60 5.內(nèi)頁頂部通欄，尺寸468*60 6.內(nèi)頁頂部通欄，尺寸760*60 7.內(nèi)頁左上，尺寸150*60或300*300 8.

5、下載地址頁面，尺寸560*60或468*60 9.內(nèi)頁底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*100 11.右漂浮，尺寸80*80或100*100 以上幾種說法可能有點小的出入，大家可以探討一下。 IAB和EIAA發(fā)布新的網(wǎng)絡廣告尺寸標準 在這6種格式中，除了去年發(fā)布的4種“通用廣告包”中的格式：160x600， 300x250， 180x150及728x90，還包括新公布的468x60 和120x600（擎天柱）2種。 好的網(wǎng)頁設計十條原則1. 創(chuàng)新多于陳舊，才能稱之為“好” 成功的網(wǎng)頁設計不照抄傳統(tǒng)設計，也不只是在平庸的頁面基礎之上創(chuàng)造一些設計演變，創(chuàng)新的網(wǎng)頁設計

6、，亮點必須貫穿始末，對產(chǎn)品的體現(xiàn)要在品質(zhì)上面進行全面烘托，使產(chǎn)品有個面目全新的 “華麗出場”，在這一點上，絕不能讓設計之火熄滅，讓靈感之火燃盡。好在各種頁面設計元素層出不窮，為網(wǎng)頁設計本身提供大量變換素材和完美的可能性。 2. 好的網(wǎng)站，設計要跟產(chǎn)品相配 網(wǎng)頁設計再美觀，風格與產(chǎn)品背道而馳，也只能說是很差勁的網(wǎng)站，中國人喜歡歐美風格的網(wǎng)站，原因是歐美分格的網(wǎng)站，設計簡潔，主題鮮明，質(zhì)感強烈，適合大多數(shù)產(chǎn)品，但也有特例，比如感覺吧STUDIO最近的一個網(wǎng)站設計項目，是坦洋工夫紅茶的網(wǎng)站，該網(wǎng)站崇尚歷史題材和中國韻味，這樣的網(wǎng)站就要求用比較濃重的中國風和相當精致的細節(jié)來體現(xiàn)其一流品質(zhì)，原因：工夫紅

7、茶本身是比較考究的中國傳統(tǒng)文化。 3. 網(wǎng)頁設計要符合基本審美 網(wǎng)站在實用的基礎上，設計也要在基本審美上達標，另外再做設計延伸（我們稱之為創(chuàng)新），審美上成功的網(wǎng)頁WEB，再加之創(chuàng)新,能夠讓人賞心悅目，激發(fā)想象，事半功倍；審美上不過關，做再多創(chuàng)新只能徒勞無功，或者是讓人產(chǎn)生反感。 4. 上等的網(wǎng)頁設計幫助客戶了解產(chǎn)品 網(wǎng)頁設計運用得當，一樣能開口說話，傳遞產(chǎn)品的多方面信息，為你省略很多冗繁的文字描述，這就是許多FLASH動畫網(wǎng)站文字甚少的緣由，設計和動畫在視覺上，通過不同的形式，來表達產(chǎn)品的尊貴形態(tài)，優(yōu)越品質(zhì)，使用方法，卓越效果，企業(yè)氣勢和消費者購買欲望等等 5. 優(yōu)秀的網(wǎng)頁設計不崇尚張揚 網(wǎng)站

8、說到底，是一種工具，是用來傳遞公司產(chǎn)品信息的。網(wǎng)站的設計不宜張揚，網(wǎng)站之余人，可以比作兩個朋友面對面，網(wǎng)站網(wǎng)頁，可以是一個尊貴的朋友，但決不能是一個外表傲慢的朋友。無論網(wǎng)站做的有多漂亮精致，大方是必須的，張揚是不可行的，要為網(wǎng)站的親和力留出一席之地，讓網(wǎng)站和人達成和諧。 6. 讓網(wǎng)站誠實傳遞信息 良好的網(wǎng)頁設計，在設計上不傳遞與產(chǎn)品本身不符合的信息，不誤導和過度激勵客戶，這就是所謂的網(wǎng)站道德，賦予網(wǎng)站生命之后，也要賦予它品性，相信瀏覽者也會為正直的網(wǎng)站加分的。 7. 功底深厚的設計是耐看的 今日時尚，明日黃花，不是做一個好的網(wǎng)站的宗旨，真正經(jīng)典的網(wǎng)站，經(jīng)的住推敲和時間的考驗。我有一個朋友，他要

9、我?guī)退鲆粋€網(wǎng)站，要求是一打開網(wǎng)站就知道是絕無僅有的，十年后再打開，也還是不同凡響的。我這個朋友就是在網(wǎng)站要耐看方面是比較有認知的。 8. 可靠的網(wǎng)站要求準確性 網(wǎng)站達成精美之后，我們要談到網(wǎng)站的精確性，這些就是我們所說的細節(jié)問題，如果你看到一個漂亮的網(wǎng)站，但是上面的文字是重疊的，圖片是未經(jīng)處理的，數(shù)據(jù)是錯誤的或者是一兩年前的數(shù)據(jù)，那是不是有一種“吃蒼蠅”的感受？好的網(wǎng)站應當是生動的，前進的，準確的。 9完美的設計不造成資源浪費 這里所說的資源，指的是制作網(wǎng)站前后所造成的人力財力浪費，做一個好的網(wǎng)站，設計和程序都要偏向完美，這需要制作雙方相互配合，達成共識，使網(wǎng)站設計制作穩(wěn)步發(fā)展，成就一個功能完善，設計上乘的網(wǎng)站，省去了后續(xù)程序修改和頁面改版的人力財力浪費。做一個精美的網(wǎng)站用3年，勝過3個月翻新一下你的平庸網(wǎng)頁，不要在網(wǎng)站上浪費財力，要做，就做適合的，好的，有品質(zhì)的。 10.