折叠上方：最大化网站关注度

核心提示："折叠上方 "是网页设计师们常用的一个术语，指网站上无需向下滚动即可浏览的任何内容。这个词来源于印刷媒体，在历史上指的是报纸对折之前头版上可见的内容。在网站上，这通常是指所有重要元素，如导航菜单、品牌信息和行动号召等，都应放在网站的顶部，这样所有访客在登陆页面时都能立即看到，就像当年报纸编辑所做的那样。

从宇宙学的角度来思考 "折叠上方"，会给我们带来一个有趣的比喻：就像不同的星系相距甚远，由于重力限制无法真正融合成一个宇宙（或多元宇宙？这是网页设计师需要经常考虑的问题，以免过多的视觉效果或项目挤占了关键内容区域，从而对用户体验甚至搜索引擎排名产生负面影响，因为谷歌会密切关注并奖励有意义、不杂乱的内容布局。

不过，可怕的滚动条确实为创意网页设计带来了很多机会，因为它引入了层级，这样人们就不会在加载其他信息之前，只能看着看似空空如也的空白空间。即使是谷歌也要求在不同设备上尽量减少阻碍，这样移动用户就能比以往任何时候都更快地访问隐藏在众所周知的线下的任何内容，这主要归功于如今网络连接速度的提高--最终让我们绕了一圈，回到了 "折叠上方 "的考虑因素上，尽管报纸主导主页的时代已经过去了近二十年，但时至今日，这种考虑因素仍在驱动着数字设计决策，这主要是因为客户希望通过线框项目建立的直观用户体验路线，在集中协调的页面大纲内，按照设备类型场景绘制出详细的功能放置路径，从而实现信息传递的即时满足感，这被认为是 2020 年及以后业界普遍推荐的最佳实践。

1. 导航栏
2. 标题图像和视频
3. 社交分享按钮
4. 徽标和品牌元素
5. 搜索框字段
6. 主要行动呼吁部分
7. 关键信息传递领域
8. 画廊图片和视频播放器
9. 客户评价片段 10.电梯推销
   

1. 优先考虑最重要的元素，如您的徽标、CTA（行动号召）按钮和标题，使它们出现在折页之外，立即抓住人们的注意力。
2. 平衡 "折叠上方 "的内容与互补的视觉效果，打造引人入胜的设计。使用图片、图形或视频会让访客愿意进一步向下滚动页面。
3. 确保所有链接都能在折叠处正常工作；如果用户不能快速找到他们要找的内容，就不能忽视断开的链接。
   

1. 在 "折叠上方 "区域浏览的内容比页面下方的内容受到的关注多 8.3 倍。
2. 42% 的公司首先优化折叠上方的内容，然后才考虑其他元素。
3. 网页访问者通常会在打开网站的 7-15 秒内决定是继续浏览还是离开。
4. 55% 的人不会滚动，因此只能看到他们的初始视窗所能显示的内容，这就是所谓的 "折叠以上 "体验。
5. 65% 的企业会在折叠上方展示图片，让访客快速了解企业的身份和产品，从而降低跳出率。
6. 研究表明，在点击和互动方面，"在折线以上 "与 "在折线以下 "的差距大约为 25%。
7. 趣闻："Above the Fold"（折页上方）的概念源于报纸印刷！
   

在网页设计中，"折页上方 "的概念由来已久，而且很快就会消失。这个概念可以追溯到早期的报纸，指的是网页上无需向下滚动就能看到的位置，通常被称为 "黄金位置"，因为这个区域能得到网站用户更直接的关注。

因此，这条线以上的内容还有待商榷：您是否应该提供公开的注册邀请？高度推广的特定内容？一段宣传你的使命宣言的视频？一个离奇的声明或视觉效果？答案因人而异，但几乎所有人都同意一点：这一关键区域必须抓住并吸引注意力。

如今的网站通常都有复杂的编码，可以比以往任何时候都更自由地将某些东西放在最前面和最中心的位置--陆地图形块导航按钮；现在甚至出现了一些名称，包括滚动（在页面之间自动滑动）、扁平（除了需要的东西之外，不显示其他任何东西），或者定制的 CSS 叠加，只有最重要的东西才会出现在最前面。现在，设计师可以使用一整套技术来确保访问者能够长时间阅读每一个字--这就意味着要想方设法把正确的内容放在最前面。当前的设计趋势表明，页面元素的移动更加自由，传统的结构已经过时。这意味着设计者在这里体现自己的价值时必须更加聪明，因为我们知道潜在客户正在众所周知的折页下面翘首以待，为什么不直接满足他们呢？

从很多方面来看，"折叠上方 "都不会很快消失；但与几十年前的概念起源相比，网站所有者对相关现代设计趋势的理解可能会有很大不同。然而，它仍然很重要--尤其是在负责任地使用的情况下--远离那些会让人很快跳出的填充内容！如今，用户体验/用户界面专业人员格外注重创意，这要归功于技术的进步：如基于动作的用户界面平台和巧妙的视觉效果，以及引人入胜的故事弧线，在过去几年中对创意总监的决策产生了重大影响......这意味着黄金地段将不断经历调整，直到每次都能带来令人满意的结果。