• 昆明軒創科技有限公司手機網站

    掃一掃,進入手機站

    ×
    Website-knowledge
    網站建設知識

    專業網站建設機構-為您量身打造最適合您的網站 您現在的位置:首頁 網站建設知識>昆明網站建設過程中第一屏高度的確定和分析

    昆明網站建設過程中第一屏高度的確定和分析
    作者:www.cxfnw.com     時間:2014-04-16 09:03:25    點擊:

            在昆明一個經驗豐富的網站建設公司在做網頁原型設計或者視覺效果圖時,首先必須要做的是標注清楚網站第一屏的高度線,以便直觀的看到網站第一屏的高度,第一屏可以顯示的元素。那么,我們該如何來標注一個網頁的首屏線那?今天昆明軒創科技(www.cxfnw.com)根據多年的網站建設經驗對這個問題整理分析如下:
            第一屏的高度直接跟客戶端的各種客觀的條件有關系,因為我們要確定第一屏的高度就需要結合一些相對準確的內部統計數據來分析了,根據各個客戶端的操作系統、瀏覽器分布和屏幕分辨率等情況,并結合常見瀏覽器狀態欄、任務欄等高度進行分析如下:
    第一步:分析常見分辨率及瀏覽器下高度數據

    常見瀏覽器分辨率表

    常見瀏覽器分辨率表

    綜合上面表中各個分辨率及瀏覽器下的統計數據,我們很容易畫出兩條第一屏線,分別為 580像素和710像素,對應不同的分辨率。
    第二步:分析客戶端實際分辨率及瀏覽器可見區域

    實際分辨率比例圖

    實際分辨率比例圖

    通過收集的用戶數據我們可以得出如下數據:
    1.1024×768, 1440×900, 1366×768, 1280×800 分辨率是大部分客戶端的設置;
    2.客戶端分辨率總類非常多,不常見的分辨率比例里面占了相當多的種類;
    3.隨著硬件的升級換代800×600,1024×600 等600像素高度的分辨率在逐步消失。

    用戶可見區域高度統計圖

    用戶可見區域高度統計圖

    通過對大于30W臺客戶端用戶進行測試,得到的測試數據如下:
    1.viewport 高度低于等于 580 的有 116786 個人,占 44.64%
    2.viewport 高度低于等于 720 的有 216227 個人,占 82.64%
    3.viewport 高度低于等于 800 的有 241420 個人,占 92.27%
    4.viewport 高度低于等于 900 的有 259174 個人,占 99.06%
    第三步:瀏覽器可見區域熱區圖分析

    瀏覽器常見熱區分布圖

    瀏覽器常見熱區分布圖

    綜合上面三個步驟,最終我們可以確定:
    1、通過分析上面瀏覽器常見熱區分布圖我們可以看出來:在網頁設計時如果把頁面第一屏高度定在大于600像素的分辨率上,有可能會導致很多的用戶看不完整,考慮到良好的用戶體驗度,建議:網頁設計師在設計網頁時以600像素作為首屏高度來設計;
    2、根據用戶可見區域高度統計圖及整體二八比例劃分的原則,如果把首屏高度確定在710像素可以照顧到約80%的用戶群體,我們建議:前端開發在做頁面時可考慮把710 像素視為首屏區域高度,采用技術手段對首屏的表現進行優先加載可獲得良好的用戶體驗度。
            昆明軒創科技自2005年成立以來已為云南各地州市近800家客戶提供網站建設服務,深受客戶好評咨詢服務熱線:0871-68191916

    原文分享地址:該篇文章的的地址:http://www.cxfnw.com/News/300.html
    相關文章推薦
    在英语课上插英语课老师| 好紧我太爽了视频免费国产| 最近2019年中文字幕大全| 最近2018年中文字幕免费下载| hdsextube9熟妇俱乐部| 少妇人妻偷人精品视频1出轨| 男女好痛好深好爽视频一区| 福利姬液液酱喷水福利18禁| 白丝高中生被c到爽哭视频| 97久久久人妻一区精品|