使用Stable Diffusion生成网页功能区插画时，最令人困扰的是提示词表述模糊——导致按钮错位、图标风格不统一，甚至交互状态无法识别。实际上，只要掌握以下五个关键要点，生成的图片就能直接用于UI设计验证。

明确功能区类型与核心交互动作

在编写提示词之前，先在草稿纸上明确要生成的功能区具体名称：是「用户登录弹窗」还是「数据筛选侧边栏」？或是「支付成功卡片」？切忌只写“网页界面”或“UI元素”——功能区名称必须精确到具体组件级别，否则模型无法锚定正确的构图逻辑。

接着，列出用户在该区域需要执行的核心操作：点击、滑动、输入、切换、确认。每个操作动词必须与具体控件绑定，例如“点击→主按钮”“输入→邮箱文本框”“切换→开关组件”。做好这一步，画面才能精准呈现交互逻辑。

构建分层提示词结构，提升生成质量

方法一：基础三段式（适合快速生成草稿）
① 主体描述 → ② 风格约束 → ③ 布局与细节限定
例如：“浅色模式下的响应式登录表单，Figma线框风格，带聚焦态输入框、悬停变色按钮、右下角加载指示器，无文字内容，纯视觉示意”。三段信息组合，模型能迅速理解你的意图。

方法二：权重强化法（适合初稿完成但细节偏离预期时）
将最不能妥协的关键项用括号加上权重，例如“(glassmorphism background:1.3)” “(primary CTA button centered:1.5)” “(no text labels:1.8)”。权重设置在1.3以上，模型会压制其他无关干扰元素。

需要注意的是，避免给“扁平化”“现代感”等抽象词汇添加权重。这些词缺乏像素级指向性，添加后反而导致模型产生不一致的圆角半径或阴影深度，权重越高，结果越混乱。

检查表逐项输出与验证，确保画面质量

第一步：打开你使用的WebUI（例如Automatic1111），进入txt2img标签页。
第二步：将编写好的提示词复制到正向提示框，确保没有中文标点混入英文逗号分隔序列。
第三步：在负向提示框中填入固定的防护项：text, words, letters, logo, watermark, blurry, deformed, disfigured, bad anatomy —— 这些是UI类生成中最容易出现问题的雷区，缺一不可。
第四步：设置宽高比为1280×720或1920×1080，必须启用Hires.fix，且Upscaler选择4x-UltraSharp，否则图标边缘毛刺和按钮锯齿问题无法解决。
第五步：点击生成。首张图必须满足三项硬性指标：控件层级清晰、交互状态可辨、留白呼吸感合理。任何一项不合格，直接回退修改提示词中对应的描述，不要依赖调整CFG或采样步数来硬扛。