体验碎周报第283期(2026.6.15)

系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。

大产品小细节

Vision Pro上惊艳的Siri水晶球

在iPhone上看Siri也就是个好看的特效，但是在VisionOS的三维空间里就变成了一个闪烁着虹彩光泽的魔法水晶球，。彩色折射光芒的半透明球体会根据用户的声音在空中起伏律动，甚至会在环境中上投射出柔和的动态光晕，像是在空间中凝结出了一个高密度的物理实体。这个细节简直把空间计算的特质发挥到了极致。
🔗：https://www.uisdc.com/hunter/0221673083.html

飞书文档兼容全角顿号唤起快捷插入菜单

中文互联网用户在打字时，输入法默认处于中文全角状态。当用户想要输入「/」在文档里调用「快速插入菜单」这个高频功能时，键盘上的那个斜杠键打出来的往往是一个顿号「、」。普通的设计师可能会觉得，用户自己切换一下英文不就行了？ 但飞书文档的设计师注意到了这个别扭的瞬间，把中文全角下的顿号也识别为触发斜杠菜单的指令。
🔗：https://www.uisdc.com/hunter/0221673352.html

999感冒灵故意挂反变成666

在各大品牌扎堆用金榜题名刷屏的高考节点，999感冒灵在公交站整了个大新闻。路人远远看过去以为是草台班子又掉链子，走近把图片倒过来才发现，上面写着「故意挂反广告牌，只为了祝你考试666」。这种打破常规物理形态的操作，在一众正襟危坐的祝福里显得格外扎眼。
🔗：https://www.uisdc.com/hunter/0221672838.html

抖音在评论区放团购评价

抖音最近做了一个改动，本来抖音短视频的评论和抖音团购商户的评价是完全分开的两套数据，但是现在抖音在商户的短视频评论里插入了团购的评价。短视频的流量比团购流量高很多，此举能让更多用户看到商户评价，增加对商户的信任，促进团购消费。
🔗：https://www.uisdc.com/hunter/0221671793.html

推荐阅读

macOS Golden Gate 与 Tahoe 系统图标逐个对比

WWDC 2026 刚结束，Basic Apple Guy 就装上了 macOS Golden Gate beta 1，把几十个系统图标跟去年 Tahoe 版本做了逐一对比。
作者注意到几个关键变化：一是颜色饱和度明显提高，更”冲”了；二是 Liquid Glass 效果本身有变化——折射感减弱，整体更趋平面化和锐利，尤其在 Journal、Freeform 这类图标上差异很明显，圆形元素靠近圆角矩形边缘时的折射扭曲方式完全不同了；三是 Finder 图标的鼻子变回了更圆润的老版造型，作者打趣说这是”rhinoplasty（鼻整形手术）”。但他也坦率地指出，目前 Finder 鼻子周围的黑色边缘还显得有点粗糙，不确定是 beta 的锅还是最终设计就这样。

🔗：https://basicappleguy.com/basicappleblog/macos-golden-gate-icon-comparison

5 个巧妙的「微交互」，让体验充满高级感

用户嘴上说不出来的”高级感”，基本都是微交互在撑着。 它拆了五个点来讲——点击反馈（按钮要有”活的”感觉）、加载状态（骨架屏 > 转圈圈）、悬停效果（桌面端的隐形品牌表达）、过渡动画（方向要有逻辑）、成功提示（别用彩带轰炸用户）。

有意思的是，文章里那句”人们喜欢狗，因为狗会立即做出反应，按钮也应该如此”——这个类比虽然有点逗，但确实精准。
🔗：https://mp.weixin.qq.com/s/RiRqpnzziTe5lMJk5wOWxg

AI 应用工程化从入门到精通 — 面向AI产品经理的开源交互式课程

两大篇章，67 页幻灯片式讲解，从 Token 是什么一路讲到 Agent 工程和成本优化。几乎每页都有动画交互演示。
🔗：https://xueai.app/slides/llm-story.html

工具资源

Recent Design — X/Twitter 上的每日设计精选聚合站

X 上其实有大量优质设计作品在流通，但它们淹没在算法、口水仗和推广内容里，普通人根本刷不到。 这个站做的事就是人工筛选——把散落在各处的好设计集中到一个极简的画廊页面里，每天更新。
🔗：https://recent.design/

