網(wǎng)設(shè)計的寬度是多少

1、網(wǎng)頁設(shè)計的寬度是多少？960像數(shù)這個神奇的數(shù)字出現(xiàn)之初，大家各說紛紜，有說是因為蘋果設(shè)計師在1024 X 768的分辨率下打開瀏覽器的寬度時974像數(shù)，減去瀏覽器的寬度本生的寬度14像數(shù)，這里這個神奇的960像數(shù)就這樣出生了；也有的說在人眼不轉(zhuǎn)動的情況下所能看到的最大的寬度是960像數(shù)。我相信說這話的人真是無時不刻不在考慮用戶體驗啊。今天就用戶體驗之網(wǎng)頁設(shè)計的寬度來發(fā)表下我個人的看法，不足之處請大家不吝 賜教。先來分析下那個時代主流大戶時至今日的頁面寬度就5到6年前或許更早（下文中姑且說 5年前），大家討論頁面設(shè)計寬度時基本都在950像素到1000像素之間，用960像數(shù)來設(shè)計為大多數(shù)網(wǎng)頁設(shè)計師

2、接受，包括直到現(xiàn)在960PX還是指導著絕大部分門戶類的設(shè)計。在那個流行960像素的時代騰訊用的是 910像素，而在今年騰訊的新首頁已改版為1000像素。與騰訊同步的還有比如鳳凰網(wǎng)、新華網(wǎng)（在這里吐槽下新華網(wǎng)頁面最外面的黑框）也是1000像素。搜狐、新浪依舊是 950像素，網(wǎng)易保持960像素。淘寶網(wǎng)首頁1000像素（淘寶子頻道頁比如：點卡950像素、男裝990像素等各部相同），淘寶系列新推的網(wǎng)站比如：聚劃算990像素、天貓970像素、天貓電器城990像素、一淘網(wǎng)1200像素。與門戶類相比電商的改版更徹底了，我們來看下主流電商現(xiàn)在的頁面寬度：京東1210像素、當當1200像素、1號店1200像素、

3、新蛋1200像素、蘇寧易購1190像素、易訊1225像素、亞馬孫自適應(yīng)（最 小寬度980像素）?？梢钥闯霈F(xiàn)在電商主流的頁面設(shè)計是1200像素。舉例具體來分析，今年的 2月份京東改版（在這里暫不討論其他內(nèi)容，只說頁面寬度）之后的頁面寬 度設(shè)計成1210像素。有的人認為這樣讓商品圖片更加清晰美觀，亦有人認為在頁面沒有變得更擁擠的前 提下，增加了 60個廣告位（廣告位你懂得，這也是在電商上銷售商品的各品牌希望得到的），等等都是說的有道理的。不過對電商的頁面為什么都在1200像數(shù)，我從用戶體驗的角度是這樣分析的。1024 X 768的分辨率雖然有人說至今任然占據(jù)著大多數(shù)用戶的瀏覽器，記得兩三年前有一個

4、看到一個統(tǒng)計1024X 768的分辨率的用戶占比約為 40%左右，而如今1280X 800及其以上分辨率的用戶約占比為45%到50%左右。時至今日1024X 768的分辨率的最新數(shù)據(jù)用戶占比到今年3月只剩下18.6 %。，不過可以肯定的是確實仍有很多客戶端是這個設(shè)置。1366X 768的分辨率得益于筆記本的蓬勃發(fā)展，在其中占據(jù)絕對主流地位， 一 路高奏凱歌，從微不足道的0.41 %攀升至今天的19.2 %,榮登分辨率之王。位列第三的還是1280X 800 的分辨率，比例位12.95 %，比三年前只少了 5.87個百分點。這種變化對于 Web開發(fā)人員來說尤其具有 指導意義。現(xiàn)在我們可以考慮更多地

5、為1366像素寬度進行頁面優(yōu)化了。我想這些數(shù)據(jù)也可能是電商改版的重要參考之一吧。那么既然1024 X 768的分辨率仍有很多客戶端，電商為什么就敢于放棄這部分客戶的用戶體驗?zāi)?？?其他各類型的網(wǎng)站依舊保持不變呢？1024X 768的分辨率從2006年左右流行至今已近 8個年頭了，這8年里PC技術(shù)跑步在發(fā)展。與之一起發(fā)展的便是互聯(lián)網(wǎng)技術(shù)了，電商依附WEB及互聯(lián)網(wǎng)技術(shù)的發(fā)展至今也已壯大了。可以說使用 1024X 768分辨率的機器也應(yīng)該算是古董級的了，依舊使用這些機器的人，首先 可以斷定他們對電子產(chǎn)品的更新是沒有追求的（電子產(chǎn)品也是各電商主推的）。又或是子女淘汰的機器老人在使用，那在中國大多數(shù)老年

