用途
design-score 是一个快速设计评分卡(Quick Design Score Card),用于在 2 分钟内对项目的设计质量进行快速评估。当用户要求设计评分或希望了解其界面设计水平时使用。
主要能力
该工具覆盖 12 个设计维度进行评分,包括:
- Color System(色彩系统)
- Typography(排版)
- Layout & Spacing(布局与间距)
- Components(组件)
- Accessibility(无障碍)
- Visual Hierarchy(视觉层级)
- Interaction(交互)
- Responsiveness(响应式)
- Visual Polish(视觉打磨)
- Performance UX(性能体验)
- IA & Flows(信息架构与流程)
- Platform(平台适配)
每个维度给出 0-10 的分数,并计算加权总分,同时输出整体评级(如 Good)。
使用方式
流程如下:
- 快速扫描项目的样式和组件文件
- 对每个维度进行快速评分(基于启发式规则,而非深度审计)
- 计算加权总分
- 识别影响最大的 5 项改进建议
- 输出简洁的评分卡
输出示例
输出包含总分、各维度分数(带条形图可视化)以及 Top 5 改进建议。改进建议按优先级标注为 critical(严重)、important(重要)、suggestion(建议)。例如:
- [critical] Add focus indicators for keyboard navigation
- [important] Body text contrast is 3.2:1, needs 4.5:1
- [important] Consolidate 47 unique colors to ~20
- [suggestion] Add skeleton screens for data loading
- [suggestion] Establish consistent spacing scale (currently 23 unique values)
适用场景
- 需要快速了解项目整体设计质量
- 希望在短时间内获得可操作的设计改进方向
- 对界面进行轻量级设计审查
限制
该工具为快速扫描和启发式评分,并非深度审计。评分基于项目样式与组件文件的快速扫描,不涉及完整的用户体验测试或详细的无障碍合规检查。具体支持的平台、安装方式、收费模式等信息暂未提供。