mastergo ai需通过结构化描述与双参考输入生成导航栏，明确位置类型、功能模块、视觉参数及交互暗示；结合截图与设计稿链接提升精度；采用块状精修与自动布局确保可维护性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接“自动设计导航栏”，而是通过结构化描述+上下文引导，让 AI 理解并生成符合规范的导航栏。关键不在“点一下就出来”，而在“你怎么说、怎么喂、怎么修”。
明确描述导航栏的核心要素
AI 需要具体指令才能产出可用结果，模糊描述（如“做个好看的导航栏”）大概率失败。必须包含以下几类信息：
- 位置与类型：顶部固定栏 / 左侧垂直菜单 / 混合式（如顶部+左侧二级）
- 功能模块：Logo 区、搜索框、通知图标、用户头像、快捷入口（如“新建报表”）、多级菜单项（如“数据管理 > 用户分析 > 行为漏斗”）
- 视觉参数：主题色（例：#FA2549）、文字大小（例：“主菜单字号 14px，二级菜单 12px”）、圆角（例：“按钮圆角 4px”）、间距（例：“图标间距 16px”）
- 交互暗示：是否支持折叠/展开？当前选中项是否有高亮底色或左侧竖线？悬停动效是否需要说明？（可后续用 MasterGo 自动布局+交互设置补全）
双参考输入法提升还原精度
单靠文字描述容易失真。推荐同步提供两类参考：
- 本地截图：把目标 Dashboard 中已有的导航栏高清截图，放入 reference 文件夹。AI 能快速识别布局节奏、图标风格、文字对齐方式。
- MasterGo 设计稿链接：确保链接指向含完整导航栏规范的设计页（含图层命名、间距标注、颜色变量）。AI 会优先匹配该来源的色值、字体层级和响应逻辑。
两者结合后，AI 对导航栏的理解更接近真实交付标准，而非通用模板。
块状精修：先搭骨架，再调细节
第一轮生成通常只出基础结构（如横排文字菜单+图标），但易出现错位、字号不一、状态缺失等问题。建议按顺序分块打磨：
- 先锁定整体容器宽度、高度、背景色和边框样式
- 再逐个校准 Logo 区、搜索框、操作区的尺寸与内边距
- 最后处理菜单项：检查选中态高亮、下拉箭头位置、二级菜单缩进量
- 每改一处，用类似“将左侧菜单项文字统一为 14px，行高 20px”这样精准指令微调，避免全局重刷
用自动布局固化导航栏结构
生成初稿后，别手动拖拽对齐。立即启用 MasterGo 的自动布局（Auto Layout）：
- 选中整个导航栏容器 → 右键 → “添加自动布局”
- 设置主轴方向（水平/垂直）、间距（如 12px）、对齐方式（如“左对齐 + 垂直居中”）
- 为 Logo、搜索框等组件单独设固定宽高，其余菜单项设“填充容器”或“内容自适应”
- 这样后续增删菜单项时，布局自动重排，无需重新调整
不复杂但容易忽略——自动布局是让导航栏真正“可维护”的关键一步。
