|
秦歌(YanKaven) 的站點(diǎn)：http://dancewithnet.com/
網(wǎng)站設(shè)計(jì)時(shí)，有一個(gè)最常用的指導(dǎo)性原則：頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏。這個(gè)原則明顯是從用戶(hù)的體驗(yàn)出發(fā)，特別是寬度不超過(guò)一屏，其最基本的表現(xiàn)是瀏覽器不出現(xiàn)橫向滾動(dòng)條，這幾乎是目前的設(shè)計(jì)準(zhǔn)則。那么這里的一屏到底是多大呢？
普通用戶(hù)通常瀏覽網(wǎng)頁(yè)時(shí)，其瀏覽網(wǎng)頁(yè)的有效面積會(huì)受到下面幾個(gè)方面的影響：
- 顯示器的分辨率
這個(gè)由科技發(fā)展和用戶(hù)購(gòu)買(mǎi)力及喜好決定，其數(shù)據(jù)取決于統(tǒng)計(jì)。
- 操作系統(tǒng)
毫無(wú)疑問(wèn)目前是Windows的天下，其中WindowsXP占絕大多數(shù)。
- 網(wǎng)頁(yè)瀏覽器
IE依舊份額最高，但是Firefox、Opera和Safari等也有一定市場(chǎng)。
- 個(gè)人定制
主要是用戶(hù)定制操作系統(tǒng)的樣式、操作系統(tǒng)任務(wù)欄是否隱藏和瀏覽器的樣式，但是總體上這部分應(yīng)該屬于高級(jí)用戶(hù)，絕大部分用戶(hù)依舊會(huì)使用操作系統(tǒng)和瀏覽器的默認(rèn)樣式。
下面是關(guān)于瀏覽器和屏幕分辨率的統(tǒng)計(jì)數(shù)據(jù)：
W3Counter于2006.11.12發(fā)布的全球統(tǒng)計(jì)數(shù)據(jù)
某知名站點(diǎn)2006年10月份的數(shù)據(jù)
由上面的數(shù)據(jù)可以得出：
- 基本上用戶(hù)分辨率都在800×600以上，絕大部分都在1024×768以上，從全球情況來(lái)看，800×600的分辨率會(huì)越來(lái)越少。
- 國(guó)內(nèi)瀏覽器依舊是IE6的天下，這將會(huì)持續(xù)較長(zhǎng)的時(shí)間。從全球市場(chǎng)來(lái)看，國(guó)內(nèi)的Firefox2.0和IE7會(huì)逐步增長(zhǎng)，特別當(dāng)IE7的中文版推出和Windows自動(dòng)更新的推廣開(kāi)始以及隨Vista上市，IE7增長(zhǎng)會(huì)更快。
所以計(jì)算一屏大小應(yīng)基于以下原則：
- 一屏指絕大部分用戶(hù)的瀏覽器顯示網(wǎng)頁(yè)的有效可視區(qū)域。
- 一屏的計(jì)算環(huán)境是Windows XP和瀏覽器均處于默認(rèn)樣式。
- 由于IE無(wú)論是否超過(guò)一屏都存在縱向滾動(dòng)條的位置，F(xiàn)irefox和Opera是在頁(yè)面超過(guò)一屏的時(shí)候出現(xiàn)縱向滾動(dòng)條，且瀏覽絕大部分網(wǎng)頁(yè)都有縱向滾動(dòng)條的存在，所以一屏大小的計(jì)算都基于瀏覽器有縱向滾動(dòng)條的狀態(tài)下。
- 由于Firefox2.0在只瀏覽一個(gè)網(wǎng)頁(yè)時(shí)不出現(xiàn)多窗口的控制欄，而其它的多窗口瀏覽器都出現(xiàn)多窗口控制欄且使用時(shí)都會(huì)同時(shí)瀏覽多個(gè)網(wǎng)頁(yè)，所以一屏大小在Firefox中指多窗口的控制欄存在時(shí)。
下面是基于上面的原則得到常用瀏覽器和分辨率下的的數(shù)據(jù)結(jié)果：
| |
有效可視區(qū)域（單位：px） |
| 屏幕 |
一 |
二 |
三 |
| 800 |
600 |
1024 |
768 |
1280 |
1024 |
| IE6.0 |
779(+21) |
432(+168) |
1003(+21) |
600(+168) |
1259(+21) |
856(+168) |
| IE7.0 |
779(+21) |
452(+148) |
1003(+21) |
620(+148) |
1259(+21) |
876(+148) |
| Firefox2.0 |
783(+17) |
417(+183) |
1007(+17) |
585(+183) |
1263(+17) |
841(+183) |
| Opera9.0 |
781(+19) |
461(+139) |
1005(+19) |
629(+139) |
1261(+19) |
885(+139) |
關(guān)于上面數(shù)據(jù)的解釋和一些其他事實(shí)：
- 在800×600分辨率和Windows XP下定制Windows的經(jīng)典樣式IE6的有效可視區(qū)域是780×445，Windows98、Windows 2000和Windows2003均采用經(jīng)典樣式切IE5.0、IE5.5、IE6.0的布局上相似，所以相同分辨率下應(yīng)該比Windows XP默認(rèn)的樣式要大。
- 知道瀏覽器型號(hào)和屏幕的分辨率能夠很容易的推算出可視區(qū)域面積，比如1024×768下IE7.0的可視面積是（1024-21）×（1024-148）
綜合上面所有的數(shù)據(jù)，結(jié)論如下：
- 最保守而最有兼容性的一屏大小是：779×432
- 最廣泛的一屏大小是：1003×600
- 適合目前國(guó)內(nèi)的情況，一屏大小是779×600
本文鏈接：http://m.95time.cn/design/doc/2007/4610.asp 
出處：藍(lán)色理想
責(zé)任編輯：moby
|
