提交界面需求时须用结构化语言描述：先明确界面层级（如“登录页→输入账号密码后→点击「登录」按钮瞬间”）；再按背景→主区域→控件状态→文字内容→动效/提示顺序说明，数值精确到px/#RRGGBB；交互反馈需写清触发条件与结果，用“当……时，……”或分号列举多状态；辅以截图标注编号，确保开发准确实现。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在码上飞AI电脑端提交界面需求时，必须让开发人员一眼看懂当前屏幕的视觉状态和交互反馈，不能依赖口头解释或模糊形容。
用结构化语言描述显示效果
第一步：先写明当前所处的界面层级，例如「登录页→输入账号密码后→点击「登录」按钮瞬间」；【必须精确到触发动作后的即时画面，而不是笼统说「登录后」】。
第二步：按「背景→主区域→控件状态→文字内容→动效/提示」顺序逐层说明。比如：「深灰色#2D2D2D全屏背景；中间白色圆角卡片（宽560px，高380px）；「登录」按钮为蓝色#1890FF，鼠标悬停时颜色变浅且出现0.2秒缩放动画；按钮下方红色提示文字「账号格式错误」以14px字体显示，位置固定在按钮下8px处」。
第三步：涉及尺寸、颜色、间距等数值，一律用阿拉伯数字+单位（px / #RRGGBB / %），不写「稍大」「偏暗」「差不多」这类主观词。
写清交互反馈的触发条件与结果
方法一：用「当……时，……」句式直连因果。例如：「当用户连续三次输错密码时，「登录」按钮禁用（opacity: 0.4，不可点击），同时在输入框下方弹出带叹号图标的红色提示条，停留3秒后自动消失」。
方法二：对同一控件列出不同状态，用分号隔开。例如：「搜索框默认状态：浅灰色边框#D9D9D9，内衬文字「请输入关键词」；获得焦点时：边框变为蓝色#1890FF，阴影加深；输入内容后：右侧显示「×」清除图标，点击即清空文字并恢复默认状态」。
注意：不要只写「要有反馈」，必须写明「谁触发→触发什么→在哪里出现→持续多久→如何消失」。
截图标注比纯文字更可靠
在需求文档中插入当前界面截图，用箭头+编号标出关键区域，再在文字中对应编号说明。例如：「图1-③：右侧悬浮操作栏，包含「导出PDF」「复制链接」「分享」三个图标，横向排列，间距12px，图标尺寸20×20px，点击任一图标后弹出对应功能弹窗，弹窗顶部有「取消」按钮（右上角×）和「确认」按钮（蓝色填充）」。
这一步操作起来很简单，直接把截图拖进Word或Notion，用系统自带画图工具加箭头和数字即可。如果没截图，就按前两个小标题的方法补全所有视觉要素——少一个尺寸、一种状态、一个颜色值，开发做出来就可能和你脑中的不一样。
