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

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

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

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

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

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

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

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

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

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

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