日韩欧美亚洲v片,久久国产婷婷国产香蕉,亚洲欧美日韩国产另类专区 ,中文字幕日韩电影

  一個(gè)經(jīng)驗(yàn)豐富的網(wǎng)頁(yè)設(shè)計(jì)師在做網(wǎng)頁(yè)原型設(shè)計(jì)或者視覺(jué)效果圖時(shí)，首先必須要做的是標(biāo)注清楚網(wǎng)站首屏的高度線(xiàn)，以便直觀(guān)的看到網(wǎng)站首屏的高度，首屏可以顯示的元素。那么，我們?cè)撊绾蝸?lái)標(biāo)注一個(gè)網(wǎng)頁(yè)的首屏線(xiàn)呢？松江溢尚網(wǎng)站建設(shè)公司設(shè)計(jì)部首席設(shè)計(jì)師結(jié)合網(wǎng)上的一些談?wù)撎卣�理如下�?/P>

  首屏的高度直接跟客戶(hù)端的各種客觀(guān)的條件有關(guān)系，因?yàn)槲覀円�確定首屏的高度（標(biāo)注首屏線(xiàn)）就需要結(jié)合一些相對(duì)準(zhǔn)確的內(nèi)部統(tǒng)計(jì)數(shù)據(jù)來(lái)分析了，根據(jù)各個(gè)客戶(hù)端的操作系統(tǒng)、瀏覽器分布和屏幕分辨率等情況，并結(jié)合常見(jiàn)瀏覽器狀態(tài)欄、任務(wù)欄等高度進(jìn)行分析如下：

第一步：分析常見(jiàn)分辨率及瀏覽器下高度數(shù)據(jù)

常見(jiàn)瀏覽器分辨率表

綜合上面表中各個(gè)分辨率及瀏覽器下的統(tǒng)計(jì)數(shù)據(jù)，我們很容易畫(huà)出兩條首屏線(xiàn)，分別為 580PX 和710PX，對(duì)應(yīng)不同的分辨率。

第二步：分析客戶(hù)端實(shí)際分辨率及瀏覽器可見(jiàn)區(qū)域

實(shí)際分辨率比

通過(guò)收集的用戶(hù)數(shù)據(jù)我們可以得出如下數(shù)據(jù)：

1) 1024×768, 1440×900, 1366×768, 1280×800 分辨率是大部分客戶(hù)端的設(shè)置；
2) 客戶(hù)端分辨率總類(lèi)非常多，不常見(jiàn)的分辨率比例里面占了相當(dāng)多的種類(lèi)；
3) 隨著硬件的升級(jí)換代800×600，1024×600 等600PX高度的分辨率在逐步消失。

用戶(hù)可見(jiàn)區(qū)域高度統(tǒng)計(jì)圖

通過(guò)對(duì)大于30W臺(tái)客戶(hù)端用戶(hù)進(jìn)行測(cè)試，得到的測(cè)試數(shù)據(jù)如下：

1) viewport 高度低于等于 580 的有 116786 個(gè)人，占 44.64％
2) viewport 高度低于等于 720 的有 216227 個(gè)人，占 82.64％
3) viewport 高度低于等于 800 的有 241420 個(gè)人，占 92.27％
4) viewport 高度低于等于 900 的有 259174 個(gè)人，占 99.06％

第三步：瀏覽器可見(jiàn)區(qū)域熱區(qū)圖分析

瀏覽器常見(jiàn)熱區(qū)分布圖

綜合上面三個(gè)步驟，最終我們可以確定：

  1、通過(guò)分析上面瀏覽器常見(jiàn)熱區(qū)分布圖我們可以看出來(lái)：在網(wǎng)頁(yè)設(shè)計(jì)時(shí)如果把頁(yè)面首屏高度定在大于600像素的分辨率上，有可能會(huì)導(dǎo)致很多的用戶(hù)看不完整，考慮到良好的用戶(hù)體驗(yàn)度，小K建議：網(wǎng)頁(yè)設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁(yè)時(shí)以600像素作為首屏高度來(lái)設(shè)計(jì)；

  2、根據(jù)用戶(hù)可見(jiàn)區(qū)域高度統(tǒng)計(jì)圖及整體二八比例劃分的原則，如果把首屏高度確定在710像素可以照顧到約80%的用戶(hù)群體，小K建議：前端開(kāi)發(fā)在做頁(yè)面時(shí)可考慮把 710 像素視為首屏區(qū)域高度，采用技術(shù)手段對(duì)首屏的表現(xiàn)進(jìn)行優(yōu)先加載可獲得良好的用戶(hù)體驗(yàn)度。