寬屏顯示下的網(wǎng)站網(wǎng)頁寬度

當前的前端設(shè)計師有一個苦惱，就是用戶屏幕顯示分辨率的各不相同，并不能只按照一個模式設(shè)置網(wǎng)站的寬度，特別對于寬屏用戶來說更為煩惱.根據(jù)我的博客上月統(tǒng)計，1024×768分辨率的用戶只占到50%，并且在逐月下降，而1280-1440這三個分辨率的用戶則達到了35%，如果按照這個速度發(fā)展下去，明年就會超過1024分辨率，這說明，使用17寸普屏的用戶正在加速減少，而17、19寸寬屏用戶正在穩(wěn)步逐步增加，這給前端設(shè)計師的一個考驗是，不能只考慮1024×768分辨率的用戶了，要想想大屏幕寬屏用戶的瀏覽體驗了。

　　Google Reader是一個典型的內(nèi)容閱讀性質(zhì)的網(wǎng)站，用戶在上面閱讀時間非常之長，那么，Google的前端設(shè)計師是怎么考慮這個問題的呢？

　　大家可以做一個實驗，在19寸寬屏下，如果網(wǎng)站頁面全文顯示，鋪滿整屏，那么閱讀的時候，眼睛需要從左轉(zhuǎn)到右，才能閱讀完一行，屏幕越大，這種效果越明顯，因此，一個讓用戶大量閱讀的網(wǎng)站，為了照顧好讀者的眼睛，在大屏幕寬屏下，也不應(yīng)該全屏鋪開的顯示文字內(nèi)容。

　　在1024×768分辨率下，使用Google Reader時，會發(fā)現(xiàn)內(nèi)容是全屏顯示的，但是，使用19寸寬屏在1440×900分辨率下打開Google Reader，會發(fā)現(xiàn)這時并沒有寬屏顯示內(nèi)容，右邊留出了一大塊空白，如下圖顯示。

　　使用工具測量寬屏下Google Reader的內(nèi)容顯示像素，結(jié)果是955個像素，很有趣的數(shù)字。

　　我在《更改博客頁面寬度到960像素》一文中已經(jīng)提到了，現(xiàn)在的網(wǎng)頁設(shè)計的行業(yè)標準應(yīng)該就是950/960像素寬度，這個寬度應(yīng)該是人眼在不轉(zhuǎn)動的情況下能看到的極限了，實際閱讀區(qū)域正文的寬度是650像素，Google Reader的這個設(shè)計很有意思。

　　在Google搜索引擎中，搜索結(jié)果的顯示寬度確是另外一個數(shù)字580像素，這是又一種內(nèi)容寬度設(shè)計，Google這么做的原因估計是為了更好的顯示右側(cè)廣告。

　　我的博客最初使用的是778像素這個寬度，在2008年的那次改版后，修改為878像素寬度，主要是為了修改方便，直接加了100像素，正文區(qū)域的閱讀寬度是668像素，左側(cè)側(cè)欄寬度是200像素。不過，今年的改變，我的博客的整體寬度修改為960，正文區(qū)域的寬度是728像素，728的寬度僅僅為了好放Google AdSense而已。

 

當前文章：寬屏顯示下的網(wǎng)站網(wǎng)頁寬度
標題來源：http://www.muchs.cn/news15/38915.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、小程序開發(fā)、網(wǎng)站排名、企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化、面包屑導航

廣告

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