SuperAPI AI 工具集

navigation-pattern-encyclopedia

通用与其它

查看项目

更新于 10-16 03:41

技能介绍

用途:为界面导航设计提供系统化参考,覆盖从结构决策到具体实现的完整链路。核心观点是导航需依次回答“我在哪、能去哪、怎么返回”,可见性优于隐藏,标签需具备信息气味,层级深度比广度代价更高,模式选择应跟随目标数量。

主要能力:按目的地数量与场景给出模式索引,如5-7个目的地用顶部横向栏,20个以上用巨型菜单,50个以上用命令面板,移动端3-5个用底部标签栏,超过5个用抽屉或汉堡菜单;同时覆盖面包屑、标签页、分段控件、分页、步骤条等次级导航。

使用方式:按需阅读参考文件。主导航读 references/primary-navigation-patterns.md(27种模式含TSX);次级导航读 references/secondary-navigation-patterns.md(22种);移动端读 references/mobile-navigation-patterns.md;无障碍读 references/navigation-accessibility.md;信息架构读 references/information-architecture.md;补充模式读 references/navigation-supplementary.md。每个文件包含结构解剖、适用与排除条件、可运行的React/TSX与CSS、各断点响应式转换、ARIA角色与键盘焦点顺序、反模式。

适用场景:营销站、应用外壳、电商、企业后台、移动应用及需要无障碍支持的导航设计。

限制:资料未提供安装命令、收费方式、平台支持与效果数据,暂未提供。