2016-08-06 分類: 網(wǎng)站建設(shè)
當(dāng)前的前端設(shè)計師有一個苦惱,就是用戶屏幕顯示分辨率的各不相同,并不能只按照一個模式設(shè)置網(wǎng)站的寬度,特別對于寬屏用戶來說更為煩惱.根據(jù)我的博客上月統(tǒng)計,1024×768分辨率的用戶只占到50%,并且在逐月下降,而1280-1440這三個分辨率的用戶則達(dá)到了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è)標(biāo)準(zhǔn)應(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而已。
文章標(biāo)題:寬屏顯示下的網(wǎng)站網(wǎng)頁寬度
當(dāng)前URL:http://jinyejixie.com/news/38915.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、定制開發(fā)、關(guān)鍵詞優(yōu)化、網(wǎng)站收錄、做網(wǎng)站、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容