体验碎周报第279期 (2026.5.11)
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
大产品小细节
千问的网页版液态玻璃界面
苹果推出液态玻璃后，在手机、手边、mac上都已实施，但网页版却没有。这不千问率先在网页上采用了液态玻璃效果，半透明的毛玻璃面板、背后的艺术视频隐约透出来、按钮 hover 时还有光线扭曲的折射效果，整个页面看起来像在一块有厚度的玻璃后面流动。AI 产品里做视觉做到这个程度的，真的不多。
🔗：https://www.uisdc.com/hunter/0221668068.html
灵光 App的AI等待沉浸感动效
灵光 App 的开眼功能，摄像头对准什么就识别什么。按下快门的瞬间，整个画面流光溢彩地闪了一下，像是有什么能量脉冲从中心炸开，然后四周迅速压暗，视觉焦点被收拢到中央，几个操作按钮才从暗色里浮现出来。给AI 正在处理这个本来无聊的等待环节注入了仪式感。
🔗：https://www.uisdc.com/hunter/0221668074.html
来自 张老三
Lovart AI矢量造字
造字体，那可是个体力活。从定骨架、抠细节到调字间距，没个个把星期根本拿不下来。现在Lovart推出AI造字，只要上传参考图片和简单的文字提示，就能生成能改色、能调字号的矢量字体文件。背后涉及到的不仅仅是生图算法，还有精细的矢量化处理和字符编码映射。
🔗：https://www.uisdc.com/hunter/0221667875.html
小红书关弹窗=信息流首条的巧妙留存设计
如果你在电脑上打开朋友给你分享的小红书笔记，笔记会在首页以弹窗形式打开，你关闭弹窗，这篇笔记会展示在首页信息流第一位。 一般我们看完分享链接习惯点个叉，这个内容往往就找不到了。它把「关闭」动作和「首页推荐」连在了一起，你关掉弹窗，内容就自动沉淀到信息流第一位。这不仅省去了你二次查找的麻烦，也让你在关掉窗口的一瞬间，不知不觉就开始刷起了首页。
🔗：https://www.uisdc.com/hunter/0221667825.html
声音很小也能识别的豆包输入法语音输入
在图书馆、自习室或者深夜的办公室，想发语音转文字却又怕惊动旁人。而用豆包输入法，即使声音很低，比悄悄话还小声，也能识别生成文字。 人在公共场合大声说话会产生一种「暴露感」，这种心理压力往往比打字费劲更让人难以忍受。低声识别本质上是为用户构建了一个数字化的「私密泡泡」。
🔗：https://www.uisdc.com/hunter/0221667871.html
推荐阅读
Claude Design Lead - Jenny Wen：那个把恐惧当成方向的人
这是一篇长篇人物侧写，讲的是前 Figma FigJam 负责人、现 Anthropic 设计师 Jenny Wen 怎么靠“恐惧指路”和强产品直觉，一路从系统工程学生，做到 Figma 设计总监，再主动降级去做 AI 一线 IC，以及她对“设计流程已死”的激进观点。
🔗：https://mp.weixin.qq.com/s/z6TqjLRNsGXs1GyYNe9ZUA
【视频】字节高级交互作品集｜制作思路分享
作者是前字节、阿里UX设计专家，用自己拿到字节高级交互offer的那份作品集当例子，讲它怎么从项目选择、结构安排到讲解逻辑去服务“高级岗面试”这个目标。作品集只有 15 页、5 个项目，但结果是半小时面试直通 offer。其实只是从作品集版式来看很一般，但是项目和思路非常硬核。这种能力，不做作品集都能找到工作。
🔗：https://www.bilibili.com/video/BV1t1o9B6EXT
【英文】Details That Make Interfaces Feel Better — 界面微交互设计细节清单
这是一篇「UI 手感优化指南」，专门教你用一堆细到夸张的技巧，把本来就还行的界面打磨到顺滑好用。内容包括文字换行、圆角计算、图标和进出场动画、数字排版、阴影代替描边、图片勾边等，全是前端 / 设计能直接抄走的做法。说白了，就是帮你从「像成品」变成「像精品」的那 5% 细节。
🔗：https://jakub.kr/writing/details-that-make-interfaces-feel-better
]
我把GPT-image-2生成PSD的能力打包成了Skill，免费开源
篇是饼干哥哥把 GPT‑image‑2 的「只能看、难改」变成「能分层、可编辑」的实战笔记：先用 ChatGPT + Photoshop 拆图成 PSD，再用 Codex 做了一个自动化 Skill，把 Image2 的合成图拆成多图层 PSD，效果更干净、可控，还顺手开源在 GitHub，属于设计师+AI 工程化的一个小升级。
🔗：https://mp.weixin.qq.com/s/dyo7naVRKC2Ww_WM2afasw
揭秘中转站 ：45% 假模型，9个投毒，1个偷币，还有一群活在中间层的人
因为国外模型经常封号，所以我最近在找便宜的中转站，这篇文章就介绍这里面的乱象。既有价格怎么压到离谱、模型怎么掺水造假，也有 function call 数据怎么被打包贩卖、甚至借路由器投毒、偷币的真实案例。
🔗：https://zhuanlan.zhihu.com/p/2032951488624977427?share_code=b1wuQ9mu7eDL
工具资源
Refero Styles — 设计风格搜索 + 结构化拆解工具
给设计师和 AI Agent用的「高质量设计灵感 + 风格说明书」合集。首页就把常见需求拆成标签：Minimal、Futuristic、Editorial、Monochrome、Playful…按情绪、色彩、品牌去查，点进每个 Style，会拆出颜色、排版、间距、组件，甚至生成一份 DESIGN.md 给你的 AI agent 直接看懂「这个风格长什么样」。
🔗：https://styles.refero.design/
Transitions.dev — 给前端抄作业用的动效字典
把 web app 里最常用的那几类动效——卡片尺寸变化、数字跳动、徽标提示、文案切换、菜单/弹窗/侧边栏开合、页面前进后退、图标切换——都做成了一个个独立 demo，你可以直接看效果、切 CSS/React 代码，然后一键 Copy。
🔗：https://transitions.dev/
Open Design — Claude Design 的开源平替
把Anthropic那套闭源Claude Design 产品，拆成「协议 +文件 + 本地架构」重搭了一遍。它自己不带模型，靠扫描你本机 PATH 上的 claude / codex / cursor-agent / gemini / qwen CLI，当做「大脑」，自己只负责流程：先弹出问卷锁定需求→选风格方向→加载一个 Design System→按 Skill 产出 artifact，再在 iframe 里实时预览、导出 HTML/PDF/PPTX/ZIP。
🔗：https://github.com/nexu-io/open-design
产品发现
Cat Gatekeeper — 用猫提醒你少刷社交媒体
你设定每天在 X/Instagram/TikTok/YouTube 上能刷多久，一到时间，整页被一只猫盖住，倒计时结束前你啥也干不了，只能乖乖休息。逻辑简单粗暴。
🔗：https://chromewebstore.google.com/detail/cat-gatekeeper/elbikiflgfhjdjmficnigpeegjbhdidh?authuser=2
笔记同步助手 — 跨平台内容剪藏工具
笔记同步助手的定位就是「剪藏中枢」：你在微信、公众号、小红书、知乎、微博、得到、B站、抖音、小宇宙、飞书文档、即刻等看到好内容，转发/分享一下，就自动变成 Obsidian / Notion / OneNote / 思源里的完整笔记，保留排版、图片、本地化图片、来源链接，甚至视频的逐字稿 + 时间戳、微博和 X 的原帖+精选评论结构。
🔗：https://www.bijitongbu.site/
Open Source Mac Apps —— Mac 开源软件导航站
专挑实用小工具。窗口管理、剪贴板、终端、密码管理、阅读工具、API 客户端、AI 本地跑模型，全都按类型列好。
🔗：https://indiegoodies.com/awesome-open-source-mac-apps
Narrator AI CLI Skill — 用Skill批量生成电影解说短视频
给各种 AI Agent 装上这个，搜片、选模板、挑 BGM/配音，到生成脚本、渲染视频，一条龙生成电影解说短视频
🔗：https://github.com/NarratorAI-Studio/narrator-ai-cli-skill
AndDrive-把 Android 手机“伪装成本地硬盘”的 Mac 工具
一是把安卓手机直接挂载进 Finder 侧边栏，当成本地盘一样用，拖拽文件、Quick Look 预览全都走系统原生交互；二是高清、低延迟投屏，连声音一起到 Mac 上，还能在桌面端直接唤出 Android App 列表点开应用；三是剪贴板双向同步 + 在 Android 里直接用 Mac 输入法打字，这对中文输入和多语言用户非常实用。
🔗：https://anddrive.catchingnow.com/
Masks of Luci — 持续构建的数字神话宇宙
613 个独立面具，每一个都是一条“世界观察”。网站把整个宇宙拆成 Story（10 幅叙事大作）、Skulls（50 个头骨）、Players（256 个玩家）和 Masks（613 个面具），既是艺术档案，又是完整世界观索引，对 CryptoArt / 数字叙事感兴趣的人，这里就是一级原档案。而且网站可视化效果做得非常不错。
JetBrains Air — 多智能体并行开发环境
JetBrains 新出的独立桌面工具，把 Codex、Claude Agent、Gemini CLI、Junie 这些编码Agnet放进一个控制中心，帮你给任务、分工、并行跑，还顺手把 Docker / Git worktree 隔离和代码 review 一起打包。给写代码用 AI 的人做了一套“多代理调度台”，不再靠一个终端里来回敲命令。
🔗：https://air.dev/
typeless-reset-device —— 重新恢复试用Typeess
Typeless语音输入非常好用，但是不付费的话只能免费试用一个月Pro，你可能想过到期了就重新登录一个账号继续试用，但官方把这条路堵死了，这个小工具就是把这台电脑在 Typeless 那边的“设备身份”洗干净，让它在服务器眼里变成一台新机。然后接着登录新账号免费试用。
🔗：https://github.com/estarpro1022/typeless-reset-device/
Claude Receipts — 本地打印Claude Code账单
这是一个给 Claude Code 做「会话账单」的工具：每次结束 coding session，就自动生成一张详单，能看到不同模型用了多少 token、花了多少钱，还可以直接打到热敏小票机上，做成一张真的「AI 消费小票」。把抽象的 API 花费，变成一张看得见摸得着的收据，顺便把 nerd 行为仪式化。
🔗：https://github.com/chrishutchinson/claude-receipts
相关资讯
AI Skill可以用YouMind做成付费Skill卖钱了
把 Skill 切到付费模式，设积分价格、选分类，过审后会进广场，有基础流量入口。然后你可以复制链接，自己去 X、小红书、公众号、微博到处发，相当于官方给了个货架和支付系统，流量还得你自己拉
🔗：https://youmind.com/d/RKruUH4YjiE3d6
商业短信未经同意不得发送
我国《通信短信息服务管理规定（修订）》正式实施。核心就两点：
- 商业短信必须建立在“用户明示同意”基础上，
- 运营商 / 短信服务商必须提供顺滑的拒收通道并承担可追溯责任。以前很多品牌、平台玩的是“默认勾选”“模糊授权”——办个卡、下个单、参加个活动，莫名其妙就被算作“同意接收短信”，然后一大堆营销信息轰炸。新规直接把话挑明：没明示同意，不能发；发了就属于违规。
🔗：https://policy.mofcom.gov.cn/claw/clawContent.shtml?id=105535
体验碎周报第279期 (2026.5.11)
