用途:这是一个基于参考文档的 UI/UX 协议,用于评估和实现 Web 与移动端的界面模式。适用场景包括设计新屏幕或功能流程、评审现有界面的可用性问题、在交互模式间做选择、评估视觉层级与信息架构、跨平台(Web SPA、SSR、移动端)适配模式,以及把流程塑造成叙事(引导、落地页、功能导览、结账)。
主要能力:提供 8 类核心屏幕模式索引(引导、仪表盘、列表/详情、表单、搜索、设置、个人资料、空状态),每类含使用时机与关键组件;Nielsen 十大启发式评估及 0–4 评分标准(无问题、外观、次要、主要、灾难性);视觉层级检查清单(F/Z 型视线、尺寸层级、色彩权重、留白、分组、对齐、对比、焦点);叙事化 UI 框架,含五个维度(叙事弧、序列与节奏、主角、情感节拍、连续性与动效)、各屏幕模式的叙事角色,以及 16 分制评审清单;交互原则含反馈时延与状态管理视觉处理;平台适配建议(Web 悬停、键盘导航、懒加载路由;移动端 44x44px 触控目标、触觉反馈、底部弹层、下拉刷新、手势导航);2025–2026 趋势参考(Bento 网格、玻璃拟态、微交互、可变字体、AI 辅助 UI、深色优先)。
使用方式:按需查阅 references/screen-patterns.md、references/heuristic-evaluation.md、references/storytelling-ui.md 三份参考文档。资料未提供具体安装命令或调用代码。
限制:叙事化评审清单中,≥13 分为强叙事、8–12 分为可用但平淡、低于 8 分为割裂的屏幕集合;约束规则要求保留跳过路径、不以“戏剧性”为由隐瞒关键信息、保持短时长并尊重 prefers-reduced-motion。资料未提供收费、价格或平台支持范围等信息。