網(wǎng)頁(yè)設(shè)計(jì)圖 網(wǎng)頁(yè)頁(yè)面尺寸一般設(shè)置多大才合適?
網(wǎng)頁(yè)頁(yè)面尺寸一般設(shè)置多大才合適?網(wǎng)頁(yè)的大小受到兩個(gè)因素的限制:一個(gè)是顯示屏?,F(xiàn)在顯示器種類繁多,以17英寸為主流,正向19英寸、寬屏幕方向發(fā)展。不過(guò),也有許多15英寸的顯示器。另一種是瀏覽器軟件,即高
網(wǎng)頁(yè)頁(yè)面尺寸一般設(shè)置多大才合適?
網(wǎng)頁(yè)的大小受到兩個(gè)因素的限制:一個(gè)是顯示屏?,F(xiàn)在顯示器種類繁多,以17英寸為主流,正向19英寸、寬屏幕方向發(fā)展。不過(guò),也有許多15英寸的顯示器。另一種是瀏覽器軟件,即高度:高度可以向下延伸,所以一般對(duì)高度沒有限制。對(duì)于屏幕,沒有固定的值,因?yàn)槊總€(gè)人的瀏覽器工具欄都是不同的。我看到一些瀏覽器工具欄被插件占據(jù)了屏幕的一半,所以沒有確切的高度值。寬度:1。在IE6.0中,寬度是顯示分辨率減去21,例如,1024寬度-21變?yōu)?003。但值得注意的是,無(wú)論頁(yè)面有多高,IE6.0(或更低版本)的右側(cè)都有一個(gè)滾動(dòng)條。2在Firefox中,寬度分辨率降低了19。例如,1024-19的寬度變?yōu)?0053。在歐佩爾,寬度分辨率降低了23。例如,1024-23的寬度變?yōu)?001。注意:當(dāng)內(nèi)容小于瀏覽器高度時(shí),右滾動(dòng)條將不會(huì)在Firefox或opear中顯示。所以如果分辨率是1024,你的網(wǎng)頁(yè)就沒有1000安全了。設(shè)置900作為兩邊的空白是比較舒服的。設(shè)計(jì)一些浮動(dòng)層也很方便。如果是800,分辨率通常設(shè)置為770。但有些設(shè)定為760。您需要了解并牢記,否則可能無(wú)法滿足瀏覽器的要求。但是,我們通常把它設(shè)置得小一點(diǎn)。我們應(yīng)該在一些瀏覽器中添加插件或其他東西,寬度會(huì)改變。因此,分辨率800設(shè)置為760左右,分辨率1024設(shè)置為990左右
測(cè)試30W以上的客戶端用戶,測(cè)試數(shù)據(jù)如下(來(lái)自網(wǎng)絡(luò)的數(shù)據(jù)):
在xp普通分辨率1024×768的窗口中,我們?nèi)サ羧蝿?wù)欄、瀏覽器菜單欄和狀態(tài)欄,剩余的平均高度為第一屏是584。在分辨率為1440×900的7號(hào)窗口中,去掉任務(wù)欄、瀏覽器菜單欄和狀態(tài)欄,第一屏剩余平均高度為716。windowxp的第一個(gè)屏幕尺寸是580px,window7的第一個(gè)屏幕尺寸是710px
網(wǎng)頁(yè)的背景取決于網(wǎng)頁(yè)的要求,
網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)尺寸:
1。在800*600下,如果網(wǎng)頁(yè)寬度保持在778以內(nèi),則不會(huì)出現(xiàn)水平滾動(dòng)條,高度取決于布局和內(nèi)容。
2. 在1024*768下,網(wǎng)頁(yè)寬度應(yīng)保持在1002以內(nèi)。如果框架已滿,則高度在612-615之間。沒有水平滾動(dòng)條和垂直滾動(dòng)條。
3. 用PS制作一個(gè)網(wǎng)頁(yè),可以在800*600狀態(tài)下全屏顯示,并且頁(yè)面底部不會(huì)有滑動(dòng)條,大小為740*560左右
4。PS制作的圖片到了網(wǎng)上就不一樣了。在顏色等方面,由于web上只使用256種web安全色,而PS中的RGB或CMYK和lab或HSB色域?qū)?,顏色范圍廣,自然會(huì)掉色
頁(yè)面標(biāo)準(zhǔn)是按照800*600分辨率制作的,實(shí)際大小是778*434px
頁(yè)面長(zhǎng)度不能超過(guò)3屏幕寬度原則上不超過(guò)1個(gè)屏幕
每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4格式,即8.5x11英寸
全尺寸橫幅為468*60px,半尺寸橫幅為234*60px,小橫幅為88*31px
此外,120*90120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸
每個(gè)非首頁(yè)靜態(tài)頁(yè)面的網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸:
1。在800*600下,如果網(wǎng)頁(yè)寬度保持在778以內(nèi),則不會(huì)出現(xiàn)水平滾動(dòng)條。高度取決于布局和內(nèi)容。
2. 在1024*768下,網(wǎng)頁(yè)寬度應(yīng)保持在1002以內(nèi)。如果框架已滿,則高度在612-615之間。沒有水平滾動(dòng)條和垂直滾動(dòng)條。(DW中有一個(gè)設(shè)置的標(biāo)準(zhǔn)值,1024*768頁(yè)的標(biāo)準(zhǔn)尺寸是955*600,只需根據(jù)其大小來(lái)做即可。)。用PS制作網(wǎng)頁(yè),可以在800*600狀態(tài)下全屏顯示,并且頁(yè)面底部不會(huì)有滑條。尺寸約為740*560。4PS制作的圖片在互聯(lián)網(wǎng)上,在顏色等方面都不一樣,因?yàn)榫W(wǎng)絡(luò)上只使用了256web安全色,而PS或HSB中的RGB或CMYK和lab色域?qū)?,顏色范圍廣,自然會(huì)掉色。頁(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.5x11英寸全尺寸橫幅是468*60px,半尺寸橫幅是234*60px,小橫幅是88*31px,120*90120*6 0也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸
不同環(huán)境下設(shè)置的尺寸不同。1當(dāng)分辨率為800*600時(shí),頁(yè)面的顯示大小為780*428px。2當(dāng)分辨率為640×480時(shí),頁(yè)面的顯示尺寸為620×311px。三。當(dāng)分辨率為1024*768時(shí),頁(yè)面的顯示大小為1007*600px。