付费墙
Paywall
别名:付费墙收费墙会员墙订阅墙看一半要钱paywallupgrade wallsubscription gate
这是什么
在内容或功能达到门槛后阻止继续访问，要求付费或订阅才能解锁。可硬性截断、按次数计量，或用预览加升级提示软性引导。它把价值展示与付费决策接在一起，关键是先让用户看清能获得什么，再谈付费。
交互实验室
试一试，再决定怎么用正在加载实验室…
✓ 适用场景
- 内容或功能有明确付费价值，且免费部分足以体验
- 订阅制产品需要在关键节点推动升级
- 用量可计量（篇数、次数、席位）适合按量设门槛
✕ 不适用场景
- 免费区太少，用户无法判断价值就先被拦住
- 一次性买断工具用订阅墙，预期错位
- 支持文档、法律条款等本该公开的内容
常见形式
硬性截断
Hard wall
到点即停，不付费完全看不到后续
计量限制
Metered limit
免费若干篇/次，用完才拦，配用量提示
升级提示
Upgrade teaser
内容虚化预览 + 升级按钮，软性引导
实现要点
mask-imagebackdrop-filtergradientposition预览区正常渲染前 N 段，门槛处用渐变遮罩或 mask-image 淡出，CTA 覆盖其上。计量状态存 localStorage 或服务端，靠近上限时提前提示。服务端仍需拦截未付费请求，前端遮罩只是体验层。 入场过渡时长乘 var(--demo-speed, 1)，尊重 prefers-reduced-motion。
相关概念
把信息分层呈现：先给最常用、最必要的部分，把次要细节藏到"展开""下一步""显示更多"后面， 用户主动索取时才展示。它解决的是一次性塞给用户太多内容的问题—— 降低初始认知负担，让界面入门简单，同时保留深度供高级用户按需取用。
交互模式搭配使用把付费方式讲清楚的商业页面：页面通常以标题与计费周期切换开头，主体是并排的套餐卡 （价格、功能清单、行动按钮），推荐档位用视觉强调；下方补功能对比表和 FAQ 兜底疑虑。 组织逻辑是"先选周期、再选档位、最后消除犹豫"。
页面搭配使用把陌生访客变成账号的转化页：表单只保留起步必需的字段（邮箱 + 密码），其余信息 延后到产品内补齐；辅以第三方注册、密码强度提示和服务条款勾选。与登录页共用 布局骨架，但每一处设计都在回答"注册这件事值不值得、麻不麻烦"。
页面搭配使用当列表或页面没有数据时，不留一片空白，而是用插图、一句说明和一个明确的下一步操作填充。 它解决的是"用户面对空白不知道发生了什么、也不知道该做什么"的问题—— 把空档变成引导起点：首次使用教用户开始，搜索无结果给出路。
交互模式相似概念