Reshaped — React + Figma 一体化设计系统组件库

一套同时提供 React 组件和 Figma 组件的设计系统，主打「代码和设计稿完全对齐」。刚发了 v4.0，加了 Storybook MCP 支持，你的 AI 编程 Agent 能直接调用它的组件文档。
🔗：https://www.reshaped.so/

Animation Vocabulary——给AI对话的动效提示词词典

把常见的动画模式（fade in、spring、parallax 之类的）全部整理成标准词条，每个都配了一句话解释。关键卖点是：你学会这套命名，就能精确地用英语告诉 AI「我想要什么动画效果」。
🔗：https://animations.dev/vocabulary

Cantclone — 防止网页被一键克隆到 Figma 的反抄袭工具

用AI把网页变成Figma源文件的插件太多了，连Figma自己都做。做落地页的团队 Landing Page Labs 被抄怕了，搞了个工具专门阻止AI直接Copy抄袭网站。
🔗：https://cantclone.com/

产品发现

ScreenKite — 免费原生macOS带自动缩放的屏幕录制工具

找了几个Screen Studio的免费平替，就为了获得类似的自动缩放的效果。就ScreenKite我是最满意的，因为很多所谓的平替，它都只能录整个屏幕或某个软件窗口，而这个是可以指定屏幕区域的，而且还能同时用摄像头录你的人脸。拿来做教程是很不错的。
主打三个字：快、免费、原生。用 Swift 写的，不是 Electron 套壳，导出速度号称比 Screen Studio 快 3-4 倍，还带自动缩放、AI 剪辑这些花活。最狠的是——目前完全免费。
🔗：https://www.screenkite.com/zh-CN

Gotcha — 现实版宝可梦图鉴，拍照收集真实动物的 iOS App

对着任何动物拍一张照片，它会自动抠图、识别物种、生成一张收藏卡片——从普通到传说级。几百个物种以剪影形式等你解锁，哺乳动物、鸟类、昆虫、爬行动物都有。把 Pokémon GO 的收集欲嫁接到了真实世界的自然观察上，概念确实让人眼前一亮。
🔗：https://gotcha.jurre.me/

StonkRider — 把股票K线图变成越野摩托赛道的网页小游戏

用真实的股票历史走势当赛道地形，你操控一辆越野摩托在上面跑，涨得猛的股票就是陡坡，暴跌的就是悬崖——翻车在所难免。把金融数据可视化做成了一个梗游戏，切入点挺鬼才的。
🔗：https://stonkrider.com/

Design Engineer Tools — Web 方向设计工程师的工具清单

专门面向”Design Engineer”这个越来越火的交叉岗位——就是那种既能做设计又能写前端代码的人。按灵感、AI 编程、组件库、动效、3D、字体等十几个类目整理了 120+ 个工具链接。
🔗：https://designengineer.tools/

NiceNews: RSS Feed Reader — 免费无广告的 RSS/YouTube/播客聚合阅读器

又一个 RSS 阅读器，但这次的卖点很直接：免费、无广告、不收集数据、不用注册。把 RSS、YouTube 频道和播客塞进一条时间线里，iCloud 同步，UI 走简洁风。

🔗：https://apps.apple.com/cn/app/nicenews-rss-feed-reader/id6748862650

New API —— AI中转站背后的开源方案

现在网上这些做AI中转站卖Token的，基本上都是用这个方案做的。把 OpenAI、Claude、Gemini、DeepSeek 这些大模型 API “统一收口”的网关。
🔗：https://github.com/QuantumNous/new-api

相关资讯

国家网信办、市场监管总局联合印发《网络测评活动规范》

国家终于出手管测评博主了。这几年”只评不测”“商测一体”的测评号太多了，拿着商家的钱装客观，消费者被忽悠得够呛。这份《规范》要求：你要测产品性能就得找有资质的检测机构，不能自己瞎编数据；如果只是主观感受，必须标明”仅供参考”；带货链接的得标”广告”。

🔗：https://www.news.cn/politics/20260608/2d2238a509d749ac96157fbce0646fac/c.html