• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)頁設(shè)計(jì) >> 網(wǎng)頁設(shè)計(jì)與屏幕分辨率 -創(chuàng)新互聯(lián)

網(wǎng)頁設(shè)計(jì)與屏幕分辨率 -創(chuàng)新互聯(lián)

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)站建設(shè)部 點(diǎn)擊數(shù)： 更新時(shí)間：2012-01-15
• 　　作為網(wǎng)頁設(shè)計(jì)師來說，你所設(shè)計(jì)出來的作品，不僅布局、裝飾、字體這些因素很重要，而更為重要的是你所設(shè)計(jì)出來的網(wǎng)頁一定要考慮到客戶的顯示器，也就是不同的屏幕分辨率大小。此文則是對(duì)這一要素的簡(jiǎn)要說明。
  
  一、基礎(chǔ)
  　　1.設(shè)計(jì)師設(shè)計(jì)的一個(gè)網(wǎng)頁會(huì)被很多很多人訪問，而訪問者的屏幕大小差異很大，因此需要考慮到這屏幕大小這一因素，確保你的絕大多數(shù)目標(biāo)訪問者可以舒服地閱讀你設(shè)計(jì)的網(wǎng)頁。
  
  　　2.對(duì)于計(jì)算機(jī)知識(shí)基本為零的人，描述屏幕大小，通常類似于我們描述電視機(jī)的方式，比如17吋、19寸等等，這是對(duì)的，但還不夠；對(duì)于計(jì)算機(jī)知識(shí)有所了解的人知道“屏幕分辨率”這個(gè)概念，也即是說，計(jì)算機(jī)顯示器的屏幕是由矩形點(diǎn)陣構(gòu)成，屏幕分辨率就是這個(gè)點(diǎn)陣水平和豎直方向的點(diǎn)數(shù)，每一個(gè)點(diǎn)稱為一個(gè)“像素”，比如說某顯示器的分辨率為“1024X768”，意思就是說水平方向有1024個(gè)像素，豎直方向有768個(gè)像素，屏幕上一共有1024X768=786432 個(gè)像素。
  
  　　3.目前，通常使用的顯示器，分為傳統(tǒng)的CRT顯示器和新潮的液晶顯示器。CRT顯示器可以設(shè)置多種分辨率，都可以清晰顯示，而液晶顯示只有一種最佳分辨率，如果通過操作系統(tǒng)設(shè)置為其他分辨率，雖然也可以，但是通常效果很差。
  
  二、基本原則
  　　1.設(shè)計(jì)師在設(shè)計(jì)一個(gè)網(wǎng)頁的時(shí)候，應(yīng)該考慮到你的目標(biāo)用戶群，如果你估計(jì)訪問者大多數(shù)是社會(huì)上的富有者，比如假設(shè)你給銷售名車、豪宅的公司做一個(gè)網(wǎng)站，你可以認(rèn)為訪問者都會(huì)使用比較大的顯示器，應(yīng)該主要考慮這些人的訪問體驗(yàn)。
  
  　　2.目前來說，通常已經(jīng)不需要考慮800*600這種古董級(jí)顯示器的存在了，為了照顧著些訪問者，會(huì)使絕大多數(shù)使用主流顯示器的訪問者，浪費(fèi)屏幕的很大面積，這對(duì)于你的網(wǎng)站來說，降低了大多數(shù)人的瀏覽體驗(yàn)，是不值得的。
  
  　　3.從我們的訪問者統(tǒng)計(jì)數(shù)據(jù)看，目前99%的訪問者使用1024*768或更大的顯示器。因此設(shè)計(jì)網(wǎng)頁至少應(yīng)該以1024*768的顯示器為標(biāo)準(zhǔn)。
  
  三、那么現(xiàn)在到底各種分辨的顯示器分別有多少人在使用呢？
  　　我們下面分別列出2008年9月和2007年9月，訪問“創(chuàng)新互聯(lián)網(wǎng)絡(luò)”的所有訪問者的屏幕分辨統(tǒng)計(jì)數(shù)據(jù)，既可以看出現(xiàn)狀，也可以通過比較時(shí)隔一年的比較，看出一些發(fā)展的趨勢(shì)。
  
  　　當(dāng)然不同的網(wǎng)站一定會(huì)有不同的結(jié)果，也歡迎其它朋友統(tǒng)計(jì)一下你的情況，在留言中貼出來，供大家參考，當(dāng)然如果網(wǎng)站的訪問量太小，數(shù)據(jù)的準(zhǔn)確性也就小一些。下表中統(tǒng)計(jì)的兩列總訪問者數(shù)量分別大于兩萬和三萬人。
  
  　　分辨率 　　　2007-9 　　2008-9
  1 　1024×768 　73.57%　 　55.63%
  2 　1280×800 　5.86%　　 14.38%
  3 　440×900 　　4.45% 　9.40%
  4 　1280×1024　 7.56% 　8.83%
  5 　1152×864 　2.66% 　3.17%
  6 　1680×1050 　<1% 　2.69%
  7 　800×600 　3.16% 　1.61%
  8　 1280×960 　<1%　 1.33%
  9 　其余 　　　　2.74%　 2.96%
  
  從中可以看出：
  　　1.第一名的1024*768分辨率的顯示器目前占55.63%，說明他仍然是我們目前在設(shè)計(jì)網(wǎng)頁時(shí)，考慮的主要目標(biāo)，同時(shí)可以看看出，一年時(shí)間從73.57%降至55.63%，說明新買顯示其的人，已經(jīng)不會(huì)購(gòu)買這么小的顯示了，只是這些現(xiàn)存的大量顯示器，在很長(zhǎng)的時(shí)間內(nèi)，仍然會(huì)占據(jù)著很大的比例，因此在未來很長(zhǎng)時(shí)間內(nèi)，我們都需要照顧到這些顯示器的存在。
  
  　　2.更大分辨率的顯示器增長(zhǎng)非常迅猛，顯然與現(xiàn)在液晶顯示器的價(jià)格飛降、以及筆記本電腦的迅速增加有關(guān)。目前位居第二的1280*800就是14吋寬屏筆記本的顯示分辨率，第三位的1440*900則是19吋寬屏臺(tái)式液晶顯示器的標(biāo)準(zhǔn)分辨率。這二者都在一年間占有率大漲，增長(zhǎng)了1~2倍。
  
  　　3.排名第4、5的分別是1280×1024和1152×864，他們的比例已經(jīng)很小了，前者是17吋和19寸非寬平液晶顯示的標(biāo)準(zhǔn)分辨率，后者通常是17寸等不太大的CRT顯示器的分辨率。二者所占比例都較去年稍有增長(zhǎng)，說明他們并不像寬屏顯示那么受歡迎，但是還有一些偏好者的喜愛。
  
  　　4.排名第6名的1680*1050則是2008年的新潮流，它是20、21、22寸的寬屏顯示器的標(biāo)準(zhǔn)分辨率，可以看出所占比例雖然不大，但是增長(zhǎng)一定是非常迅速的。
  
  　　5.排名第7名的則是古董級(jí)的800*600了，相信它會(huì)很快離開我們的視野。
  
  　　6.排名第8名的是1280*960分辨率，他是19寸CRT的通常使用的分辨率。對(duì)于19寸顯示，普通消費(fèi)者一般不會(huì)選擇CRT顯示器，但是一些對(duì)顏色要求比較高的設(shè)計(jì)師，堅(jiān)持使用CRT的顯示，他們會(huì)選擇19寸或更大的CRT顯示器。
  
  四、總結(jié)
  　　1.1024*768 目前以及未來相當(dāng)長(zhǎng)的時(shí)間，將是主流的或不可忽視的分辨率。
  
  　　2.使用CSS進(jìn)行頁面布局，可以用變寬的布局方式，靈活地適應(yīng)瀏覽器的寬度。
  
  　　3.大多數(shù)專業(yè)的網(wǎng)站，仍然是使用固定寬度布局，因?yàn)樽儗挷季蛛m然有優(yōu)勢(shì)，但是也有缺點(diǎn)，一行文字很寬再折行，讀者閱讀很不舒服。因此，變寬布局常見于網(wǎng)上商店這類賣東西的網(wǎng)站，希望充分利用空間，而對(duì)于內(nèi)容網(wǎng)站，大多數(shù)仍然使用固定寬度布局，比如幾大門戶網(wǎng)站，沒有使用變寬布局的。
• 做一個(gè)漂亮的banner使自己處于優(yōu)勢(shì)地位 :上一篇
  網(wǎng)頁設(shè)計(jì)、ui設(shè)計(jì)在未來行業(yè)發(fā)展的重要性 :下一篇