6、人對網(wǎng)絡(luò)還是比較陌生的，這部分人事絕對不可能有網(wǎng)絡(luò)購物的存在。所以 分析來分析去這部分人都不像是電商的潛在客戶，既然不是客戶，那電商不會顧及這部分網(wǎng)名的用戶體驗 也理所當然了。而如今1280 X 800及其以上分辨率的用戶約占比為45%到50%左右，這些活躍的網(wǎng)名都是電商的潛 在消費者，是客戶。電商網(wǎng)站為這部分經(jīng)常電子購物的網(wǎng)名提供更好的用戶體驗也是情理之中的。所以，我說今年電商網(wǎng)站集體告別1024 X 768是用戶體驗設(shè)計的一部分。960像數(shù)這個神奇的數(shù)字出現(xiàn)之初，大家各說紛紜，有說是因為蘋果設(shè)計師在1024 X 768的分辨率下打開瀏覽器的寬度時974像數(shù)，減去瀏覽器的寬度本生的寬度14像

7、數(shù)，這里這個神奇的960像數(shù)就這樣出生了；也有的說在人眼不轉(zhuǎn)動的情況下所能看到的最大的寬度是960像數(shù)。我相信說這話的人真是無時不刻不在考慮用戶體驗啊。今天就用戶體驗之網(wǎng)頁設(shè)計的寬度來發(fā)表下我個人的看法，不足之處請大家不吝 賜教。先來分析下那個時代主流大戶時至今日的頁面寬度就5到6年前或許更早（下文中姑且說 5年前），大家討論頁面設(shè)計寬度時基本都在950像素到1000像素之間，用960像數(shù)來設(shè)計為大多數(shù)網(wǎng)頁設(shè)計師接受，包括直到現(xiàn)在960PX還是指導著絕大部分門戶類的設(shè)計。在那個流行960像素的時代騰訊用的是 910像素，而在今年騰訊的新首頁已改版為1000像素。與騰訊同步的還有比如鳳凰網(wǎng)、新華

8、網(wǎng)（在這里吐槽下新華網(wǎng)頁面最外面的黑框）也是1000像素。搜狐、新浪依舊是 950像素，網(wǎng)易保持960像素。淘寶網(wǎng)首頁1000像素（淘寶子頻道頁比如：點卡950像素、男裝990像素等各部相同），淘寶系列新推的網(wǎng)站比如：聚劃算990像素、天貓970像素、天貓電器城990像素、一淘網(wǎng)1200像素。與門戶類相比電商的改版更徹底了，我們來看下主流電商現(xiàn)在的頁面寬度：京東1210像素、當當1200像素、1號店1200像素、新蛋1200像素、蘇寧易購1190像素、易訊1225像素、亞馬孫自適應(yīng)（最 小寬度980像素）。可以看出現(xiàn)在電商主流的頁面設(shè)計是1200像素。舉例具體來分析，今年的 2月份京東改版（在

9、這里暫不討論其他內(nèi)容，只說頁面寬度）之后的頁面寬 度設(shè)計成1210像素。有的人認為這樣讓商品圖片更加清晰美觀，亦有人認為在頁面沒有變得更擁擠的前 提下，增加了 60個廣告位（廣告位你懂得，這也是在電商上銷售商品的各品牌希望得到的），等等都是說的有道理的。不過對電商的頁面為什么都在1200像數(shù)，我從用戶體驗的角度是這樣分析的。1024 X 768的分辨率雖然有人說至今任然占據(jù)著大多數(shù)用戶的瀏覽器，記得兩三年前有一個看到一個統(tǒng)計1024X 768的分辨率的用戶占比約為 40%左右，而如今1280X 800及其以上分辨率的用戶約占比為45%到50%左右。時至今日1024X 768的分辨率的最新數(shù)據(jù)用

10、戶占比到今年3月只剩下18.6 %。，不過可以肯定的是確實仍有很多客戶端是這個設(shè)置。1366X 768的分辨率得益于筆記本的蓬勃發(fā)展，在其中占據(jù)絕對主流地位，一路高奏凱歌，從微不足道的0.41 %攀升至今天的19.2 %,榮登分辨率之王。位列第三的還是1280X 800 的分辨率，比例位12.95 %，比三年前只少了 5.87個百分點。這種變化對于 Web開發(fā)人員來說尤其具有 指導意義?，F(xiàn)在我們可以考慮更多地為1366像素寬度進行頁面優(yōu)化了。我想這些數(shù)據(jù)也可能是電商改版的重要參考之一吧。那么既然1024 X 768的分辨率仍有很多客戶端，電商為什么就敢于放棄這部分客戶的用戶體驗?zāi)?？?其他各類型的網(wǎng)站依舊保持不變呢？1024X 768的分辨率從2006年左右流行至今已近 8個年頭了，這8年里PC技術(shù)跑步在發(fā)展。與之一起發(fā)展的便是互聯(lián)網(wǎng)技術(shù)了，電商依附WEB及互聯(lián)網(wǎng)技術(shù)的發(fā)展至今也已壯大了?？梢哉f使用1024X 768分辨率的機器也應(yīng)該算是古董級的了，依舊使用這些機器的人，首先可以斷定他們對電子產(chǎn)品的更新是沒有追求的（電子產(chǎn)品也是各電商主推的）。又或是子女淘汰的機器老人在使用，那在中國大多數(shù)老年人對網(wǎng)絡(luò)還是比較陌生的，這部分人事絕對不可能有網(wǎng)絡(luò)購物的存在。所以 分析來分析去這部分人都不像是電