網頁(yè)設計也需要從用(yòng)戶的體(tǐ)驗角度出發，特别是寬度不超過一屏，其最基本的表現是浏覽器不出現橫向滾動條。重慶網站建專注網站建設，網頁(yè)設計等建站服務(wù)，網頁(yè)設計分(fēn)享頻道為(wèi)網頁(yè)設計師尋找設計靈感。
 

960像數這個神奇的數字出現之初，大家各說紛纭，有(yǒu)說是因為(wèi)蘋果設計師在1024×768的分(fēn)辨率下打開浏覽器的寬度時974像數，減去浏覽器的寬度本生的寬度14像數，這裏這個神奇的960像數就這樣出生了;也有(yǒu)的說在人眼不轉動的情況下所能(néng)看到的最大的寬度是960像數。我相信說這話的人真是無時不刻不在考慮用(yòng)戶體(tǐ)驗啊。今天就用(yòng)戶體(tǐ)驗之網頁(yè)設計的寬度來發表下我個人的看法，不足之處請大家不吝賜教。
 

先來分(fēn)析下那個時代主流大戶時至今日的頁(yè)面寬度就5到6年前或許更早(下文(wén)中(zhōng)姑且說5年前)，大家讨論頁(yè)面設計寬度時基本都在950像素到1000像素之間，用(yòng)960像數來設計為(wèi)大多(duō)數網頁(yè)設計師接受，包括直到現在960PX還是指導着絕大部分(fēn)門戶類的設計。在那個流行960像素的時代騰訊用(yòng)的是910像素，而在今年騰訊的新(xīn)首頁(yè)已改版為(wèi)1000像素。與騰訊同步的還有(yǒu)比如鳳凰網、新(xīn)華網(在這裏吐槽下新(xīn)華網頁(yè)面最外面的黑框)也是1000像素。搜狐、新(xīn)浪依舊是950像素，網易保持960像素。淘寶網首頁(yè)1000像素(淘寶子頻道頁(yè)比如：點卡950像素、男裝(zhuāng)990像素等各部相同)，淘寶系列新(xīn)推的網站比如：聚劃算990像素、天貓970像素、天貓電(diàn)器城990像素、一淘網1200像素。
 

與門戶類相比電(diàn)商(shāng)的改版更徹底了，我們來看下主流電(diàn)商(shāng)現在的頁(yè)面寬度：京東1210像素、當當1200像素、1号店(diàn)1200像素、新(xīn)蛋1200像素、蘇甯易購(gòu)1190像素、易訊1225像素、亞馬孫自适應(最小(xiǎo)寬度980像素)。可(kě)以看出現在電(diàn)商(shāng)主流的頁(yè)面設計是1200像素。
 

舉例具(jù)體(tǐ)來分(fēn)析，今年的2月份京東改版(在這裏暫不讨論其他(tā)内容，隻說頁(yè)面寬度)之後的頁(yè)面寬度設計成1210像素。有(yǒu)的人認為(wèi)這樣讓商(shāng)品圖片更加清晰美觀，亦有(yǒu)人認為(wèi)在頁(yè)面沒有(yǒu)變得更擁擠的前提下，增加了60個廣告位(廣告位你懂得，這也是在電(diàn)商(shāng)上銷售商(shāng)品的各品牌希望得到的)，等等都是說的有(yǒu)道理(lǐ)的。
 

不過對電(diàn)商(shāng)的頁(yè)面為(wèi)什麽都在1200像數，我從用(yòng)戶體(tǐ)驗的角度是這樣分(fēn)析的。1024×768的分(fēn)辨率雖然有(yǒu)人說至今任然占據着大多(duō)數用(yòng)戶的浏覽器，記得兩三年前有(yǒu)一個看到一個統計1024×768的分(fēn)辨率的用(yòng)戶占比約為(wèi)40%左右，而如今1280×800及其以上分(fēn)辨率的用(yòng)戶約占比為(wèi)45%到50%左右。時至今日1024×768的分(fēn)辨率的最新(xīn)數據用(yòng)戶占比到今年3月隻剩下18.6%。，不過可(kě)以肯定的是确實仍有(yǒu)很(hěn)多(duō)客戶端是這個設置。1366×768的分(fēn)辨率得益于筆(bǐ)記本的蓬勃發展，在其中(zhōng)占據絕對主流地位，一路高奏凱歌，從微不足道的0.41%攀升至今天的19.2%，榮登分(fēn)辨率之王。位列第三的還是1280×800的分(fēn)辨率，比例位12.95%，比三年前隻少了5.87個百分(fēn)點。這種變化對于Web開發人員來說尤其具(jù)有(yǒu)指導意義。現在我們可(kě)以考慮更多(duō)地為(wèi)1366像素寬度進行頁(yè)面優化了。我想這些數據也可(kě)能(néng)是電(diàn)商(shāng)改版的重要參考之一吧。
 

