网站首屏线的确定.docx

《网站首屏线的确定.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、A根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据，结合浏览器状态栏、任务栏等高度进行分析：得出两条首屏线，分别为580和710，对应不同的分辨率。B再从实际用户的角度出发，在某应用布点进行用户数据的收集，分析用户实际的分辨率和浏览器可见区域：1.分辨率1)1024×768,1440×900,1366×768,1280×800仍占了绝大多数2)分辨率总类非常多，除上面列出的之外，other里包含了几十种分辨率3)800×600，1024×600等600高度系列的已逐渐推出舞台2.用户可见区域高度具体数据举例：测试用户总数量为)1)viewport高度低于等于580的有个

2、人，占44.64％2)viewport高度低于等于720的有个人，占82.64％3)viewport高度低于等于800的有个人，占92.27％4)viewport高度低于等于900的有个人，占99.06％C根据B的数据，生成浏览器可见区域的热区图最后结论如下：根据C的热点图，可以看到如果首屏高于600像素会有很多用户看不完整。所以请设计师以600像素高为首屏进行设计。根据C的曲线图和80/20原则，首屏设为710像素可以照顾到80%的用户。所以前端开发可考虑把710像素视为首屏，对首屏的资源进行优先加载。