讲解网页的首屏标准你了解多少？

2017-03-15 08:34来源：优设作者：米田的天空人气：1212 次阅读我要投稿

怎样在网页中应用手绘风格，以改善网站的用户体验
手绘风格非常有利于展示人性色彩，形成独特的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望看到卡片是手写的，带着好友独特的笔迹，而不是用电脑打印出来的。一
解析网站404网页设计那些不得不说的事
前阵子做我们一淘优惠商家统一的报错页面，整理了一些有意思的404页面(后简称404)，加之最近网友热议的QQ空间公益404页面，在这里一起拿出来跟大家分享一下。
z-index属性的使用方法和层级树CSS教程
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺

首屏浮层遮盖

屏幕宽度

讲解网页的首屏标准你了解多少？,PS教程,

1024的屏幕宽度，去除浏览器边框的宽度，可见区域1003，1003-990=13也就意味着，店铺页面两侧各有6像素的可用宽度。

结果“挂耳朵”变成了“贴膏药”，影响用户浏览店铺主体内容。

用户会滚动屏幕?

有些设计师可能会认为，首屏并没有那么重要，用户是会滚动屏幕最终看到我们期望他们看到的内容。

如果你有这样乐观的想法，建议你看一下这份尼尔森的研究报告：

(雅各布•尼尔森(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