要让通义万相生成的网页功能区插画贴合真实需求，需明确功能场景、嵌入页面类型，并用Figma组件命名或真实网站参照描述视觉特征，同时强制加入文字可读、状态明确、像素对齐等细节约束。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要让通义万相生成的网页功能区插画更贴近真实产品需求，不能只写“一个蓝色按钮和输入框”，必须把设计师日常沟通中自然说出的上下文、约束条件、视觉意图全部塞进提示词里。先锁定核心功能场景
第一步：明确这个功能区在网页中实际承担什么任务。是用户注册入口？支付确认弹窗？还是后台数据筛选面板？把动词写清楚——比如“用户点击后跳转至实名认证页”，而不是“有个注册区域”。【没有具体动作目标的提示词，生成结果大概率是静态装饰图，不是可用界面】
第二步：说明它嵌入在哪类页面。是手机H5活动页底部浮层？还是PC端SaaS系统左侧导航栏上方？不同载体决定尺寸比例、交互密度和文字大小容忍度。
用真实设计语言描述视觉特征
方法一：按Figma/Sketch常用组件命名法写。例如：“带微阴影的主色按钮（#3B82F6），圆角6px，右侧带→图标；输入框有聚焦态蓝边框，placeholder用#94A3B8；整体居中排布，左右留白不小于48px”。
方法二：引用真实网站参照。例如：“风格参考支付宝收付款页面顶部操作区，但去掉二维码，保留‘向朋友转账’标题+金额输入+收款人下拉选择三项”。
注意：不要写“现代简约风”“科技感十足”这类空泛形容词，通义万相无法解析抽象风格词，只会随机组合渐变和线条。
强制加入真人会关注的细节约束
① 文字内容必须可读：在提示词末尾加一句“所有中文文字需清晰显示完整汉字，不可模糊、遮挡或用符号代替”。【默认情况下模型常把‘请输入手机号’渲染成‘请输入手***’或干脆贴图化文字，导致无法用于设计评审】
② 状态必须明确：写清当前是默认态、悬停态还是错误态。例如：“输入框处于聚焦状态，边框为#3B82F6，右侧显示红色‘格式错误’提示文字，字体12px”。
③ 像素级对齐要求：直接写“按钮与输入框底部严格对齐，垂直间距8px，整体宽度不超过375px（适配iPhone SE）”。
