UI FLOWKNOWLEDGE SYSTEM

色彩与装饰 · Color & Decoration

滚动叙事
Scroll Narrative

把页面滚动设计成分镜叙事,通过章节、固定画面、进度和渐进揭示引导用户理解复杂内容。

A scrollytelling pattern that uses chapters, pinned scenes, progress, and staged reveal to explain complex content.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

请以「滚动叙事 / Scroll Narrative」为核心方向重设计这个页面。

角色:你是一名擅长交互叙事、产品发布页和前端动效的 UI 设计师。

设计理念:滚动不是装饰动画触发器,而是把复杂内容拆成有节奏的章节,让用户一步步理解。

适用场景:产品发布、品牌故事、数据新闻、长篇专题、功能介绍和教育内容。不适合高频工具页、后台列表和需要快速完成任务的页面。

结构要求:先写叙事大纲,再设计章节、固定视觉、滚动进度、关键转场和暂停点;每屏只推进一个观点。

交互要求:滚动触发要可预测,动效可跳过;提供 reduced-motion;移动端减少固定层和复杂视差。

输出格式:给出故事线、章节结构、滚动状态、关键画面、动效节奏、性能策略、无障碍和反例。

相关可运行档案研究

该术语暂未建立精选案例映射,可从馆藏中继续搜索。

返回术语实验室 · 浏览完整馆藏 · 读取术语 API