体验碎周报第 276 期（2026.4.13）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
大产品小细节
Sunny Mode：用斑驳光影让界面呼吸
深色模式（Dark mode）和浅色模式（Light mode）大家都很熟悉了，你听过还有一个日光模式（Sunny Mode）吗？ 也被叫做斑驳光影（Dappled Light），打破传统 UI 的扁平感。通过模拟自然光线透过树叶或百叶窗在地板、墙面上留下的动态投影，让数字界面具备了某种物理世界的「呼吸感」。 除了 Sunny Mode，还延伸出的 Rainy Mode 或 Moonlight Mode 其实都在做同一件事：利用音效和动态视觉，给用户提供一种沉浸式的环境体验。
🔗：https://www.uisdc.com/hunter/0221665840.html
把差评做成「已改善」勋章：用回应建立信任
乐刻运动在评价体系里玩了一个很高级的心理转场：它没把负面评价当成「家丑」，而是做成了「勋章」。在全部评价的 tab 旁边，赫然立着一个「已改善」的标签，点击进去，你会发现那些尖锐的吐槽——教练拽、屋子闷、设施坏——都被配上了具体的改善措施和明确的时间戳。 用户在评价区寻找风险信号时，他们最怕的不是「问题本身」，而是「问题没回响」。这种细节的真实感能迅速冲抵用户心中的不确定性。看到商家在认真解决问题，用户对品牌的信任感往往比从未出过问题的品牌还要高。
🔗：https://www.uisdc.com/hunter/0221665795.html
badclaude：用“鞭子”把 AI 物理化的荒诞交互
这个叫 badclaude 的小工具很幽默，打开后桌面上会多一根鞭子，用鞭子抽一下 Claude，Claude 就会开始干活。 这种把数字交互「物理化」的表达方式，带有一种荒诞的幽默感。把 AI 当做苦工，体罚才会加速干活。这根鞭子给了一个情绪出口：当我觉得你慢的时候，我可以通过「抽打」这个动作来介入。
🔗：https://www.uisdc.com/hunter/0221665835.html
把轮播图玩成横向卷轴：小红书全景拆分思路
看到长安设计中心在小红书发的汽车外饰草图，第一反应不是「图画得真好」，而是「这个发动态的思路真绝」。他们把一张极长的全景设计稿等分切成了好几段，利用小红书轮播图左右滑动时的无缝衔接，硬生生在不支持全景图的平台里，造出了一个「横向卷轴」的沉浸感。这种滑动过程中线条的延展，比放一张缩得小小的全景缩略图要震撼得多。
🔗：https://www.uisdc.com/hunter/0221665554.html
推荐阅读
设计师的 Vibe Coding 完整工作流
这篇其实是在教 UI/UX 设计师：别再纠结“要不要学前端”，而是学会怎么高效指挥 AI 把前端 UI 写出来，还能让开发心甘情愿接你的代码。作者把从接需求、搭环境、写 CLAUDE.md，到用 AI 产出 PRD、Mock 数据、静态 UI、交付文档，全拉成一条可复用流水线。说白了，就是把“会写前端”的门槛拆成一堆设计师能掌控的步骤。
🔗：https://vibecodingfang.netlify.app/#
B端体验设计探索：如何缓解用户视觉疲劳
京东物流体验团队没有「加个深色模式就完事了」，而是真下场做了眼动实验、心率监测、现场调研的一整套B端护眼方案总结。对象是长时间盯客服工作台的一线员工，最后推演出灰/黄/绿三套护眼主题，并在全国系统上线，统计了开启率和反馈。说白了，这是少见把「工位眼睛不累一点」当生产力问题来认真搞的B端色彩案例。
🔗：https://mp.weixin.qq.com/s/B2hqwLKrsDSNsq7YmRhKuA
如何在 AI 时代保持自己的专注力？
这篇就是一个在 AI 热潮里“清醒一点”的自救指南。作者一针见血：你以为自己在学 AI，其实是在刷焦虑——追热点、囤信息源、到头来啥都没真正搞懂。文章先拆解这种“学不完又停不下”的循环，然后给了四个很接地气的操作：关掉干扰、反向调教算法、老老实实打基本功、以及做到身心合一。说白了，就是教你别再被 AI 卷着跑，而是用问题驱动学习，把专注力抢回来。
🔗：https://mp.weixin.qq.com/s/ZhvCn18vS6NliIy4B_kG1g?scene=1&click_id=21
工具资源
Flowingto — 把零散 App 截图变成你自己的 UI 设计资料库
主要为设计师打造的专注于收集真实产品界面设计的平台，类似于自己给自己搭建了一套 Pinterest 与 mobbin 的集合体，自己截图上传。能按页面、按版本、按用户流程去整理，还能在图上加批注、热点，变成真正在工作里会翻、会用的 UI 参考库。
最近还提供 flowingto CLI，无需再手动截图收集产品界面，现在你可以让 agent 使用浏览器自动获取截图并上传到 flowingto 。
Liaison - 把任意网页变成可直接改的 Figma 画板
在真实网页上，像在 Figma 里一样点元素、改样式、加批注，然后一键导出成结构化 Prompt，丢给开发或 AI 去实现。省掉截图、写文档、反复解释这些又蠢又耗时的步骤。对高频改版、远程协作、AI 辅助开发的团队来说，这东西挺对路子。
All SVG Icons — 一个把主流图标库都搜罗好的超级图标搜索引擎
把 Material、Fluent、Heroicons、Font Awesome、Devicon、各种品牌 Logo、Emoji、Web3/Crypto 图标等 200 多个库、25 万+ SVG 图标都收进来，统一搜索、预览、下载，还能直接拿 SVG / PNG / JSX / Base64。
AWESOME DESIGN.md — 用现成「大厂设计说明书」，喂给 AI 直接长出同款 UI
这个上一期周刊和大家推荐过，把众多设计系统的视觉风格打包成AI能理解的md说明书，只是当时这个工具连个官网都没做，这次做好官网之后更直观，可以直接找对对应的设计系统的md文件。
产品发现
SBTI 人格测试 — MBTI 之后，又一个「互联网人格测评梗」来了
本周最火的产品，从B站出圈的搞怪人格测试，号称「MBTI 已经过时，SBTI 来了」，结果页会用各种犀利词汇给你贴标签，比如你现在看到的 CTRL（拿捏者）。是一个包装得挺互联网、挺有梗的性格吐槽生成器，用来自嘲、发朋友圈还挺好玩，但绝对别太当真。
飞搜 - 飞书文档搜索引擎
给“飞书云文档”装了外接搜索引擎的工具，把全网公开的飞书文档扒出来做索引，再按“知识库”维度聚合展示，再加一层 AI 推荐。
Artificial Analysis - 全网大模型战力榜+性价比雷达图
把主流大模型拉到同一考场，按「智商、速度、价格、是否开源、API 性能」一口气横评的仪表盘。用一堆基准算出一个「Intelligence Index」。你可以很直观地看到：哪家最聪明、谁最快、谁最便宜、哪家又强又开源。这周突然爆红据说超过seedance2.0的新视频模型HappyHorse-1.0，就是这个网站上先爆出来的。
🔗：https://artificialanalysis.ai/
Glass — 把浏览器、编辑器和终端塞进一个原生开发环境的「一体机」
一个「浏览器 + 代码编辑器 + 终端」打包在一起的原生 Mac 开发工具，你可以在一个窗口里写代码、开本地预览、查文档、看网络请求，还能直接敲命令行。它底层用的是 Zed 的编辑器，再加上内置浏览器和终端，目标就是：少切窗口、多写代码。现在开源，界面看起来很干净克制，有点「新一代 VS Code 替代品」那味儿，但还比较早期生态。
Cookey — 让AI 帮你登网站
Cookey是在帮「需要登录的网站」这最后一公里铺路。场景很具体：你想让 Playwright/AI Agent 去操作 GitHub、Twitter 这种需要登录的站，但账号在你手机上、人机验证也要你点。Cookey的做法是：终端里起个登录请求 → 手机扫个 QR → 在 App 里正常登录 → 会话加密丢回终端给 Agent 用。不开账号、不存库、自建 relay 也行。
The Useless Web — 一键随机“瞎逛互联网”的无聊快乐按钮
点一下就跳到一个稀奇古怪的小站，比如只有一只会跳的动物、一个无聊的小交互。这玩意儿没生产力属性，纯属杀时间和感受早期个人网站那种怪诞创造力。
🍆 — 一个用 Three.js 做的 3D 茄子小玩
域名用的是 emoji，这还是第一次见，用 Three.js + Wiggle 动效做了个会抖的 3D 茄子，摇动鼠标茄子就会 Q 弹的抖动。
洒了么小程序-开车能把“咖啡晃不洒”的智驾舒适度测评
小鹏做的一个智驾“体感测试”小工具：你把手机放在车里扶手箱充电位，小程序会假装杯子里装满了咖啡（不是真的咖啡），然后通过手机加速度传感器记录行程中的颠簸、急加减速、急打方向盘之类，一晃就“洒咖啡”。最后给你一个舒适度/平稳度评分。好玩在名字“洒了么”够土又够记，非小鹏车主也能用。
AI机器人之家 — 一页看完全球AI机器人
全网都在卷大模型，但你发现没——春晚上跳舞的、工厂里拧螺丝的、家里陪娃聊天的，AI机器人已经悄悄落地了，而且数量远比你想的多。AI星踪岛做了个「AI机器人之家」，把400+款机器人整理成了一个可筛选的数据库：按外形分有人形、轮式、仿生动物，按用途分有科研、陪伴、工业协作，每款点进去都有详细参数卡。适合做行业调研，也适合纯逛——建议从「仿生动物机器人」开始，会发现不少没见过的新物种。
相关资讯
Seedance 2.0终于支持真人参考了！
只要在libtv上传的人脸点一下合规校验，就能拿来给seedance2.0生成视频了。详细教程参考链接：https://mp.weixin.qq.com/s/Seci-Yz-8Dxjs1RHG2XgiA?scene=1
游戏开发团队测试500款AI工具 仅6款具备实用价值
Keywords Studios 这种给《心灵杀手 重制版》《死亡岛2》做外包的大厂，自己撸起袖子测了500多款“给游戏开发用的AI工具”，最后只有大概6款被评为真有用。现在市面上大部分游戏AI工具都是“看起来很酷、实战很废”，团队先想着模型能干啥，而不是先搞清楚游戏开发到底有什么痛点。配套的问题还有：公司乱上AI、不讲清楚策略和规范，导致开发者一边被迫用，一边又本能排斥。
🔗：https://www.3dmgame.com/news/202604/3941787.html
招聘信息
Ramp 招聘AI产品设计师
这个求职我估计大部分读者用不上，但是它的招聘要求里面却可以看到，AI 时代对产品设计的要求起了变化：
- “Start in an LLM”（从 LLM 开始） — 使用 Claude 等工具来厘清意图、起草简短的 PRD、发现风险、边界情况和初始方案
- 用 AI 工具做原型 — 使用 Cursor 和 Claude Code 来构建和迭代流程与简单界面，让 AI 生成代码，而设计师负责引导结构、行为和用户体验质量 Ramp
- Figma 被后置了 — 将经过验证的概念带入 Figma，做完整状态覆盖、系统对齐和生产就绪
- 分享 prompts 和模式 — 与设计组织分享提示词、模式和经验，参与评审以提高质量标准
相比于现在的设计师，要求发生了很大变化。首先是工作流彻底变了：以前的核心是 Figma，现在的核心是用大模型来理清思路，用大模型来产出原型并进行快速验证。最后才采用 Figma（Figma 从起点变成了终点）
第二是对视觉技能的要求没那么强了。而且不只是要求你是设计工具的使用者，还要要求你变成 AI 工具的流程编排者。
我觉得这个招聘要求蛮有启发的。
为了以后从业生涯能更长久，我觉得大家也可以多思考一下：AI 时代的产品设计师，真正要求的能力是什么？
🔗：https://jobs.ashbyhq.com/ramp/eca54d0e-232a-4c3e-bfcc-d6c6add393f5
体验碎周报第 276 期（2026.4.13）
