• 
• 
• 
• 
• 
• 
• 

知識普及 ? 寬屏顯示下的網(wǎng)站網(wǎng)頁寬度

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

奈薇網(wǎng)頁設(shè)計 于2019-07-05 16:04發(fā)表 閱讀次數(shù) 2281次

當(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分辨率的用戶了，要想想大屏幕寬屏用戶的瀏覽體驗了。 　　GoogleReader是一個典型的內(nèi)容閱讀性質(zhì)的網(wǎng)站，用戶在上面閱讀時間非常之長，那么，Google的前端設(shè)計師是怎么考慮這個問題的呢？ 　　大家可以做一個實驗，在19寸寬屏下，如果網(wǎng)站頁面全文顯示，鋪滿整屏，那么閱讀的時候，眼睛需要從左轉(zhuǎn)到右，才能閱讀完一行，屏幕越大，這種效果越明顯，因此，一個讓用戶大量閱讀的網(wǎng)站，為了照顧好讀者的眼睛，在大屏幕寬屏下，也不應(yīng)該全屏鋪開的顯示文字內(nèi)容。 　　在1024×768分辨率下，使用GoogleReader時，會發(fā)現(xiàn)內(nèi)容是全屏顯示的，但是，使用19寸寬屏在1440×900分辨率下打開GoogleReader，會發(fā)現(xiàn)這時并沒有寬屏顯示內(nèi)容，右邊留出了一大塊空白，如下圖顯示。 　　使用工具測量寬屏下GoogleReader的內(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像素，GoogleReader的這個設(shè)計很有意思。 　　在Google搜索引擎中，搜索結(jié)果的顯示寬度確是另外一個數(shù)字580像素，這是又一種內(nèi)容寬度設(shè)計，Google這么做的原因估計是為了更好的顯示右側(cè)廣告。 　　我的博客最初使用的是778像素這個寬度，在2008年的那次改版后，修改為878像素寬度，主要是為了修改方便，直接加了100像素，正文區(qū)域的閱讀寬度是668像素，左側(cè)側(cè)欄寬度是200像素。不過，今年的改變，我的博客的整體寬度修改為960，正文區(qū)域的寬度是728像素，728的寬度僅僅為了好放GoogleAdSense而已。

寬屏顯示下的網(wǎng)站網(wǎng)頁寬度相關(guān)標(biāo)簽：網(wǎng)絡(luò)公司，網(wǎng)頁設(shè)計，網(wǎng)站優(yōu)化，網(wǎng)站優(yōu)化

相關(guān)熱點(diǎn)推薦

支付寶5秒開具發(fā)票 網(wǎng)頁文字的閱讀體驗 網(wǎng)站域名需要實名制認(rèn)證 一個網(wǎng)站，5個目標(biāo) 六大黃金要素提升網(wǎng)站訪 標(biāo)題、描述和關(guān)鍵詞的選 企業(yè)網(wǎng)站推廣如何才能做 什么是營銷型網(wǎng)站 商業(yè)網(wǎng)站建設(shè)主要原則是 網(wǎng)站建設(shè)之網(wǎng)站策劃 網(wǎng)站建設(shè)的四個步驟 網(wǎng)頁設(shè)計的布局理念 網(wǎng)購商品質(zhì)量堪憂,電商 青島之外的客戶做網(wǎng)站如 網(wǎng)站建設(shè)中的交互設(shè)計模 如何挖掘網(wǎng)站長尾關(guān)鍵詞 頁面設(shè)計中的層次感 青島網(wǎng)站制作公司哪家好 網(wǎng)站的外部鏈接建設(shè)全攻 網(wǎng)頁設(shè)計如何傳達(dá)信息 寬屏顯示下的網(wǎng)站網(wǎng)頁寬 交互設(shè)計小貼士 如何讓復(fù)雜的導(dǎo)航變得簡 關(guān)于網(wǎng)站導(dǎo)航一些問題 網(wǎng)絡(luò)營銷，搜索引擎營銷 扁平化網(wǎng)站風(fēng)格設(shè)計的特 探索百度算法：用戶行為 搜索引擎優(yōu)化作弊行為表 青島網(wǎng)站設(shè)計公司哪家好 從網(wǎng)頁設(shè)計開始 網(wǎng)絡(luò)安全事件頻發(fā)，全站 企業(yè)建站流程及實用技巧 網(wǎng)站導(dǎo)航理論與實踐 設(shè)計師必須了解的一些字 青島網(wǎng)站制作中如何合理 網(wǎng)站中不應(yīng)該出現(xiàn)的幾種 提高網(wǎng)站排名穩(wěn)定性最佳

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