像素界面｜状态、布局与操作反馈

任务与输入

确认目标设备、界面用途、画布尺寸、像素网格、文字语言、控件状态与引擎需求。生成装饰图与可交互UI是不同交付，按钮图片不等于功能实现。

方法与决策

先布局信息层级：主操作、次操作、状态反馈与说明。用整数网格统一边距、线宽、图标尺寸和文字基线，少量字体和色彩保持系统一致。
控件按正常、悬停或聚焦、按下、禁用、选中等实际需求设计状态。改变边框、亮度或位移时仍保持尺寸和可读性；颜色不能作为唯一状态提示。
可伸缩面板留出九宫格切片区域，边角和中心纹理分开；文字区域不画死，长文本与本地化需要弹性空间。精确文字用真实字体渲染，模型只生成视觉素材或示意。
检查实际目标尺寸下的触控或鼠标命中区、对比、焦点顺序和遮挡。交付资产说明与布局参数，未实现交互时不要称可直接运行。

图像、文字与资产接口

把设计说明转换成可见画面：主体及身份特征、朝向和动作、相机位置、构图、空间层次、材质、主光方向、色彩分工和必要排除项。不要用“高级、震撼、专业”代替这些信息。一个独立生成状态使用一个清楚标题和一段完整提示词；多视图、变体、背景与排版只有任务需要时才拆开。
参考图分别指定身份、结构、构图或质感职责，用户已定稿的事实优先。精确文字、价格、Logo及复杂版式优先用真实资产排版叠加，不把生成模型的近似文字当正确文字。透明交付需检查 alpha 通道，画有棋盘格不代表透明；实际像素、格式和色彩以导出文件为准，提示词写“高清”不能证明文件规格。

精确资产与概念预览的交付分界

提交前核对当前工具是否支持实际画布尺寸、透明通道、调色板以及本任务需要的帧数或网格。把要求写在提示词里不能替代真实参数设置。返回后读取文件规格并检查边缘、颜色数、裁切与内容布局；动画还需核对各帧画布、时序和锚点，界面还需核对状态与点击区域。
不符合硬规格的生成图只交付为概念预览，明确缺少哪些制作步骤。具备并获准使用相应工具时才执行网格重绘、调色板归并、透明边缘处理或帧拆分，再复核成品；不要单靠缩放补救。工具本身不支持时停止重复生成，不声称资源可直接导入引擎。执行正文只描述可见目标，规格表、工具参数和检查记录另列。

完整执行示例

下列示例展示具体写法；实际使用时按本项目重写全部对象与动作，不沿用示例事实。

像素风背包界面的无字面板素材，正面平视，深灰蓝底板，四角圆切的整数像素边缘，浅蓝细边框，内部留一片平整低纹理区域。顶端预留标题带，右上角留关闭按钮位置，底部留一条操作区，装饰只在边框，中心不画格子、物品、文字或假按钮。光源统一左上，轮廓清楚，无柔焦和渐变发光。作为可切片面板视觉稿，切片边距在实际导出时另行标注。

问题定位与修复

界面像海报：先简化到操作和信息层级。文字不可读：改字体排版。拉伸边框变形：明确切片区。禁用态只变色：同时调整亮度或图标形态，保留基本可见性。

本任务交付

交付UI清单、布局规格、状态矩阵、完整提示词、切片与字体要求、实际可用性检查。

执行与交付

先判定本次终点是策划、提示词、生成还是返修，读取已有文档与资产后直接完成已授权工作。模板变量在交付前填成具体内容，示例只示范写法，不覆盖当前项目事实。提示词正文与工具参数分开：画幅、时长、分辨率、参考输入和模型路由使用当前工具实际支持的字段；没有对应能力时交付完整方案和具体操作步骤，不虚构接口。
制作依赖图：身份母版先于变体，可靠首态先于动作，已验收片段先于剪辑；互不依赖的素材才可批量。数量按用户需要列清，不把失败任务从需求中悄悄扣除。保留成功版本，只重做问题范围；同一问题重复出现时缩小动作或变量、调整输入或采用合成，不无限重复提交。
逐项记录计划、已提交、已返回、已检查和需修状态。文件返回后检查可打开性、实际规格和任务要求；视频还需实际播放与听辨，不能用样帧证明整段声音或连续动作。输出当前成果、必要限制和可执行修复。仅写文本时如实交付文本，不宣称成片或测试已完成。