premium-ui-ux-design

用途

premium-ui-ux-design 用于在以下场景提供设计或评审支持：网站、SaaS 应用、仪表盘、Android 应用或 iOS 应用中，当感知品质、信任、易用性和商业价值重要时；当现有 UI 看起来通用、杂乱、单调、难以扫读或视觉廉价时；当需要创建设计系统、视觉 QA 报告、UX 规格说明或逐屏实施计划时；当撰写或评审 SRS、验收标准、可追溯矩阵或设计交接要求，需要把高端 UI/UX 表述为可测试、非主观臆断的要求时。

不适用场景：请求仅涉及文案、仅涉及后端，或并非面向用户；平台专用配套技能已负责实现细节并已加载本高端层。

所需输入

买家/用户期望与价值主张：来自调研和商业简报，包括信任驱动因素、顾虑和高端价值证明点。
关键旅程与失败成本：来自产品或服务负责人，包括优先流程、服务承诺和恢复期望。
品牌资产与平台约束：来自品牌/系统负责人，包括已批准的字体、图像、令牌、许可和原生规则。
产品目标、目标用户、商业模式、品牌定位、平台和主要用户任务。
现有截图、设计或产品画面（如有）。
领域约束：数据密度、性能预算、无障碍需求、设备类别和收入关键流程。

工作流程

定义商业承诺：用户必须快速理解、信任并完成什么。
选择视觉语言：克制企业风、编辑式高端、运营密集型、消费级精致、奢华极简或其他可辩护的方向。
先建层级再谈风格：一个主要操作、清晰导航、明确内容优先级和显式下一步。
创建令牌化视觉系统：颜色、字体、间距、圆角、高度、动效、图标、图表和图像处理。
设计所有状态：加载、空、错误、成功、禁用、离线、慢网络、权限拒绝和破坏性确认。
应用平台惯例：Web、Android、iOS 应各自符合其媒介，而非互相缩放版本。
在宣布完成前运行高端 UI/UX 门槛检查。
产出证据：截图、评分、缺陷和具体改进。
SRS 模式下，将上述内容转化为可测试的非功能需求，关联 SRS ID 和验证方法（见 premium-ui-ux-specification-rules.md）。

高端承诺到可观察工艺

将高端视为有可见证据的交付主张，而非视觉情绪。对每个承诺记录用户任务、服务或产品行为、证据工件、负责人和评审状态。证据循环为：用用户语言陈述承诺并命名其应改善的关键任务；记录使作品贴合目的的设计决策及理由；在关键流程中展示真实或代表性内容，包括加载、空、错误、恢复、响应式和可访问替代方案；运行相关任务、无障碍和响应式检查，将结果链接到承诺，缺失渲染、用户或设备证据标记为 NOT_ASSESSED；若承诺失败，先修正成本最高的理解或信任缺陷并重跑受影响检查，再增加打磨。最终证据记录使用设计质量门槛。WCAG 2.2 建议是规范性无障碍参考，但本身不证明特定工件符合。

决策规则

信任依赖高风险决策时：优先清晰、证明和冷静恢复；装饰性奢华线索可能显得回避或操纵。
产品由专家频繁使用时：奖励速度、密度控制和连续性；炫耀式过渡和过多留白会拖慢实际工作。
品牌缺乏独特资产时：投资于定制的字体、布局和内容细节；通用渐变和玻璃效果模仿高端但无实质。

能力契约

必须检查真实旅程、品牌资产和平台行为；评审默认只读，除非要求修复。可创建范围内概念，但不得购买资产、更改定价/服务声明，或未经授权和证据发布。

降级模式

若高端承诺或目标买家不明确，停止美学方向并返回战略问题。无渲染/用户证据时，提供临时体验标准，并将感官/信任主张标记为未验证。结果较弱时，先修正成本最高的信任或任务缺陷，再增加打磨。

质量标准

美感必须服务于理解、信任、效率和转化；不改善这些结果的装饰应移除。界面有清晰视觉路径，大小、字重、颜色、间距、位置和分组对“什么重要”保持一致。颜色有明确职责：品牌识别、层级、分组、状态、警告、情感或导航，绝非随机点缀。文本在所有断点和深/浅模式下可读，对比度、行长、行高和层级经验证。仪表盘和图表优先感知准确性、直接标签、上下文、比较和可操作性。移动 UI 使用平台原生人体工学、导航、手势、触摸目标、无障碍和动效预期。实现必须生产就绪：响应式、快速、可访问、有文档、令牌化并经截图验证。

反模式

通用 AI 美学：超大卡片、模糊渐变、装饰性色块、单色调色板、弱字体和库存感图像。漂亮但缓慢、不可访问或难用。仪表盘装饰：仪表、3D 效果、不必要阴影、刺眼颜色、脱节图例和图表垃圾。原生应用看起来像压缩网站。设计系统只定义颜色和字体，却省略组件状态、使用规则、所有权和质量门槛。

输出

高端体验方向：面向产品、品牌和设计，明确信任、清晰、工艺、服务和平台选择。
高端质量评审：面向商业负责人和 QA，关键旅程展示证明、无障碍、响应式和优雅恢复。
高端 UI/UX 简报、视觉方向、令牌计划、组件/模式指导、仪表盘指导、移动指导或评审发现。
评审完成作品时，给出带具体修复项的高端 UI/UX 评分。
决策中使用的任何书籍推导推理的来源说明。

参考资源

examples/premium-direction-worked.md：一个 SaaS 屏幕（Collections 工作区）的完整高端 UI/UX 方向示例。
doctrine/design-doctrine.md：使命（“护城河是看起来像人做的”）和反垃圾宪章。
doctrine/references/ai-slop-taxonomy.md：本技能要远离的趋同默认特征（“通用 AI 美学”）。
doctrine/references/pairing-principles.md 和 doctrine/references/type-scale-and-spacing.md：支撑感知价值的排版工艺。
同引擎技能：04-web-and-ui-design/distinctive-by-design、02-color-brand-and-visual-identity/color-system-and-palette、12-data-viz-and-dashboards/data-visualization。
references/premium-visual-principles.md：层级、布局、排版、感知价值和愉悦感。
references/color-emotion-brand-systems.md：颜色选择、调色板系统、情感、层级和无障碍。
references/data-visualization-dashboard-ux.md：图表、表格、KPI 和仪表盘规则。
references/production-quality-handoff.md：生产打磨、资产质量、交接和实施 QA。
references/mobile-android-ios-premium-ux.md：Android 和 iOS 平台专用 UX 指导。
references/mobile-dashboard-ux-patterns.md：移动导航、引导、仪表盘和移动应用质量模式。
references/saas-ux-scope-costing.md：SaaS UX 范围、费用区间、成本驱动因素和 SRS 交接要求。
references/premium-ui-ux-gate.md：评分量规和阻断检查。
references/premium-ui-ux-specification-rules.md：如何将高端 UI/UX 转化为可测试、可追溯的需求和验收标准。
references/source-register.md：本技能剖析的本地书籍来源。