网站设计中页面首屏应该多大

发布网友发布时间：2022-05-24 12:38

共1个回答

热心网友时间：2023-10-13 16:42

因为报纸的运输和分发过程是折叠起来的，所以报纸折叠后展示在读者面前的那一部分内容就显得尤其重要，读者会根据头版的内容决定是否购买。因此处于头版的内容意味着一个，编辑认为它们是最重要的，头版的内容也决定了立场和定位。“above the fold”的概念延伸到互联网领域，则用来指代web网页中第一个展示在访客面前不需要滚动能够浏览的信息。与报纸的“头版”不同的是互联网的首屏区域是动态的，因为互联网用户复杂的屏幕分辨率环境，导致他们看到的首屏内容有很大差距。很多网站设计就是因为对首屏的忽视导致很严重的体验问题。屏幕分别率分布图其中屏幕高度在768以内的用户有41.57%，18.78%(1024X768)+2.91%(1280X768)+19.88%(1366X768)41.57%，这就是为什么一定要关注首屏。我们的设计师们都用上20寸以上的大屏幕的时候41%的用户还在用768的显示设。首屏设计的要点展示重点既然知道了首屏的重要性，那么就要将页面，甚至网站的主题通过醒目的方式展示出来，让访客能够第一眼了解你想表达的信息。有些站长可能认为首屏并没有那么重要，因为用户可以滚动屏幕最终看到我们期望他们看到的内容。如果你有这样乐观的想法，建议你看一下尼尔森的研究报告：(雅各布61尼尔森(Jakob Nielsen)，著名网页易用性专家。被誉为可用性测试鼻祖。Jakob Nielson是尼尔森—诺曼集团的主要负责人之一，他被《美国新闻与世界报道》杂志誉为“Web可用性方面的世界顶尖专家”。根据他的报告得出的结论，即使是在用户滚动屏幕的前提下，用户的注意力分部占比任然是相当悬殊的：61Above the fold 首屏以上: 80.3%61Below the fold 首屏以下: 19.7%展示差异因为首屏的重要性，站长会用来展示整个网站的主题，那么就可能造成网站所有页面的首屏都是一样的，这就可能导致用户误以为自己的点击没有产生预期的页面跳转，以为自己还停留在原始页面。多次尝试都没有效果之后，最终跳失是很又可能的。