隨著硬件設(shè)計(jì)的越來越完善，比如我們的PC，目前很多用戶的PC中的顯示器都是17寸，或者17寸以上的，很多都是19寸的寬屏瀏覽器，網(wǎng)頁寬度的設(shè)計(jì)不僅僅要考慮到顯示器還要考慮到瀏覽器的問題，如：在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003；在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005；在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001；Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。 所以網(wǎng)頁設(shè)計(jì)師在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候是如何考慮到網(wǎng)頁設(shè)計(jì)的寬度來滿足不同用戶的需求的呢？

常用瀏覽器的需求我們要明白并且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右。

在說一下網(wǎng)頁設(shè)計(jì)師在網(wǎng)頁設(shè)計(jì)寬度的時(shí)候要注意的一些事項(xiàng)什么情況下不會(huì)出現(xiàn)滾動(dòng)條,A:當(dāng)網(wǎng)頁在800*600下，網(wǎng)頁寬度保持在778以內(nèi)。B：當(dāng)網(wǎng)頁在1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間。C：在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右 。在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象。

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

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

網(wǎng)站名稱：網(wǎng)頁設(shè)計(jì)中合理的寬度是多少
網(wǎng)站網(wǎng)址：http://www.rwnh.cn/news27/210827.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、Google、營銷型網(wǎng)站建設(shè)、軟件開發(fā)、網(wǎng)站排名、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)