设计稿标注首屏线的确定始末
作者：云谦 来源：taobaoUED 发布时间：2011-03-30 12:36:00
这是内部的一个邮件记录，分享出来听下业内同行的声音。
事情是这样的..
==
先是 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 的数据，生成浏览器可见区域的热区图
==
最后结论如下：
根据 D 的热点图，可以看到如果首屏高于 600 像素会有很多用户看不完整。所以请设计师以 600 像素高为首屏进行设计。
根据 C 的曲线图和 80/20 原则，首屏设为 710 像素可以照顾到 80％ 的用户。所以前端开发可考虑把 710 像素视为首屏，对首屏的资源进行优先加载。
各位，你们的意见呢?
0
投稿猜你喜欢
一、避免Firefox 背景图不显示的兼容问题，定义background 属性，先后顺序不能随意变动。background : backgr- 本文讲解了一个使用XML技术上传文件的例子，使用该方法没有传统方法中的种种限制。 这个例子讲述了如何使用MSXML3.0和ADO Strea
- Array()CInt()CStr() Date() DateAdd() Day() FormatCurrency() FormatDate
- 假如某个电脑生产商，它的数据库中保存着整机和配件的产品信息。用来保存整机产品信息的表叫做pc；用来保存配件供货信息的表叫做parts。在pc
- 你可能在使用MySQL过程中，各种意外导致数据库表的损坏，而且这些数据往往是最新的数据，通常不可能在备份数据中找到。本章将讲述如何检测MyS
- 昨天打包下载了一个服务器整站，拿到这个*.mdb的文件后，却不知道怎么用，百度了一下，才知道是一种木马打包的形式文件，不能用WINrar来解
- show parameter processes; 然后 更改系统连接数 alter system set processes=1000 s
- 下列语句部分是Mssql语句，不可以在access中使用。SQL分类：DDL—数据定义语言(CREATE，ALTER，DROP，DECLAR
- 大多数网站维护都采用“多人协作，共同管理”方式。某个人负责一个（或者多个）栏目，他只能对他负责的栏目进
- 惊叹于老外的发现 《CSS Background image on html image element?》，自己从没关注过，也没想过如此的
- 实例 1基本的XPath语法类似于在一个文件系统中定位文件,如果路径以斜线 / 开始, 那么该路径就表示到一个元素的绝对路径。/AAA选择根
- 下面两个函数实现了对字符串中数字的判断。function isnaw(str) f
- 为什么要使用php缓存技术？理由很简单：提高效率。在程序开发中，获取信息的方式主要是查询数据库，除此以外，也可能是通过Web Service
- 问题当浏览SQL Server 2008的新特性时，我们看到了透明数据加密。这看起来很有趣。您能为我们解释一下并介绍下执行它的细节吗?专家解
- select * from V$NLS_PARAMETERS; SQL> alter session set NLS_DATE_LAN
- 1. 确认已经安装了NT/2000和SQL Server的最新补丁程序，不用说大家应该已经安装好了，但是我觉得最好还是在这里提醒一下。2.
- 在更改列顺序之前，你需要考虑是否的确需要更改表中的列顺序。SQL的核心要点是从数据存储格式获取应用。总应指定检索数据的顺序。在下面的第1条语
- httpwatch 的页面元素加载时间表里面有一堆的英文，平时也没注意看，今天瞟了一眼，觉得应该有些用处，就看了看，随便用蹩脚的英语水平翻译
- MYSQL数据库以它短小、方便、速度快、免费等优点成为很多网站目前首选数据库，但一般都是用PHP+MYSQL相结合来开发各种动态页面，其实A
- 本XML系列教程将分三部分发布，到最后一期我们将拥有一个功能全面，更加友好的XML菜单。本教程这个第一期涉及到了一些XML的基础知识。大家都
