好消息：利用 MasterGo AI 的“AI 生成界面”功能，只需几句描述就能快速生成符合品牌调性的官网顶部导航栏，省去手动绘制、排版和对齐的繁琐步骤——这些重复劳动，AI 全部代劳。
精准描述导航结构与视觉风格
在 MasterGo AI 输入框中，详细描述关键需求，越具体效果越好，示例如下：
- 页面类型：网页端（非移动端）
- 导航位置：顶部横条，固定于页面最上方
- 内容组成：Logo 左对齐、中间 4–6 个主菜单项（如首页、产品、解决方案、客户案例、关于我们、联系我们）、右侧登录/注册按钮或用户头像
- 视觉要求：浅色背景搭配深色文字，圆角图标，悬停时显示下划线或背景色变化，支持响应式折叠（小屏自动切换为汉堡菜单）
选择正确的生成模式与组件库
启动生成前，请确认两个关键设置：
- 模式选「网页版」，而非「移动端」或「后台」
- 组件库建议选用「预置团队库」中的 Ant Design 或 Element Plus，它们内置成熟的导航组件逻辑，生成结果更易调整，且更接近开发可用标准
这一步骤至关重要——选对组件库将显著提升后续调整的效率和整体一致性。
生成后快速微调并复用
AI 生成的导航通常作为完整页面的一部分，但您可以通过以下步骤单独提取并复用：
- 右键点击导航区域，选择「分离图层」，即可单独提取导航栏
- 利用 AI 设计助手的「局部修改」功能，让 AI 协助修改文案、更换颜色、添加图标，或实现中英文双语切换
- 将导航栏拖入团队资源库，保存为「通用顶部导航」组件，下次新建文件时直接调用，一劳永逸
注意积分消耗与权限限制
生成一次导航为标准操作，通常消耗 50–150 credits，具体取决于描述复杂度。个人免费账户需订阅体验版或更高套餐方可使用；企业用户若已开通 AI 设计助手白名单，还可在画布内按快捷键 Option + 3 呼出助手，边对话边修改，全程无需离开当前编辑页面。
请提前确认权限与积分情况，避免生成中途被中断。