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