隨著硬件設(shè)計(jì)的越來(lái)越完善,比如我們的PC,目前很多用戶的PC中的顯示器都是17寸,或者17寸以上的,很多都是19寸的寬屏瀏覽器,網(wǎng)頁(yè)寬度的設(shè)計(jì)不僅僅要考慮到顯示器還要考慮到瀏覽器的問(wèn)題,如:在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)頁(yè)設(shè)計(jì)師在進(jìn)行
網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候是如何考慮到網(wǎng)頁(yè)設(shè)計(jì)的寬度來(lái)滿足不同用戶的需求的呢?
常用瀏覽器的需求我們要明白并且牢記,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右。
在說(shuō)一下網(wǎng)頁(yè)設(shè)計(jì)師在
網(wǎng)頁(yè)設(shè)計(jì)寬度的時(shí)候要注意的一些事項(xiàng)什么情況下不會(huì)出現(xiàn)滾動(dòng)條,A:當(dāng)網(wǎng)頁(yè)在800*600下,網(wǎng)頁(yè)寬度保持在778以內(nèi)。B:當(dāng)網(wǎng)頁(yè)在1024*768下,網(wǎng)頁(yè)寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間。C:在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條,尺寸為740*560左右 。在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)閃EB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會(huì)有失色的現(xiàn)象。
不過(guò)對(duì)電商的頁(yè)面為什么都在1200像數(shù),我從用戶體驗(yàn)的角度是這樣分析的。1024×768的分辨率雖然有人說(shuō)至今任然占據(jù)著大多數(shù)用戶的瀏覽器,記得兩三年前有一個(gè)看到一個(gè)統(tǒng)計(jì)1024×768的分辨率的用戶占比約為40%左右,而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右。時(shí)至今日1024×768的分辨率的新數(shù)據(jù)用戶占比到今年3月只剩下18.6%。,不過(guò)可以肯定的是確實(shí)仍有很多客戶端是這個(gè)設(shè)置。1366×768的分辨率得益于筆記本的蓬勃發(fā)展,在其中占據(jù)絕對(duì)主流地位,一路高奏凱歌,從微不足道的0.41%攀升至今天的19.2%,榮登分辨率之王。位列第三的還是1280×800的分辨率,比例位12.95%,比三年前只少了5.87個(gè)百分點(diǎn)。這種變化對(duì)于Web開發(fā)人員來(lái)說(shuō)尤其具有指導(dǎo)意義?,F(xiàn)在我們可以考慮更多地為1366像素寬度進(jìn)行頁(yè)面優(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(shuō)使用1024×768分辨率的機(jī)器也應(yīng)該算是古董級(jí)的了,依舊使用這些機(jī)器的人,先可以斷定他們對(duì)電子產(chǎn)品的更新是沒(méi)有追求的(電子產(chǎn)品也是各電商主推的)。又或是子女淘汰的機(jī)器老人在使用,那在大多數(shù)老年人對(duì)網(wǎng)絡(luò)還是比較陌生的,這部分人事絕對(duì)不可能有網(wǎng)絡(luò)購(gòu)物的存在。所以分析來(lái)分析去這部分人都不像是電商的潛在客戶,既然不是客戶,那電商不會(huì)顧及這部分網(wǎng)民的用戶體驗(yàn)也理所當(dāng)然了。
網(wǎng)站名稱:網(wǎng)頁(yè)設(shè)計(jì)中合理的寬度是多少
網(wǎng)站網(wǎng)址:http://muchs.cn/news27/210827.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、Google、營(yíng)銷型網(wǎng)站建設(shè)、軟件開發(fā)、網(wǎng)站排名、網(wǎng)站設(shè)計(jì)公司
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)