搭骨架
顶部导航布局
Top Nav Layout
「上面一条导航下面放内容」「网站常见头部布局」「顶部菜单布局」「页头在上面的结构」
LIVE DEMO真实可交互，动手试试
VViboDesign
首页组件对比
WebEN
把模糊叫法翻成真名
适合设计系统、官网和组件库团队统一语言。
Header
组件真名
Hero
组件真名
FAQ
组件真名
- 英文名
- Top Nav Layout
- 别名 · 俗称
- 上导航下内容顶部导航结构常规后台布局
- Web 叫法
- Top Navigation Layout
- 大白话定义
- 把主要导航放在页面最上方，下面铺主内容区域的经典页面结构，适合官网、工作台和管理后台首页。
- 部位拆解
- 页头 Header放 Logo、主导航和全局操作
- 内容区 Main承载页面核心内容
- 次级区域 Secondary可选的筛选、统计或工具条
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个顶部导航布局（Top Nav Layout）：页头固定在顶部，左侧 Logo，中间导航，右侧搜索和头像，下方是内容区
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的顶部导航布局（Top Nav Layout）。逐一排除：页头高度没计入内容区，导致首屏被压住；导航项过多在中屏直接换行；移动端没有收口成抽屉或横向滚动；页头阴影和内容层级混在一起。症状是：