WEB网页设计标准尺寸
、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間。就不會出現水平滾動條和垂直滾動條。
3、在ps里面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象。
頁面標準按800*600分辨率制作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標準頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標準尺寸
每個非首頁靜態頁面含圖片字節不超過60K,全尺寸banner不超過14K
標準網頁廣告尺寸規格
一、120*120,這種廣告規格適用于產品或新聞照片展示。
二、120*60,這種廣告規格主要用于做LOGO使用。
三、120*90,主要應用于產品演示或大型LOGO。
四、125*125,這種規格適于表現照片效果的圖像廣告。
五、234*60,這種規格適用于框架或左右形式主頁的廣告鏈接。
六、392*72,主要用于有較多圖片展示的廣告條,用于頁眉或頁腳。
七、468*60,應用最為廣泛的廣告條尺寸,用于頁眉或頁腳。
八、88*31,主要用于網頁鏈接,或網站小型LOGO。
==========================================================================
廣告形式 像素大小 最大尺寸 備注
BUTTON 120*60(必須用gif) 7K
215*50(必須用gif) 7K
通欄 760*100 25K 靜態圖片或減少運動效果
430*50 15K
超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果
巨幅廣告 336*280 35K
585*120
豎邊廣告 130*300 25K
全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式
圖文混排 各頻道不同 15K
彈出窗口 400*300(盡量用gif) 40K
BANNER 468*60(盡量用gif) 18K
懸停按鈕 80*80(必須用gif) 7K
流媒體 300*200(可做不規則形狀但尺寸不能超過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發布新的網絡廣告尺寸標準
在這6種格式中,除了去年發布的4種“通用廣告包”中的格式:160x600, 300x250, 180x150及728x90,還包括新公布的468x60 和120x600(擎天柱)2種。
好的網頁設計十條原則
1. 創新多于陳舊,才能稱之為“好”
成功的網頁設計不照抄傳統設計,也不只是在平庸的頁面基礎之上創造一些設計演變,創新的網頁設計,亮點必須貫穿始末,對產品的體現要在品質上面進行全面烘托,使產品有個面目全新的 “華麗出場”,在這一點上,絕不能讓設計之火熄滅,讓靈感之火燃盡。好在各種頁面設計元素層出不窮,為網頁設計本身提供大量變換素材和完美的可能性。
2. 好的網站,設計要跟產品相配
網頁設計再美觀,風格與產品背道而馳,也只能說是很差勁的網站,中國人喜歡歐美風格的網站,原因是歐美分格的網站,設計簡潔,主題鮮明,質感強烈,適合大多數產品,但也有特例,比如感覺吧STUDIO最近的一個網站設計項目,是坦洋工夫紅茶的網站,該網站崇尚歷史題材和中國韻味,這樣的網站就要求用比較濃重的中國風和相當精致的細節來體現其一流品質,原因:工夫紅茶本身是比較考究的中國傳統文化。
3. 網頁設計要符合基本審美
網站在實用的基礎上,設計也要在基本審美上達標,另外再做設計延伸(我們稱之為創新),審美上成功的網頁WEB,再加之創新,能夠讓人賞心悅目,激發想象,事半功倍;審美上不過關,做再多創新只能徒勞無功,或者是讓人產生反感。
4. 上等的網頁設計幫助客戶了解產品
網頁設計運用得當,一樣能開口說話,傳遞產品的多方面信息,為你省略很多冗繁的文字描述,這就是許多FLASH動畫網站文字甚少的緣由,設計和動畫在視覺上,通過不同的形式,來表達產品的尊貴形態,優越品質,使用方法,卓越效果,企業氣勢和消費者購買欲望等等…
5. 優秀的網頁設計不崇尚張揚
網站說到底,是一種工具,是用來傳遞公司產品信息的。網站的設計不宜張揚,網站之余人,可以比作兩個朋友面對面,網站網頁,可以是一個尊貴的朋友,但決不能是一個外表傲慢的朋友。無論網站做的有多漂亮精致,大方是必須的,張揚是不可行的,要為網站的親和力留出一席之地,讓網站和人達成和諧。
6. 讓網站誠實傳遞信息
良好的網頁設計,在設計上不傳遞與產品本身不符合的信息,不誤導和過度激勵客戶,這就是所謂的網站道德,賦予網站生命之后,也要賦予它品性,相信瀏覽者也會為正直的網站加分的。
7. 功底深厚的設計是耐看的
今日時尚,明日黃花,不是做一個好的網站的宗旨,真正經典的網站,經的住推敲和時間的考驗。我有一個朋友,他要我幫他做一個網站,要求是一打開網站就知道是絕無僅有的,十年后再打開,也還是不同凡響的。我這個朋友就是在網站要耐看方面是比較有認知的。
8. 可靠的網站要求準確性
網站達成精美之后,我們要談到網站的精確性,這些就是我們所說的細節問題,如果你看到一個漂亮的網站,但是上面的文字是重疊的,圖片是未經處理的,數據是錯誤的或者是一兩年前的數據,那是不是有一種“吃蒼蠅”的感受?好的網站應當是生動的,前進的,準確的。
9.完美的設計不造成資源浪費
這里所說的資源,指的是制作網站前后所造成的人力財力浪費,做一個好的網站,設計和程序都要偏向完美,這需要制作雙方相互配合,達成共識,使網站設計制作穩步發展,成就一個功能完善,設計上乘的網站,省去了后續程序修改和頁面改版的人力財力浪費。做一個精美的網站用3年,勝過3個月翻新一下你的平庸網頁,不要在網站上浪費財力,要做,就做適合的,好的,有品質的。
10. 杰出的網頁設計越少越好
為什么我們一方面要求創新,一方面又不提倡太多設計呢?有句話叫做“簡潔不等于簡單”,還有個成語叫“畫蛇添足”,太過于豐富花哨的網站,目的到底是展示網站本身呢,還是烘托產品呢?設計是要有的,但設計不是目的,設計只是一種襯托產品的手段,我們提倡創新,但不提倡無目的的創新。
總結
以上是生活随笔為你收集整理的WEB网页设计标准尺寸的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Kotlin如何实现lateinit
- 下一篇: vscode注释的快捷键是哪个