网页首屏设计尺寸

林氏智造 于 2013-12-08 发布 4386 人已阅

尼尔森的研究报告:(雅各布•尼尔森(Jakob Nielsen),著名网页易用性专家。被誉为可用性测试鼻祖。Jakob Nielson是尼尔森—诺曼集团的主要负责人之一,他被《美国新闻与世界报道》杂志誉为“Web可用性方面的世界顶尖专家”。他的Alertbox专栏从1995年就开始在互联网上发布了(网站地址是:www.uselt.com)。Nielsen博士曾经是Sun 公司杰出的工程师。)http://www.useit.com/alertbox/scrolling-attention.html

  • Above the fold: 80.3%

  • Below the fold: 19.7%

  根据这份报告得出的结论,即使是在用户滚动屏幕的前提下,用户的注意力分部占比任然是相当悬殊的:

  首屏以上:80.3%

  首屏以下:19.7%

首屏设计稿范围值

宽度

  宽度无干扰因素影响因此是确定的1003

高度(此处是指店铺设计稿高度)

  屏幕总高度768   任务栏高度40px(win7=40px winxp=30px)   -商城页头+吊顶=106px   -浏览器=160px(IE8包含工具栏;状态栏;边框…等)   -位置工具栏=30px(如搜搜工具栏,百度工具栏,360工具栏等等用户浏览器上安装的各种插件都会影响到首屏的高度)   768-40-106-160-30=432

因此得出最终的有效设计范围

  1003X432

您可能感兴趣的文章

linux上安装配置vsftpd

在不使用git或者svn去管理代码的情况下,只能上ftp了,系统是Centos5.6,安装一个vsftp服务让服务器拥有ftp功能。

Git Flow 介绍

gitflow是一种git工作模式,让整个团队有规范可以遵守,在此详细介绍下gitflow的一些概念和指令

SVN常用命令说明

团队开发中经常使用的SVN作为同步开发版本控制,记录下常用的SVN命令,以后方便查找

【SEO】关键词的优化难度如何判定

这段时间接到公司要做SEO的任务,对于新手的我来说第一想到的就是关键词的选择,咨询了很多SEO高手得知关键词的选择要结合关键词优化的难易程度来取舍;这就引出了如何判断...