網(wǎng)頁設計中合理的寬度是多少

2022-11-05    分類: 網(wǎng)站建設

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

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

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

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

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

新聞標題:網(wǎng)頁設計中合理的寬度是多少
本文URL:http://muchs.cn/news/210827.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導航App開發(fā)、云服務器網(wǎng)頁設計公司、靜態(tài)網(wǎng)站微信公眾號

廣告

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

網(wǎng)站托管運營