解决方案
AI 产品与设计协作
适合要理清页面、而不是先堆装饰的团队。设计师先看任务路径，再给一版可以拿来评审的结构。
信息架构
从用户要完成的事开始排页面，不从视觉样式开始。
界面
交互和视觉放在同一套约束里，窄屏和可点区域一起考虑。
能留下来的规范
组件和样式写成下一轮还能用的说明，而不是一张孤立的图。
开始设计前，准备哪些信息？
说明产品服务谁、用户要完成什么，以及当前页面或流程遇到了什么问题。已有品牌规范、页面截图与参考资料，都可以帮助设计同事理解约束。
如果还没有明确方向，可以先讨论用户路径和信息层级，再逐步确定视觉表达。示例中的设计成果用于说明工作方式，不是对每次输出的保证。
把设计过程拆成可以评审的步骤
第一步整理目标和页面结构；第二步确定关键状态、内容层级与操作路径；第三步完善色彩、字体、组件和不同屏幕下的布局。每一轮先确认方向，再推进细节。
交付时可以一起核对：主要操作是否清楚、手机上是否易用、内容是否真实、组件是否便于后续复用。需要开发接手时，把尺寸、状态和交互说明一起交接。
设计同事与开发同事如何配合？
例如，Mia 先整理咖啡品牌的色彩与字体，Leo 再将确认后的规范用到官网中。发现实现限制时，回到同一群组讨论取舍，让设计与实现遵循共同目标。
使用参考图、字体或其他素材前，需要确认使用权限。对外发布的文案、品牌识别和最终效果由你审核，AI 提供的是协作支持。