简要说明
- Method of Action 的五款免费网页游戏——Kern Type、The Bézier Game、Shape Type、The Boolean Game 和 Color——仍是练设计基本功最好的组合。2026 年 10 月 21 日均可在 method.ac 使用。
- Can't Unsee 训练设计师最常使用、却最少单独练习的判断：发现界面中细微的不对劲。
- 颜色方面，X-Rite 免费色相测试用于单次辨别测量；Chromatch 和 DeltaE 则把识别与记忆做成游戏。
- Percore 是唯一以每日测量而非一次性游戏设计的选择，持续为颜色、对比度、明度、形状、距离和旋转评分。
- 这些工具都只训练自己测试的具体判断。没有一款能单独把你变成更好的设计师，也没有谁这么声称。
这份清单如何整理
2026 年 10 月 21 日，我们逐一打开网页游戏，并对照各应用官方商店页面核实。价格为当天显示的美元金额。没有按评分或人气排名，而是按所练判断排序，从字形、颜色到空间。本站所属的应用 Percore 按其测量内容列出，没有被当作前面设计基本功游戏的替代品。
游戏与应用
Kern Type
- 适合
- 字母间距：让文字从输入变成排版的判断
- 平台
- Web
- 价格
- 免费
Mark MacKay 为 Method of Action 制作的字距游戏，是多数设计师玩过、也最值得重玩的选择。单词的字母间距被打乱，你拖动到看起来均匀的位置，再按排版师方案获得百分制评分。你摆放的位置与排版师的位置差距，为多数人从未核验过的判断提供精确、即时反馈。
游戏很短，自 2011 年上线至今，仍是设计眼力游戏最清楚的范例：一个判断，一个量化答案。
局限. 词汇集合固定，因此第二次玩也部分测试你对第一次的记忆。
The Bézier Game
- 适合
- 钢笔工具，以及尽量少用锚点的习惯
- 平台
- Web
- 价格
- 免费
你用钢笔工具描轮廓，按是否能用尽量少的锚点干净完成来评分。钢笔工具是矢量软件里最常被回避的工具，因为它奖励规划，而非随意拖动；游戏教的正是规划。它既练操作，也练看出曲线在哪里转向。
画矢量图标、标志或插图的人，玩几轮就能在工作中感到差别。
局限. 更侧重工具技巧，而非视觉判断；不涉及颜色、间距或比例。
Shape Type
- 适合
- 字形曲线：看出一个字哪里不对
- 平台
- Web
- 价格
- 免费
屏幕显示一个字母，一条或多条曲线被扭曲。你拖动控制点，直到字母看起来正确，再与原字体比较评分。它训练的是看字母自身形状的眼力——字体设计师能具体看见，而其他人只觉得“哪里不对”的东西。
比 Kern Type 更难，也更能暴露问题：多数人会发现，自己早已看得出曲线不对，却还看不出具体哪里不对。
局限. 刻意聚焦，只关注字形，不做其他事。
The Boolean Game
- 适合
- 用合并、减去与相交构建形状
- 平台
- Web
- 价格
- 免费
给定目标形状，你把简单形状通过布尔运算——合并、减去、相交、排除——组合出来，步骤越少越好。这是空间分解谜题：把复杂形状看作若干简单形状的叠加，而图标和标志实际就是这样做出来的。
它是 Method of Action 中最像游戏的一款，也最直接训练空间判断，而非单纯视觉判断。
局限. 是构建技能，不是感知测量；不会测试你看得有多准。
Color (Method of Action)
- 适合
- 色彩和谐：色相、饱和度、补色与三角色
- 平台
- Web
- 价格
- 免费
一个色轮，一系列关卡：先匹配色相，再匹配饱和度、补色和三角色，每项都计时。它是组合中唯一把颜色当作设计师工作模型——色相、饱和度及色轮关系——而不是像素来处理的游戏。它让补色和三角色关系变得可操作，这是理论页面做不到的。
计时正是重点。对色彩和谐的判断应当逐渐变快。
局限. 匹配时目标仍可见，因此练的是关系，不是颜色记忆。
Can't Unsee
- 适合
- 发现细微有误的界面
- 平台
- Web
- 价格
- 免费
两张几乎相同的 iOS 界面，其中一张在间距、对齐、尺寸、颜色、字重或层级上略有问题。你选择正确的一个，共三轮，难度递增，评分还考虑反应时间。由工程师 Alex Kotliarskyi 和产品设计师 Amanda Hum 制作。测的是审阅判断，而非制作判断——多数设计师整天都在使用，却几乎从不单独检验的能力。
多数人到第三轮都会收起自信，这就是它提供的信息。
局限. 界面集合固定，且只有 iOS 风格；玩过之后就知道答案了。
X-Rite Online Colour Challenge
- 适合
- 一次严肃的色相辨别测量
- 平台
- Web
- 价格
- 免费
这是 Farnsworth-Munsell 100 Hue Test 的简化版。后者用于评估色彩精度要求高的行业：四排色块，两端固定，拖动按色相排序。零分完美，圆形图指出你在光谱哪个区域辨别最弱。X-Rite 明确说明，这不是诊断工具，显示器、光照、疲劳和年龄都会影响结果。
在昏暗房间中，用校准过的屏幕做一次并保留结果。这是设计师免费能获得的、最接近专业色彩评估的选择。
局限. 是测试，不是练习；反复做会记住色块。
Chromatch and DeltaE
- 适合
- 把颜色识别和颜色记忆做成游戏
- 平台
- iPhone and iPad
- 价格
- 根据 2026 年 10 月 21 日各自页面，两者均免费
两款值得放在手机上的颜色游戏。Chromatch 显示目标和六个候选色，约一秒后隐藏目标，让你选择，以 Delta E 评分；有每日挑战、等级和对决。DeltaE 显示颜色后隐藏，让你用色相、饱和度和明度滑块重现，按标准色差公式 CIEDE2000 评分。前者训练识别，后者训练重现，而重现更难也更实用。
色彩感知测试清单有更详细介绍。
局限. 两者都没有跨周历史，因此无法展示你是否在进步。
Percore
- 适合
- 每天持续测量颜色、对比度、明度和空间判断
- 平台
- iPhone
- 价格
- 每日练习免费；Pro 每年 US$39.99 或每周 US$4.99
前面的都是偶尔或一次玩完的游戏，Percore 则是每天做的测量。免费练习有四项：全屏颜色消失后，用色相、饱和度和明度滑块重现；一个音高；一段时长；一个网格三角形消失后，恢复其位置、旋转和大小。每项按公开公式评为 0 至 100 分。每天新目标，同一天所有人相同，每次练习都更新相应感知测量结果，与自己最近几周比较。
设计师相关模块包括颜色，以及 Pro 中的对比度（分辨细微变化）、明度（凭眼睛匹配亮度）、形状、距离（判断两点实际相距多远）和旋转（读出角度并精确匹配）。它不声称改善设计能力，只承诺如实告诉你：设计所依赖的判断，是否正在变得更准确。
局限. 没有字体、布局或工具技巧；测量感知，不测设计。
不同判断，如何选择
| 判断 | 游戏 |
|---|---|
| 字母间距 | Kern Type |
| 字形曲线 | Shape Type |
| 钢笔工具与干净曲线 | The Bézier Game |
| 把复杂形状拆成简单形状 | The Boolean Game |
| 色轮上的色彩和谐 | Color（Method of Action） |
| 发现有误的界面 | Can't Unsee |
| 单次测量色相辨别 | X-Rite 色相测试 |
| 用游戏练颜色识别与记忆 | Chromatch、DeltaE |
| 每天测量颜色、对比度、明度和空间判断 | Percore |
这些工具都不能做什么
每款都训练它所测试的判断，知觉学习研究也一致表明，进步与任务相近。Kern Type 能让你更擅长调字距，却不能让你成为字体排版师。对颜色有敏锐判断，也不会替你选配色。游戏值得玩，是因为训练的判断真实存在、平时却很少被检验，而不是因为它们能让审美走捷径。审美仍要慢慢建立：看大量好作品，也做大量不够好的作品。这些工具帮助你在此过程中确认，眼睛提供的判断是否准确。
测量设计所依赖的眼力。
在 App Store 下载常见问题
Method of Action 的游戏还在吗？
在。2026 年 10 月 21 日，Kern Type、The Bézier Game、Shape Type、The Boolean Game 和 Color 均在 method.ac 免费提供，另有网站的免费矢量编辑器 Method Draw。
新手应该先玩哪款？
Kern Type。时间短，反馈精确，几乎每个人都会发现自己对均匀间距的判断不如想象中可靠。第二款适合玩 Can't Unsee。
这些游戏能让我成为更好的设计师吗？
它们让各自测试的具体判断更准确，也只作这项主张。设计技能来自看大量好作品和做大量自己的作品；这些工具让你在过程中保持眼力准确。
有每日练习版本吗？
Percore 就按此设计：颜色、对比度、明度、形状、距离和旋转都有评分练习，每天新目标，保留跨周记录。不涵盖字体或工具操作。
你们实际测试过这些游戏吗？
2026 年 10 月 21 日，我们逐一打开网页游戏，并对照各应用官方页面核实，介绍不超出所见内容。价格为当天显示；免费网页游戏可能下线，链接失效时也可能是网站搬迁。