網(wǎng)站建設(shè)時,有一個常用的指導(dǎo)性原則:頁面長度原則上不超過3屏,寬度不超過1屏。
這個原則明顯是從用戶的體驗出發(fā),特別是寬度不超過一屏,其基本的表現(xiàn)是瀏覽器不出現(xiàn)橫向滾動條,這幾乎" />

服務(wù)熱線:18609840880

常見問題

建站知識

您當(dāng)前位置:首頁 > 常見問題

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

發(fā)布時間:2018-10-11

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

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

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

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

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

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

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

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

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

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

下面是基于上面的原則得到常用瀏覽器和分辨率下的的數(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. 適合目前國內(nèi)的情況,一屏大小是779×600 
關(guān)于上面數(shù)據(jù)的解釋和一些其他事實

  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默認的樣式要大。

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

選擇大連網(wǎng)站建設(shè)公司-新圖聞,優(yōu)質(zhì)服務(wù),絕對不容錯過 !

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

 (配送雙線獨立ip空間,國際A級BGP機房,99.5% 的主機在線時間)

2. 12年大連網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心

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

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

 

我們的與眾不同之處:

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

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

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

聯(lián)系我們:   186-0984-0880  
新圖聞大連網(wǎng)站建設(shè)網(wǎng)站:
 點擊查看經(jīng)典網(wǎng)站案例!
大連網(wǎng)站建設(shè)
2011年網(wǎng)站建設(shè)套餐及優(yōu)惠!


大連新圖聞科技有限公司是一家品牌設(shè)計服務(wù)提供商,企業(yè) 網(wǎng)絡(luò)服務(wù)品牌,也是企業(yè)郵箱“盈世”的大連地區(qū)代理商。 公司服務(wù)項目包括網(wǎng)站建設(shè)、平面設(shè)計、網(wǎng)絡(luò)營銷推廣、商 業(yè)攝影、企業(yè)郵箱等,幫助客戶提高企業(yè)綜合競爭能力。

18609840880(微信同步)

市場部 : 8001@newtwowin.com
業(yè)務(wù)聯(lián)系,業(yè)務(wù)需求請發(fā)到此郵箱.

QQ咨詢: 94091176
客服部:xxz@newtwowin.com
地址:大連市西安路羅斯福B座3109