通义万相SaaS插画需锚定信息层级与界面语义：先标出插画必须承载的不可替代信息点，再用UI组件反推尺寸与交互位置约束，最后植入可验证的功能语义标签并强制符号规则。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
通义万相生成的SaaS页面插画总被当成纯装饰元素，图标悬浮、人物微笑、背景渐变一应俱全，但用户根本看不出这是登录页还是仪表盘，更无法识别核心功能模块——问题不在模型能力，而在提示词没锚定信息层级与界面语义。
先锁定插画在SaaS页面中的真实角色
打开你正在设计的Figma或Sketch文件，把目标页面截图，用红圈标出【插画必须承载且不可替代的信息点】。比如：权限分级图标需体现“管理员→编辑者→只读”三级关系；数据看板插画里柱状图走向必须和真实指标趋势一致；空状态插画里的“+新建项目”按钮位置要和实际交互热区对齐。没标出具体信息锚点的提示词，通义万相默认按通用美学渲染。
这一步跳过，所有后续提示词都会漂在装饰层。
用界面组件反推视觉约束条件
方法一：从现有UI组件倒推尺寸与比例
在Figma中选中主卡片容器→右键“Copy as SVG”→粘贴到文本编辑器，提取width/height/viewBox数值。把这组数字写进提示词，例如：“SVG尺寸严格匹配320×240像素， viewBox='0 0 320 240'，禁止任何留白或缩放适配”。【不写尺寸参数，通义万相会按默认画布生成，插画必然需要手动裁切变形】
方法二：绑定真实交互元素位置
在页面上找到“导出报表”按钮，测量其距顶部距离（如128px）、距左侧距离（如64px）、宽高（120×40px）。提示词中明确写：“插画中‘下载云图标’必须位于坐标(64,128)，图标宽度占整体宽度30%，图标下方标注‘CSV/PDF’文字，字号12px，字重600”。
植入可验证的功能语义标签
第一步：列出该插画服务的3个最小功能单元
例如仪表盘页插画对应：① 实时数据流（动态箭头+脉冲点）② 权限隔离墙（虚线分割左右区域）③ 异常告警标记（右上角闪烁三角叹号）
第二步：为每个单元分配唯一视觉符号
实时数据流→仅用#2563EB色系箭头，禁用绿色或红色；权限隔离墙→必须是带锁孔轮廓的灰色虚线，不能是栅栏或云朵；异常告警→三角叹号内部填充#DC2626，边框0.5px，禁止圆角化。
第三步：把符号规则写入提示词末尾
格式统一为：“【功能符号强制规则】实时数据流=蓝色动态箭头｜权限隔离墙=带锁孔虚线｜异常告警=直角三角叹号”。通义万相会优先解析方括号内指令。
这一步做完，生成图里出现绿色箭头或圆角叹号，直接判定提示词失效，需重写第三步。
