Above the Fold：无需滚动即可看到的首屏区域

Above the Fold 指用户进入页面后，不滚动就能看到的区域，中文常称“首屏”。这个说法来自报纸折叠线上方的版面；在网页中，边界由当前视口决定。Shopify 的说明将它用于讨论页面最先呈现的内容与行动入口。

首屏不是一个所有设备通用的固定像素高度。同一页面在宽屏电脑、横屏手机和竖屏手机上，可见内容不同；浏览器工具栏、缩放比例及站内提示条也可能影响显示范围。因此，设计稿中的第一屏不能替代真实设备检查。

首屏需要帮助用户做什么

首屏应让用户尽快判断“这是什么、是否与我有关、可以怎样继续”。例如，收纳架商品页可以优先呈现清晰图片、商品名称、主要适用场景与价格，再让用户继续查看尺寸、安装和配送信息。具体优先级取决于用户任务，并非每个页面都必须把购买按钮放在同一位置。

用户会滚动页面。为了塞入所有信息而缩小文字、挤压图片，可能反而降低理解效率；首屏也不应成为隐藏重要费用或限制条件的理由。信息层级清楚、后续内容有明显线索，通常比追求“所有内容都在第一屏”更有用。

检查首屏时，应同时考虑响应式布局、加载速度与可操作性。首屏在截图中完整，不代表慢速网络下内容能及时显示；LCP等性能指标与首屏布局相关，但不是首屏是否设计合理的完整评价。