日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > 互聯網 > 設計稿標注首屏線的確定始末

設計稿標注首屏線的確定始末

來源:程序員人生   發布時間:2013-11-06 08:56:52 閱讀次數:3723次

這是內部的一個郵件記錄,分享出來聽下業內同行的聲音。

事情是這樣的..

==

先是 A 推薦了白鴉的推到內部群:

“設計師們一定要養成一個習慣:無論是原型設計還是視覺設計,一定要標注一下首屏線,明確首屏需要、可以顯示到哪里。”

==

然后,B 覺得這點子不錯,根據內部統計系統中的操作系統、瀏覽器分布和屏幕分辨率等數據,結合瀏覽器狀態欄、任務欄等高度進行分析:

得出兩條首屏線,分別為 580 和 710,對應不同的分辨率。

==

C 再從實際用戶的角度出發,在某應用布點進行用戶數據的收集,分析用戶實際的分辨率和瀏覽器可見區域:

1. 分辨率

1) 1024×768, 1440×900, 1366×768, 1280×800 仍占了絕大多數
2) 分辨率總類非常多,除上面列出的之外,other 里包含了幾十種分辨率
3) 800×600,1024×600 等 600 高度系列的已逐漸推出舞臺

2. 用戶可見區域高度

具體數據舉例:

測試用戶總數量為 261645)

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

==

接著,D 根據 C 的數據,生成瀏覽器可見區域的熱區圖

==

最后結論如下:

  1. 根據 D 的熱點圖,可以看到如果首屏高于 600 像素會有很多用戶看不完整。所以請設計師以 600 像素高為首屏進行設計。
  2.  
  3. 根據 C 的曲線圖和 80/20 原則,首屏設為 710 像素可以照顧到 80% 的用戶。所以前端開發可考慮把 710 像素視為首屏,對首屏的資源進行優先加載。

各位,你們的意見呢?

==

附:
A – 阿福
B – 霸先
C – 云謙
D – 季札

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 中国在线观看片 | 色婷婷麻豆 | 国产麻豆乱码精品一区二区三区 | 国产99久久精品一区二区永久免费 | 欧美日本韩国一区二区三区 | 在线观看免费黄色 | 国产亚洲一区在线 | 亚洲欧洲成人av每日更新 | 国产精品热久久久久夜色精品三区 | 欧美一区二区在线播放 | 在线观看国产 | 国产成人av在线播放 | 天天看夜夜操 | 精品国产1区2区3区 一区二区自拍 | 99精品电影 | 国产亚洲欧美在线 | 日本一区二区三区久久 | av中文在线| 91精品网| 婷婷激情综合网 | 国产精品欧美在线观看 | 久久国产欧美一区二区免费 | 91视频久久 | 亚洲 欧美 日韩 在线 | 久久久久国产精品午夜一区 | 久久1区| 久久久久国产精品免费免费搜索 | 成人免费一区二区三区视频网站 | 人人澡人人添人人爽一区二区 | 精品一区二区三区国产 | 成人福利在线免费观看 | 亚洲19p| 蜜桃一区二区 | 国产欧美精品区一区二区三区 | 成人福利一区 | 国产精品一区二区在线观看网站 | 麻豆国产在线 | 日韩美女一区二区三区 | 久久精品久久久久久 | 日韩色网| 日韩久久久久久久 |