網(wǎng)頁(yè)設計中的標準尺寸規范
由于網(wǎng)站設計師在設計網(wǎng)頁(yè)的時(shí)候,要考慮到文字和圖片的整體配合,而要搭配協(xié)調好看就必須尺寸規范合理,這就不得不涉及到一個(gè)網(wǎng)頁(yè)設計的尺寸規范問(wèn)題。作為一名網(wǎng)站設計師,更應該將這些網(wǎng)頁(yè)設計尺寸規范銘記于心。
網(wǎng)頁(yè)標準按800*600分辨率制作,實(shí)際尺寸為778*434px。網(wǎng)頁(yè)長(cháng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏。每個(gè)標準網(wǎng)頁(yè)為A4幅面大小,即8.5X11英寸。全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px。
1、在ps里邊做頁(yè)面能夠在800*600狀態(tài)下顯現全屏,網(wǎng)頁(yè)的下方又不會(huì )呈現滑動(dòng)條,尺寸為740*560擺布。
2、800*600下,網(wǎng)頁(yè)寬度保持在778以?xún)龋筒粫?huì )呈現水平滾動(dòng)條,高度則視版面和內容決議。
3、在PS里做的圖到了網(wǎng)上就不相同了,色彩等等方面,由于web上面只用到256web安全色,而ps中的RGB或許CMYK以及LAB或許HSB的色域很寬色彩規模很廣,所以自然會(huì )有失容的表象。
4、1024*768下,頁(yè)面寬度保持在1002以?xún)龋绻麧M(mǎn)框顯現的話(huà),高度是612-615之間。就不會(huì )呈現水平滾動(dòng)條和垂直滾動(dòng)條。(在dw里邊有設定好的規范值, 1024*768頁(yè)面的規范巨細是955*600,照著(zhù)它的尺寸做就行了)。 另外120*90,120*60也是小圖標的規范尺寸。每個(gè)非主頁(yè)靜態(tài)頁(yè)面含圖像字節不超越60K,全尺寸banner不超越14K。 頁(yè)面規范為8.5X11英寸的A4幅面;如果是在800*600的顯示器尺度規范下的話(huà),整站網(wǎng)頁(yè)設計的頁(yè)面寬度則應該保持在778以?xún)龋叨瓤梢暟婷婧蛢热輿Q議。由于平面設計與網(wǎng)站設計存在著(zhù)不一樣,所以當網(wǎng)站設計師在PS中進(jìn)行版面設計時(shí)若想完成全屏,尺度應保持在740*560擺布即可。大都網(wǎng)站設計事例證實(shí),在800*600分辨率的頁(yè)面規范下進(jìn)行網(wǎng)站設計的實(shí)踐尺度應為778*434px。
800*600下,網(wǎng)頁(yè)寬度保持在778以?xún)龋筒粫?huì )出現水平滾動(dòng)條,高度則視版面和內容決定。
1024*768下,網(wǎng)頁(yè)寬度保持在1002以?xún)龋绻麧M(mǎn)框顯示的話(huà),高度是612-615之間.就不會(huì )出現水平滾動(dòng)條和垂直滾動(dòng)條。
在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì )出現滑動(dòng)條,尺寸為740*560左右。
在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會(huì )有失色的現象.
網(wǎng)頁(yè)中的廣告尺寸
1.首頁(yè)右上,尺寸120*60 2.首頁(yè)頂部通欄,尺寸468*60 3.首頁(yè)頂部通欄,尺寸760*60
4.首頁(yè)中部通欄,尺寸580*60 5.內頁(yè)頂部通欄,尺寸468*60 6.內頁(yè)頂部通欄,尺寸760*60
7.內頁(yè)左上,尺寸150*60或300*300 8.下載地址頁(yè)面,尺寸560*60或468*60
9.內頁(yè)底部通欄,尺寸760*60 10.左漂浮,尺寸80*80或100*100
11.右漂浮,尺寸80*80或100*100以上幾種說(shuō)法可能有點(diǎn)小的出入,大家可以探討一下。
IAB和EIAA發(fā)布新的網(wǎng)絡(luò )廣告尺寸標準
在這6種格式中,除了去年iab發(fā)布的4種“通用廣告包”中的格式:160x600, 300x250, 180x150及728x90,還包括新公布的468x60 和120x600(擎天柱)2種。
頁(yè)面長(cháng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏
每個(gè)標準頁(yè)面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標準尺寸
- 2018-03-19網(wǎng)頁(yè)設計中如何系統的畫(huà)原型
- 2018-03-10網(wǎng)頁(yè)設計中的css用法特點(diǎn)注意事項
- 2018-03-09網(wǎng)頁(yè)設計師必須要學(xué)習的視覺(jué)層級技巧
- 2018-03-08響應式網(wǎng)頁(yè)設計的9項基本原則
- 2018-03-07平面設計三折頁(yè)的設計尺寸有什么要求
- 2018-03-04網(wǎng)頁(yè)設計常用的技能手法:色彩疊加
- 2018-02-21網(wǎng)頁(yè)設計手機移動(dòng)端設計稿寬度多少
- 2018-02-10平面設計以及印刷常用的標準尺寸大全
- 2018-02-08人工智能網(wǎng)頁(yè)設計的特點(diǎn)和優(yōu)勢
- 2018-02-052018年較新流行的網(wǎng)頁(yè)設計趨勢
- 2018-02-05響應式網(wǎng)頁(yè)設計與自適應網(wǎng)頁(yè)設計有什么區別
- 2018-02-01網(wǎng)頁(yè)設計制作簡(jiǎn)化網(wǎng)頁(yè)設計的方法
- 2018-01-29網(wǎng)頁(yè)設計領(lǐng)域中的開(kāi)放式布局
- 2018-01-29影響網(wǎng)頁(yè)設計的5個(gè)關(guān)鍵因素
- 2018-01-22網(wǎng)頁(yè)設計師如何和客戶(hù)理解與溝通
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16