用途:把模糊的审美偏好转化为具体的视觉选择。当用户表示无法描述想要的风格时,不再追问抽象描述,而是生成一组可对比的视觉方案,让用户挑选后再据所选参考实现。
核心规则:不问用户无法回答的抽象风格;先生成可比较的视觉证据,再挑选,最后实现。
工作流程:先复述真实目标,区分是选择单一方向、保留多个方向,还是把不同方向分配给不同视觉角色;把主要交付物与验证样本分开;除非用户明确要求,保留现有 UI、素材、令牌、布局与品牌线索,冻结现有空间结构、导航与阅读行为。先收集现有素材:查看当前渲染界面或截图,阅读设计令牌、CSS 变量、组件名、关键图像、品牌与领域参考,把现有资产作为起点,而非另起无关新概念。生成矩阵而非微小变体:审美不明确时至少使用两个授权维度,如竖向色阶(20/35/50/65/80 等大步变化)或横向的不同组织策略(数据驱动色彩、品牌主线、暖色产品影像、场景模块、治理导向布局等),并优先批量生成。把颜色作为系统:减少色彩不等于黑白,而是减少相互竞争的重点,为颜色分配角色,如区域与分节色带、数据可视化语义色、品牌与风险高信号色、常规 UI 的中性色,必要时给出安全到过载的边界样本。呈现前先自行查看生成图,检查目标覆盖(用户能否看到所需界面、尺度、状态与交互层级)与候选间关系,修复缺失覆盖后再判断色彩与细节;标注可能过于呆板、过于花哨、过于通用或最接近目标的方案,并给出文件路径与简短决策说明。实现时从所选图像提取原则而非像素,如颜色角色、布局密度、焦点层级、组件处理、图像使用与数据放置;经批准后可显式融合多个参考,例如用 H02 决定色彩位置、V04 决定调色强度;实现范围限于现有 UI,除非用户要求新产物,并做渲染后的视觉 QA。
限制:静态图像只能说明交互层级,不能证明实际交互行为;若截图与目标界面不匹配,需补充缺失视图或使用已验证规格并标注未被视觉观察的部分。完整风格选择会参考 references/selection-playbook.md。