那麽既然1024×768的分(fēn)辨率仍有(yǒu)很(hěn)多(duō)客戶端，電(diàn)商(shāng)為(wèi)什麽就敢于放棄這部分(fēn)客戶的用(yòng)戶體(tǐ)驗呢(ne)?而其他(tā)各類型的網站依舊保持不變呢(ne)?1024×768的分(fēn)辨率從2006年左右流行至今已近8個年頭了，這8年裏PC技(jì )術跑步在發展。與之一起發展的便是互聯網技(jì )術了，電(diàn)商(shāng)依附WEB及互聯網技(jì )術的發展至今也已壯大了。可(kě)以說使用(yòng)1024×768分(fēn)辨率的機器也應該算是古董級的了，依舊使用(yòng)這些機器的人，首先可(kě)以斷定他(tā)們對電(diàn)子産(chǎn)品的更新(xīn)是沒有(yǒu)追求的(電(diàn)子産(chǎn)品也是各電(diàn)商(shāng)主推的)。又(yòu)或是子女淘汰的機器老人在使用(yòng)，那在中(zhōng)國(guó)大多(duō)數老年人對網絡還是比較陌生的，這部分(fēn)人事絕對不可(kě)能(néng)有(yǒu)網絡購(gòu)物(wù)的存在。所以分(fēn)析來分(fēn)析去這部分(fēn)人都不像是電(diàn)商(shāng)的潛在客戶，既然不是客戶，那電(diàn)商(shāng)不會顧及這部分(fēn)網名(míng)的用(yòng)戶體(tǐ)驗也理(lǐ)所當然了。
 

而如今1280×800及其以上分(fēn)辨率的用(yòng)戶約占比為(wèi)45%到50%左右，這些活躍的網名(míng)都是電(diàn)商(shāng)的潛在消費者，是客戶。電(diàn)商(shāng)網站為(wèi)這部分(fēn)經常電(diàn)子購(gòu)物(wù)的網名(míng)提供更好的用(yòng)戶體(tǐ)驗也是情理(lǐ)之中(zhōng)的。
 

所以，我說今年電(diàn)商(shāng)網站集體(tǐ)告别1024×768是用(yòng)戶體(tǐ)驗設計的一部分(fēn)。
 

960像數這個神奇的數字出現之初，大家各說紛纭，有(yǒu)說是因為(wèi)蘋果設計師在1024×768的分(fēn)辨率下打開浏覽器的寬度時974像數，減去浏覽器的寬度本生的寬度14像數，這裏這個神奇的960像數就這樣出生了;也有(yǒu)的說在人眼不轉動的情況下所能(néng)看到的最大的寬度是960像數。我相信說這話的人真是無時不刻不在考慮用(yòng)戶體(tǐ)驗啊。今天就用(yòng)戶體(tǐ)驗之網頁(yè)設計的寬度來發表下我個人的看法，不足之處請大家不吝賜教。
 

先來分(fēn)析下那個時代主流大戶時至今日的頁(yè)面寬度就5到6年前或許更早(下文(wén)中(zhōng)姑且說5年前)，大家讨論頁(yè)面設計寬度時基本都在950像素到1000像素之間，用(yòng)960像數來設計為(wèi)大多(duō)數網頁(yè)設計師接受，包括直到現在960PX還是指導着絕大部分(fēn)門戶類的設計。在那個流行960像素的時代騰訊用(yòng)的是910像素，而在今年騰訊的新(xīn)首頁(yè)已改版為(wèi)1000像素。與騰訊同步的還有(yǒu)比如鳳凰網、新(xīn)華網(在這裏吐槽下新(xīn)華網頁(yè)面最外面的黑框)也是1000像素。搜狐、新(xīn)浪依舊是950像素，網易保持960像素。淘寶網首頁(yè)1000像素(淘寶子頻道頁(yè)比如：點卡950像素、男裝(zhuāng)990像素等各部相同)，淘寶系列新(xīn)推的網站比如：聚劃算990像素、天貓970像素、天貓電(diàn)器城990像素、一淘網1200像素。
 

與門戶類相比電(diàn)商(shāng)的改版更徹底了，我們來看下主流電(diàn)商(shāng)現在的頁(yè)面寬度：京東1210像素、當當1200像素、1号店(diàn)1200像素、新(xīn)蛋1200像素、蘇甯易購(gòu)1190像素、易訊1225像素、亞馬孫自适應(最小(xiǎo)寬度980像素)。可(kě)以看出現在電(diàn)商(shāng)主流的頁(yè)面設計是1200像素。
 

