滚动叙事
Scroll Narrative
把页面滚动设计成分镜叙事,通过章节、固定画面、进度和渐进揭示引导用户理解复杂内容。
A scrollytelling pattern that uses chapters, pinned scenes, progress, and staged reveal to explain complex content.
交互预览
可以直接对 Agent 说
请以「滚动叙事 / Scroll Narrative」为核心方向重设计这个页面。 角色:你是一名擅长交互叙事、产品发布页和前端动效的 UI 设计师。 设计理念:滚动不是装饰动画触发器,而是把复杂内容拆成有节奏的章节,让用户一步步理解。 适用场景:产品发布、品牌故事、数据新闻、长篇专题、功能介绍和教育内容。不适合高频工具页、后台列表和需要快速完成任务的页面。 结构要求:先写叙事大纲,再设计章节、固定视觉、滚动进度、关键转场和暂停点;每屏只推进一个观点。 交互要求:滚动触发要可预测,动效可跳过;提供 reduced-motion;移动端减少固定层和复杂视差。 输出格式:给出故事线、章节结构、滚动状态、关键画面、动效节奏、性能策略、无障碍和反例。
相关可运行档案研究
该术语暂未建立精选案例映射,可从馆藏中继续搜索。