要让即梦AI准确生成网页交互元素，需明确功能角色与控件类型、绑定交互状态与视觉特征、限定布局约束与尺寸比例。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要让即梦AI在网页功能区插画生成中准确还原按钮、输入框、切换开关等交互元素的视觉表现，必须把功能语义转化为可识别的空间结构与视觉符号，不能只写“网页界面”或“好看的设计”。
明确功能角色+基础控件类型
第一步：先锁定该区域承担的核心操作职责，比如“用户登录入口”“商品筛选条件栏”“支付成功反馈面板”。【功能角色缺失时，AI大概率生成装饰性图形而非可用界面】
第二步：紧接着用括号注明控件构成，例如（含用户名输入框+密码输入框+蓝色登录按钮+忘记密码链接）。
这一步操作起来很简单，直接把功能目标和控件清单写进同一句提示词里，中间不加换行或分隔符。
绑定真实交互状态与视觉特征
方法一：用冒号分隔状态描述。例如，“搜索功能区：灰色占位符文字‘请输入关键词’+放大镜图标在输入框右侧+悬停时边框变蓝”。
方法二：用斜杠列举多态表现。例如，“标签页切换区：首页/发现/我的（当前选中‘发现’，底色为#007AFF，文字加粗）”。
为即梦 Seedance 2.0 多模态AI视频生成模型撰写高质量提示词。当用户需要使用文本、图片、视频、音频等多模态输入创作视频提示词时触发。涵盖@引用语法、运镜复刻、特效模仿、视频延长、视频编辑、音乐卡点、电商广告、短剧创作、科普教育等场景。
方法三：用“当……时……”句式表达响应逻辑。例如，“夜间模式开关：左侧圆点在轨道右侧（表示开启），轨道背景为深灰#1E1E1E，圆点为亮蓝#00BFFF，当点击时圆点滑向左侧并变为灰色”。
不写状态，默认生成静态默认态，无法体现功能活性；漏掉颜色值或位置关系，AI会自由发挥布局，可能把图标放在文字上方而不是右侧。
限定布局约束与尺寸比例
第一步：用像素或相对单位锚定关键尺寸。例如，“顶部导航栏高度48px，Logo居左，三个图标按钮等距排列于右侧，间距32px”。
第二步：用方向词+参照物定义位置关系。例如，“筛选条件区横向排列：价格滑块→品牌下拉菜单→分类多选标签，全部位于页面主内容区上方24px处”。
第三步：对齐方式单独强调。例如，“提交按钮需与输入框右边缘严格右对齐，不可居中或左对齐”。
缺少尺寸或对齐指令，AI倾向于居中堆叠元素，导致实际开发时无法直接切图使用。
