確定網(wǎng)頁(yè)設(shè)計(jì)的最佳尺寸
網(wǎng)頁(yè)設(shè)計(jì)師在進(jìn)行工作室設(shè)計(jì)時(shí),有一個(gè)基本原則:頁(yè)面寬度不應(yīng)超過(guò)一屏,高度不超過(guò)三屏。網(wǎng)頁(yè)的標(biāo)準(zhǔn)尺寸取決于顯示器分辨率、瀏覽器和操作系統(tǒng)等因素。設(shè)計(jì)需從用戶體驗(yàn)角度出發(fā),確保寬度不超過(guò)一屏,以確保瀏覽器
網(wǎng)頁(yè)設(shè)計(jì)師在進(jìn)行工作室設(shè)計(jì)時(shí),有一個(gè)基本原則:頁(yè)面寬度不應(yīng)超過(guò)一屏,高度不超過(guò)三屏。網(wǎng)頁(yè)的標(biāo)準(zhǔn)尺寸取決于顯示器分辨率、瀏覽器和操作系統(tǒng)等因素。設(shè)計(jì)需從用戶體驗(yàn)角度出發(fā),確保寬度不超過(guò)一屏,以確保瀏覽器不會(huì)出現(xiàn)橫向滾動(dòng)條。
影響用戶瀏覽效果的因素
1. 顯示器分辨率:受科技發(fā)展、用戶購(gòu)買(mǎi)力和喜好影響,數(shù)據(jù)取決于統(tǒng)計(jì)結(jié)果。
2. 操作系統(tǒng):目前Windows占主導(dǎo)地位,其中Windows 7占絕大多數(shù)份額。
3. 網(wǎng)頁(yè)瀏覽器:IE仍然占據(jù)最大市場(chǎng)份額,但Firefox、Opera和Safari等也有一定市場(chǎng)份額。
4. 個(gè)人定制:部分用戶會(huì)定制操作系統(tǒng)樣式、任務(wù)欄是否隱藏以及瀏覽器樣式,但大多數(shù)用戶仍使用默認(rèn)設(shè)置。
計(jì)算一屏大小的基本原則
1. 一屏指大多數(shù)用戶瀏覽器顯示網(wǎng)頁(yè)的有效可視區(qū)域。
2. 計(jì)算環(huán)境基于Windows 7和瀏覽器處于默認(rèn)樣式。
3. 由于不同瀏覽器縱向滾動(dòng)條位置不同,計(jì)算一屏大小時(shí)考慮瀏覽器有縱向滾動(dòng)條的狀態(tài)。
4. 在Firefox中,一屏大小考慮多窗口控制欄的存在。
確定網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)尺寸
1. 最保守和兼容性最強(qiáng)的設(shè)計(jì)尺寸為寬度778像素,高度視版面內(nèi)容確定。
2. 在1024像素下,寬度保持1002像素內(nèi),全框顯示高度在612像素之間,避免出現(xiàn)滾動(dòng)條。
3. 在Photoshop中,設(shè)計(jì)800像素狀態(tài)下可顯示全屏,底部無(wú)滾動(dòng)條,尺寸約為740x560像素。
4. 注意PS設(shè)計(jì)與網(wǎng)頁(yè)實(shí)際效果可能存在顏色失真,因網(wǎng)絡(luò)上僅用到256種web安全色。
設(shè)計(jì)師在制定網(wǎng)頁(yè)尺寸時(shí),需考慮用戶設(shè)備、瀏覽器偏好和視覺(jué)體驗(yàn),遵循以上原則可以提高網(wǎng)頁(yè)的兼容性和用戶友好性。