🎯 什么是 Can’t Unsee 测试？新手为啥非练不可？
刚入行的 UI 设计新手，是不是总觉得自己的设计差点意思？色彩搭得别扭，间距调得奇怪，却不知道问题在哪？我当年刚学 UI 的时候，也犯过这些错，直到撞见 Can’t Unsee，才算真正开了窍。
简单说，Can’t Unsee 是个互动式 UI 设计测试平台。它不教你理论，直接甩给你两组设计 —— 一组是行业认可的优质案例，另一组是藏着各种小毛病的 “错误示范”。你的任务？找出后者到底烂在哪。
别觉得这很简单。我见过不少新手，对着两个看起来差不多的按钮，愣是看不出一个间距多了 2px，一个阴影透明度错了 5%。但用户眼睛毒啊，这些 “差不多” 的细节，恰恰是他们觉得 “这设计不舒服” 的根源。
为啥新手必须练这个？因为 UI 设计的核心是 “用户直觉”，而直觉不是天生的。Can’t Unsee 最狠的地方，就是用 “找茬” 的方式，把那些书本上抽象的 “色彩对比原则”“间距黄金比例”，变成你眼睛能直接感受到的 “不对劲”。练上一个月，你看自己的设计时，会突然发现：“哦！这里的红色太扎眼了”“这行字和下面的按钮贴太紧了”—— 这种敏感度，比背十本设计书都管用。
🌈 从 Can’t Unsee 的色彩错题，揪出你最容易踩的 3 个坑
色彩这块，Can’t Unsee 的测试题简直是为新手量身定做的 “避坑指南”。我整理了自己当年做错最多的 3 类题，你看看是不是也中枪了。
第一坑：对比度不够，信息直接 “隐身”
有一道题我记特别牢：白色背景上放浅灰色文字，和正确的深灰色文字放一起。我第一次做的时候，盯着屏幕看了半分钟，心里还嘀咕 “这不都一样吗？” 结果答案出来，脸都红了 —— 浅灰文字在阳光下几乎看不清，这在实际设计里，就是逼着用户放弃阅读。
后来我才明白，色彩对比度不是 “我觉得看得清”，而是要符合 WCAG 标准（至少 4.5:1）。Can’t Unsee 会在错题解析里直接给你标出来 “对比度 2.3:1，不及格”，比任何理论都直观。现在我做设计，第一反应就是拉对比度检查工具，这习惯就是被它逼出来的。
有一道题我记特别牢：白色背景上放浅灰色文字，和正确的深灰色文字放一起。我第一次做的时候，盯着屏幕看了半分钟，心里还嘀咕 “这不都一样吗？” 结果答案出来，脸都红了 —— 浅灰文字在阳光下几乎看不清，这在实际设计里，就是逼着用户放弃阅读。
后来我才明白，色彩对比度不是 “我觉得看得清”，而是要符合 WCAG 标准（至少 4.5:1）。Can’t Unsee 会在错题解析里直接给你标出来 “对比度 2.3:1，不及格”，比任何理论都直观。现在我做设计，第一反应就是拉对比度检查工具，这习惯就是被它逼出来的。
第二坑：色相乱搭，情绪全错了
有次测试里，一个理财 APP 的按钮用了红绿撞色。我当时觉得 “挺醒目啊”，结果被判错。解析里说：“理财用户需要安全感，红绿对比太刺激，容易让人联想到‘涨跌’的焦虑”。
这才是色彩设计的精髓 ——选色不是看好看，是看能不能传递对的情绪。电商用暖色调促购买，医疗用冷色调显专业，这些不是空话。Can’t Unsee 会把 “错误色相” 和 “正确场景” 放一起对比，练多了，你看到颜色就会下意识想 “这情绪对不对”。
有次测试里，一个理财 APP 的按钮用了红绿撞色。我当时觉得 “挺醒目啊”，结果被判错。解析里说：“理财用户需要安全感，红绿对比太刺激，容易让人联想到‘涨跌’的焦虑”。
这才是色彩设计的精髓 ——选色不是看好看，是看能不能传递对的情绪。电商用暖色调促购买，医疗用冷色调显专业，这些不是空话。Can’t Unsee 会把 “错误色相” 和 “正确场景” 放一起对比，练多了，你看到颜色就会下意识想 “这情绪对不对”。
第三坑：饱和度失衡，要么刺眼要么没精神
新手最容易走极端：要么把饱和度拉满，红的绿的黄的堆一起，看得人眼疼；要么全用低饱和，整个页面灰扑扑，像蒙了层雾。
Can’t Unsee 里有组题特别经典：一个新闻 APP 的标题用了高饱和橙色，是低饱和灰色，对比另一个标题饱和度降了 20% 的版本。后者看起来舒服太多，因为高饱和只适合强调重点，大面积用只会抢视线。现在我调颜色，都会先问自己：“这个元素值得让用户第一眼看到吗？” 不值得，就乖乖降饱和。
新手最容易走极端：要么把饱和度拉满，红的绿的黄的堆一起，看得人眼疼；要么全用低饱和，整个页面灰扑扑，像蒙了层雾。
Can’t Unsee 里有组题特别经典：一个新闻 APP 的标题用了高饱和橙色，是低饱和灰色，对比另一个标题饱和度降了 20% 的版本。后者看起来舒服太多，因为高饱和只适合强调重点，大面积用只会抢视线。现在我调颜色，都会先问自己：“这个元素值得让用户第一眼看到吗？” 不值得，就乖乖降饱和。
📏 间距设计没概念？测试里的 “反例” 比教科书还管用
间距这东西，说起来就几个像素的事，但新手能把它玩出各种 “灾难现场”。Can’t Unsee 里的间距错题，简直是大型 “反面教材” 展览，我挑两个最典型的说说。
元素挤成一团，用户眼睛 “转不动”
有个测试题是两个列表页，一个元素之间留白 10px，一个留白 20px。我一开始觉得 “10px 更紧凑，能放更多内容”，结果错了。解析里放了用户眼动轨迹图：紧凑的页面里，用户视线在元素间跳来跳去，像在迷宫里绕；留白够的页面，视线顺着间距自然流动，一眼就能扫完。
这就是为什么说留白不是浪费空间，是给视线修路。现在我做列表设计，必留至少 16px 间距，哪怕少放一行内容，也不能让用户看得累。Can’t Unsee 教会我的是：设计是为用户省时间，不是为屏幕省空间。
有个测试题是两个列表页，一个元素之间留白 10px，一个留白 20px。我一开始觉得 “10px 更紧凑，能放更多内容”，结果错了。解析里放了用户眼动轨迹图：紧凑的页面里，用户视线在元素间跳来跳去，像在迷宫里绕；留白够的页面，视线顺着间距自然流动，一眼就能扫完。
这就是为什么说留白不是浪费空间，是给视线修路。现在我做列表设计，必留至少 16px 间距，哪怕少放一行内容，也不能让用户看得累。Can’t Unsee 教会我的是：设计是为用户省时间，不是为屏幕省空间。
对齐乱了，页面像 “散架了”
最让我崩溃的一次测试，是找两个卡片设计的区别。一个卡片里的图标、文字、按钮全对齐了左边缘，另一个稍微歪了一点点。我愣是没看出来，最后对着网格线才发现 —— 图标偏右 2px，按钮偏左 3px。
别觉得 “就几像素而已”，用户虽然说不出 “哪里歪了”，但会本能觉得 “这设计不精致”。Can’t Unsee 会用虚线把对齐线标出来，让你明白 “对齐不是凭感觉，是要钉死在网格上”。现在我设计任何元素，都先开网格，这习惯救了我无数次。
最让我崩溃的一次测试，是找两个卡片设计的区别。一个卡片里的图标、文字、按钮全对齐了左边缘，另一个稍微歪了一点点。我愣是没看出来，最后对着网格线才发现 —— 图标偏右 2px，按钮偏左 3px。
别觉得 “就几像素而已”，用户虽然说不出 “哪里歪了”，但会本能觉得 “这设计不精致”。Can’t Unsee 会用虚线把对齐线标出来，让你明白 “对齐不是凭感觉，是要钉死在网格上”。现在我设计任何元素，都先开网格，这习惯救了我无数次。
📝 手把手教你玩透 Can’t Unsee：3 步从小白到 “找茬大师”
说了这么多，肯定有人想问 “这测试到底怎么用？” 别着急，我把自己摸索出来的方法教给你，亲测对新手超有效。
第一步：从 “基础模式” 开始，别上来就挑战高难度
第一次登录 Can’t Unsee（官网很好找，直接搜名字就行），默认是基础测试，全是色彩、间距、对齐这些基础题。你千万别手欠点 “进阶”，不然全是动效、层级的坑，能把你自信心锤碎。
每天花 10 分钟，做 10 道基础题，做错了就盯着解析看 5 分钟，把 “错误点” 记在笔记本上（比如 “3px 间距误差”“对比度不足”）。坚持一周，你会发现自己对 “不对劲” 的敏感度明显提升。
第一次登录 Can’t Unsee（官网很好找，直接搜名字就行），默认是基础测试，全是色彩、间距、对齐这些基础题。你千万别手欠点 “进阶”，不然全是动效、层级的坑，能把你自信心锤碎。
每天花 10 分钟，做 10 道基础题，做错了就盯着解析看 5 分钟，把 “错误点” 记在笔记本上（比如 “3px 间距误差”“对比度不足”）。坚持一周，你会发现自己对 “不对劲” 的敏感度明显提升。
第二步：错题一定要 “反向推演”，别只看分数
很多人做完题看一眼分数就关了，这就白瞎了这个工具。我当年会把错题截图，放到 Figma 里，自己对着做一个 “修正版”。比如看到 “按钮颜色太亮”，就调暗几个色阶，再和正确答案对比。
这个 “动手改” 的过程，比做 100 道题都管用。因为你不仅知道 “错在哪”，还知道 “怎么改对”。改完之后，再把这些修正思路记下来，比如 “按钮饱和度降低 15% 更和谐”，慢慢就形成自己的设计库了。
很多人做完题看一眼分数就关了，这就白瞎了这个工具。我当年会把错题截图，放到 Figma 里，自己对着做一个 “修正版”。比如看到 “按钮颜色太亮”，就调暗几个色阶，再和正确答案对比。
这个 “动手改” 的过程，比做 100 道题都管用。因为你不仅知道 “错在哪”，还知道 “怎么改对”。改完之后，再把这些修正思路记下来，比如 “按钮饱和度降低 15% 更和谐”，慢慢就形成自己的设计库了。
第三步：把测试里的 “原则” 套到实际项目里
光做题没用，得用到真设计里。我刚开始练的时候，每次做完测试，就打开自己正在做的页面，用学到的眼光挑错。比如刚做完 “间距错题”，就去检查自己设计的列表，果然发现头像和文字间距太近了。
你也可以这么做：做完测试后，打开一个你觉得 “还不错” 的 APP，试着用 Can’t Unsee 的视角找问题。比如看看微信的按钮间距、淘宝的色彩搭配，你会发现 “原来优秀的设计，全是这些细节堆出来的”。
光做题没用，得用到真设计里。我刚开始练的时候，每次做完测试，就打开自己正在做的页面，用学到的眼光挑错。比如刚做完 “间距错题”，就去检查自己设计的列表，果然发现头像和文字间距太近了。
你也可以这么做：做完测试后，打开一个你觉得 “还不错” 的 APP，试着用 Can’t Unsee 的视角找问题。比如看看微信的按钮间距、淘宝的色彩搭配，你会发现 “原来优秀的设计，全是这些细节堆出来的”。
🚨 别只盯着分数！测试后这 2 件事才是提升关键
最后想吐槽一句：很多人做 Can’t Unsee，天天盯着 “正确率 90%” 沾沾自喜，这完全搞错重点了。这测试不是让你当 “找茬冠军”，是让你把这些 “找茬能力” 变成自己的设计直觉。
第一件事：建立自己的 “错误清单”
我有个同事，把自己在 Can’t Unsee 里做错的所有类型，整理成了一张表：“色彩类”“间距类”“对齐类”，每个类别下面写着 “常见错误” 和 “修正方法”。每次做设计前，他都扫一遍这张表，相当于给自己打预防针。
这方法我也在用，现在我的清单已经记了 30 多条，基本能覆盖 80% 的新手坑。你也赶紧弄一个，绝对比任何教程都实用。
我有个同事，把自己在 Can’t Unsee 里做错的所有类型，整理成了一张表：“色彩类”“间距类”“对齐类”，每个类别下面写着 “常见错误” 和 “修正方法”。每次做设计前，他都扫一遍这张表，相当于给自己打预防针。
这方法我也在用，现在我的清单已经记了 30 多条，基本能覆盖 80% 的新手坑。你也赶紧弄一个，绝对比任何教程都实用。
第二件事：定期 “复盘”，看看自己进步在哪
我每隔一个月，就会把一个月前做错的题再做一遍。第一次做 “红色按钮配绿色背景” 那道题，我错得离谱；一个月后再做，扫一眼就知道 “互补色对比太强，不适合重要按钮”。这种 “一眼看穿” 的感觉，就是进步的证明。
而且你会发现，随着水平提升，你关注的点会从 “色彩、间距” 变成 “层级、动效”，这说明你已经从 “基础合格” 迈向 “进阶优秀” 了。
我每隔一个月，就会把一个月前做错的题再做一遍。第一次做 “红色按钮配绿色背景” 那道题，我错得离谱；一个月后再做，扫一眼就知道 “互补色对比太强，不适合重要按钮”。这种 “一眼看穿” 的感觉，就是进步的证明。
而且你会发现，随着水平提升，你关注的点会从 “色彩、间距” 变成 “层级、动效”，这说明你已经从 “基础合格” 迈向 “进阶优秀” 了。
说真的，UI 设计这行，天赋很重要，但更重要的是 “对细节的敏感度”。Can’t Unsee 最牛的地方，就是用最笨但最有效的方式，帮你打磨这种敏感度。我见过太多新手，学了一堆理论却做不出像样的设计，就是因为眼睛 “看不明白”。
如果你也是刚入行，别再死磕教程了，赶紧去试试 Can’t Unsee。一个月后再回头看自己的设计，你会感谢今天的决定。
如果你也是刚入行，别再死磕教程了，赶紧去试试 Can’t Unsee。一个月后再回头看自己的设计，你会感谢今天的决定。
【该文章由dudu123.com嘟嘟 ai 导航整理，嘟嘟 AI 导航汇集全网优质网址资源和最新优质 AI 工具】
