用mastergo ai“ai生成界面”功能，几句话即可生成符合品牌调性的官网顶部导航：网页端、固定顶部横条、左logo+中4–6项主菜单+右登录/头像、浅底深字+圆角图标+悬停反馈+响应式折叠；选“网页版”模式与ant design/element plus组件库，生成后可分离图层、局部修改、存为通用组件复用；消耗50–150积分，企业用户支持option+3快捷唤起边聊边改。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
直接用 MasterGo AI 的“AI 生成界面”功能，几句话就能生成符合品牌调性的官网顶部导航，不用手动画线、排版、对齐。
明确描述导航结构和风格
在 AI 输入框里写清楚关键信息，比如：
- 页面类型：网页端（非移动端）
- 导航位置：顶部横条，固定在页面最上方
- 内容组成：Logo 左对齐、中间 4–6 个主菜单项（如首页、产品、解决方案、客户案例、关于我们、联系我们）、右侧登录/注册按钮或用户头像
- 视觉要求：浅色背景 + 深色文字，圆角图标，悬停有下划线或背景色变化，支持响应式折叠（小屏自动变汉堡菜单）
选对生成模式和组件库
提交前确认两个设置：
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- 模式选「网页版」，不是「移动端」或「后台」
- 组件库建议选「预置团队库」里的 Ant Design 或 Element Plus，它们自带成熟的导航组件逻辑，生成后更易调整、也更贴近开发可用标准
生成后快速微调再复用
AI 生成的导航通常是完整页的一部分，你可以：
- 右键点击导航区域 →「分离图层」，单独提取导航栏
- 用 AI 设计助手的「局部修改」功能，让 AI 帮你改文案、换颜色、加图标，或把文字改成中英文双语
- 拖进团队资源库保存为「通用顶部导航」组件，下次新建文件时直接复用
注意积分和权限限制
生成一次导航属于常规操作，一般消耗 50–150 credits（视描述复杂度而定）。如果你是个人免费账户，需订阅体验版或更高套餐；企业用户若已开通 AI 设计助手白名单，还可直接在画布内用快捷键 Option + 3 呼出助手，边聊边改，不跳出当前编辑页。
