網(wǎng)站建設(shè)設(shè)計(jì)的分辨率多大合適?

2018-08-22    分類: 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)設(shè)計(jì)的分辨率多大合適?
網(wǎng)站建設(shè)
時(shí),有一個(gè)最常用的指導(dǎo)性原則:頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏。
這個(gè)原則明顯是從用戶的體驗(yàn)出發(fā),特別是寬度不超過(guò)一屏,其最基本的表現(xiàn)是瀏覽器不出現(xiàn)橫向滾動(dòng)條,這幾乎是目前的設(shè)計(jì)準(zhǔn)則。那么這里的一屏到底是多大呢?

普通用戶通常瀏覽網(wǎng)頁(yè)時(shí),其瀏覽網(wǎng)頁(yè)的有效面積會(huì)受到下面幾個(gè)方面的影響:

  1. 顯示器的分辨率
    這個(gè)由科技發(fā)展和用戶購(gòu)買力及喜好決定,其數(shù)據(jù)取決于統(tǒng)計(jì)。
  2. 操作系統(tǒng)
    毫無(wú)疑問目前是Windows的天下,其中WindowsXP占絕大多數(shù)。
  3. 網(wǎng)頁(yè)瀏覽器
    IE依舊份額高,但是Firefox、Opera和Safari等也有一定市場(chǎng)。
  4. 個(gè)人定制
    主要是用戶定制操作系統(tǒng)的樣式、操作系統(tǒng)任務(wù)欄是否隱藏和瀏覽器的樣式,但是總體上這部分應(yīng)該屬于高級(jí)用戶,絕大部分用戶依舊會(huì)使用操作系統(tǒng)和瀏覽器的默認(rèn)樣式。

下面是關(guān)于瀏覽器和屏幕分辨率的統(tǒng)計(jì)數(shù)據(jù)


W3Counter于2006.11.12發(fā)布的全球統(tǒng)計(jì)數(shù)據(jù)


某知名站點(diǎn)2006年10月份的數(shù)據(jù)


由上面的數(shù)據(jù)可以得出

  1. 基本上用戶分辨率都在800×600以上,絕大部分都在1024×768以上,從全球情況來(lái)看,800×600的分辨率會(huì)越來(lái)越少。
  2. 國(guó)內(nèi)瀏覽器依舊是IE6的天下,這將會(huì)持續(xù)較長(zhǎng)的時(shí)間。從全球市場(chǎng)來(lái)看,國(guó)內(nèi)的Firefox2.0和IE7會(huì)逐步增長(zhǎng),特別當(dāng)IE7的中文版推出和Windows自動(dòng)更新的推廣開始以及隨Vista上市,IE7增長(zhǎng)會(huì)更快。

所以計(jì)算一屏大小應(yīng)基于以下原則

  1. 一屏指絕大部分用戶的瀏覽器顯示網(wǎng)頁(yè)的有效可視區(qū)域。
  2. 一屏的計(jì)算環(huán)境是Windows XP和瀏覽器均處于默認(rèn)樣式。
  3. 由于IE無(wú)論是否超過(guò)一屏都存在縱向滾動(dòng)條的位置,F(xiàn)irefox和Opera是在頁(yè)面超過(guò)一屏的時(shí)候出現(xiàn)縱向滾動(dòng)條,且瀏覽絕大部分網(wǎng)頁(yè)都有縱向滾動(dòng)條的存在,所以一屏大小的計(jì)算都基于瀏覽器有縱向滾動(dòng)條的狀態(tài)下。
  4. 由于Firefox2.0在只瀏覽一個(gè)網(wǎng)頁(yè)時(shí)不出現(xiàn)多窗口的控制欄,而其它的多窗口瀏覽器都出現(xiàn)多窗口控制欄且使用時(shí)都會(huì)同時(shí)瀏覽多個(gè)網(wǎng)頁(yè),所以一屏大小在Firefox中指多窗口的控制欄存在時(shí)。

下面是基于上面的原則得到常用瀏覽器和分辨率下的的數(shù)據(jù)結(jié)果:

有效可視區(qū)域(單位:px)
屏幕
800600102476812801024
IE6.0779(+21) 432(+168) 1003(+21) 600(+168) 1259(+21) 856(+168)
IE7.0779(+21) 452(+148) 1003(+21) 620(+148) 1259(+21) 876(+148)
Firefox2.0783(+17) 417(+183) 1007(+17) 585(+183) 1263(+17) 841(+183)
Opera9.0781(+19) 461(+139) 1005(+19) 629(+139) 1261(+19) 885(+139)


綜合上面所有的數(shù)據(jù),結(jié)論如下

  1. 最保守而最有兼容性的一屏大小是:779×432
  2. 最廣泛的一屏大小是:1003×600
  3. 適合目前國(guó)內(nèi)的情況,一屏大小是779×600
關(guān)于上面數(shù)據(jù)的解釋和一些其他事實(shí)


  1. 在800×600分辨率和Windows XP下定制Windows的經(jīng)典樣式IE6的有效可視區(qū)域是780×445,Windows98、Windows 2000和Windows2003均采用經(jīng)典樣式切IE5.0、IE5.5、IE6.0的布局上相似,所以相同分辨率下應(yīng)該比Windows XP默認(rèn)的樣式要大。


  1. 知道瀏覽器型號(hào)和屏幕的分辨率能夠很容易的推算出可視區(qū)域面積,比如1024×768下IE7.0的可視面積是(1024-21)×(1024-148)


選擇北京網(wǎng)站建設(shè)公司-創(chuàng)新互聯(lián),優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過(guò) !

1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證

(配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)

2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心

3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。

-----------------------------------------------------------------------------------------------------

我們的與眾不同之處:


免費(fèi)網(wǎng)絡(luò)營(yíng)銷顧問:我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營(yíng)銷,電子商務(wù),成都網(wǎng)站設(shè)計(jì)公司" target="_blank">網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。

seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁(yè)面生成等等,讓您的網(wǎng)站。

免費(fèi)網(wǎng)絡(luò)營(yíng)銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開放給您!祝君成功!


網(wǎng)站建設(shè)服務(wù)電話:028-86922220 400-028-6601 王先生
創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司提供成都網(wǎng)站建設(shè)、企業(yè)網(wǎng)站推廣優(yōu)化、網(wǎng)頁(yè)設(shè)計(jì)制作、專業(yè)手機(jī)網(wǎng)頁(yè)定制開發(fā)、網(wǎng)絡(luò)營(yíng)銷推廣等服務(wù)的建站公司

文章題目:網(wǎng)站建設(shè)設(shè)計(jì)的分辨率多大合適?
文章分享:http://www.muchs.cn/news40/78140.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

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

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)