网站页眉导航
网站最上面那条横栏：Logo 在左，导航在中，登录/注册按钮在右，滚动时常吸顶。
顶部应用栏
Top App Bar
页面最上面那条：返回、标题、常用操作，一眼看清「我在哪、能干嘛」。
全平台通用导航顶部导航组件
大白话说明
顶部应用栏承载三件事：告诉用户当前页是什么（标题）、怎么回去（返回或菜单）、这一页最重要的操作（右侧 1–3 个图标按钮）。滚动时可固定在顶部，长标题截断省略。
什么时候用
几乎每个页面都需要它——尤其是从列表进入的二级页面，返回和标题缺一不可。
什么时候不用
沉浸式页面（图片详情、视频播放）可以让它透明或自动隐藏；全站级的网站导航不要用它代替（那是网站页眉）。
细节与变体
- 右侧操作超过 3 个就把低频的收进「更多」菜单，别一字排开
- 标题过长用省略号，不要缩小字号硬塞
- 返回按钮的热区至少 44×44，哪怕图标只有 20px
配套效果见下方「可用效果」。
配套提示词（点开填空、复制）
可用效果
参考实现（开源）
- Ant Design（蚂蚁） ↗ MIT · 免费（MIT）
国内中后台的事实标准：表格、表单、列表都是行业参照物。
- MUI（Material UI） ↗ MIT · 免费（MIT，核心）
React 生态最老牌的 Material 组件库：组件全、文档厚、AI 生成命中率最高之一。
- TDesign（腾讯） ↗ MIT · 免费（MIT）
腾讯出品的全栈设计系统：Web、移动、小程序、桌面都有，国内生态最完整的一套。