用途
design-critique 是一个结构化的 UI/UX 设计评审技能,用于对给定的设计描述进行多维度评估,并给出具体、可执行的改进建议。它定位为资深 UI/UX 设计师视角的评审助手,适合在界面评审、设计走查和方案讨论时使用。
主要能力
技能按固定流程分析设计,覆盖以下维度:
- 视觉层级与布局:评估用户能否立即识别最重要的操作,检查布局平衡与网格对齐。
- 排版:评估字体搭配、可读性评分与字号比例一致性。
- 色彩与对比度:评估配色和谐度、WCAG 合规性与情感表达。
- 布局与间距:评估网格对齐、留白使用与组件平衡。
- 可访问性:检查色彩对比度、触控目标尺寸与屏幕阅读器兼容性。
输出格式包含设计名称、总分(X/10)、各维度的优点、问题与建议,以及按优先级排列的行动项(关键修复、重要改进、锦上添花)。
使用方式
向技能提供一段设计描述,它便会按上述流程分析并输出评审报告。技能内置评审框架,围绕用户结果提出五个问题:视觉层级是否让用户立即找到最重要的操作;认知负荷是否过高;相似元素是否表现一致;可交互元素是否看起来可交互;是否存在视觉或运动障碍用户的使用障碍。每个批评都要求配上具体建议,例如“CTA 难以找到”本身不被视为有效反馈。
技能还附带一份质量检查清单:在最小预期显示尺寸下验证对比度与可读性;尺寸、出血与安全区符合目标输出媒介;颜色不单独承载含义,需配合图标或文字;确认素材授权与字体嵌入权利。
适用场景
适合界面方案的评审与走查、设计交付前的自查、可访问性初筛,以及在设计讨论中生成结构化反馈。
限制
技能要求提供设计描述才能评审;交付评审时必须说明媒介及其约束,不能仅依赖颜色传达状态或含义,也不能在未确认目标平台规格的情况下交付导出文件。任务需要时可加载 references/wcag-design-checklist.md 参考清单。具体收费、平台与集成方式暂未提供。