舉例具(jù)體(tǐ)來分(fēn)析，今年的2月份京東改版(在這裏暫不讨論其他(tā)内容，隻說頁(yè)面寬度)之後的頁(yè)面寬度設計成1210像素。有(yǒu)的人認為(wèi)這樣讓商(shāng)品圖片更加清晰美觀，亦有(yǒu)人認為(wèi)在頁(yè)面沒有(yǒu)變得更擁擠的前提下，增加了60個廣告位(廣告位你懂得，這也是在電(diàn)商(shāng)上銷售商(shāng)品的各品牌希望得到的)，等等都是說的有(yǒu)道理(lǐ)的。
 

不過對電(diàn)商(shāng)的頁(yè)面為(wèi)什麽都在1200像數，我從用(yòng)戶體(tǐ)驗的角度是這樣分(fēn)析的。1024×768的分(fēn)辨率雖然有(yǒu)人說至今任然占據着大多(duō)數用(yòng)戶的浏覽器，記得兩三年前有(yǒu)一個看到一個統計1024×768的分(fēn)辨率的用(yòng)戶占比約為(wèi)40%左右，而如今1280×800及其以上分(fēn)辨率的用(yòng)戶約占比為(wèi)45%到50%左右。時至今日1024×768的分(fēn)辨率的最新(xīn)數據用(yòng)戶占比到今年3月隻剩下18.6%。，不過可(kě)以肯定的是确實仍有(yǒu)很(hěn)多(duō)客戶端是這個設置。1366×768的分(fēn)辨率得益于筆(bǐ)記本的蓬勃發展，在其中(zhōng)占據絕對主流地位，一路高奏凱歌，從微不足道的0.41%攀升至今天的19.2%，榮登分(fēn)辨率之王。位列第三的還是1280×800的分(fēn)辨率，比例位12.95%，比三年前隻少了5.87個百分(fēn)點。這種變化對于Web開發人員來說尤其具(jù)有(yǒu)指導意義。現在我們可(kě)以考慮更多(duō)地為(wèi)1366像素寬度進行頁(yè)面優化了。我想這些數據也可(kě)能(néng)是電(diàn)商(shāng)改版的重要參考之一吧。
 

那麽既然1024×768的分(fēn)辨率仍有(yǒu)很(hěn)多(duō)客戶端，電(diàn)商(shāng)為(wèi)什麽就敢于放棄這部分(fēn)客戶的用(yòng)戶體(tǐ)驗呢(ne)?而其他(tā)各類型的網站依舊保持不變呢(ne)?1024×768的分(fēn)辨率從2006年左右流行至今已近8個年頭了，這8年裏PC技(jì )術跑步在發展。與之一起發展的便是互聯網技(jì )術了，電(diàn)商(shāng)依附WEB及互聯網技(jì )術的發展至今也已壯大了。可(kě)以說使用(yòng)1024×768分(fēn)辨率的機器也應該算是古董級的了，依舊使用(yòng)這些機器的人，首先可(kě)以斷定他(tā)們對電(diàn)子産(chǎn)品的更新(xīn)是沒有(yǒu)追求的(電(diàn)子産(chǎn)品也是各電(diàn)商(shāng)主推的)。又(yòu)或是子女淘汰的機器老人在使用(yòng)，那在中(zhōng)國(guó)大多(duō)數老年人對網絡還是比較陌生的，這部分(fēn)人事絕對不可(kě)能(néng)有(yǒu)網絡購(gòu)物(wù)的存在。所以分(fēn)析來分(fēn)析去這部分(fēn)人都不像是電(diàn)商(shāng)的潛在客戶，既然不是客戶，那電(diàn)商(shāng)不會顧及這部分(fēn)網名(míng)的用(yòng)戶體(tǐ)驗也理(lǐ)所當然了。
 

而如今1280×800及其以上分(fēn)辨率的用(yòng)戶約占比為(wèi)45%到50%左右，這些活躍的網名(míng)都是電(diàn)商(shāng)的潛在消費者，是客戶。電(diàn)商(shāng)網站為(wèi)這部分(fēn)經常電(diàn)子購(gòu)物(wù)的網名(míng)提供更好的用(yòng)戶體(tǐ)驗也是情理(lǐ)之中(zhōng)的。
 

所以，我說今年電(diàn)商(shāng)網站集體(tǐ)告别1024×768是用(yòng)戶體(tǐ)驗設計的一部分(fēn)。