体验碎周报第294期(2026.10.12)

系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
大产品小细节
拼多多轮播图里的下单截流设计
商品详情页的轮播图都是纯展示作用。拼多多这里做了个设定:用户在看轮播图的过程中,可能会对商品产生好感,于是轮播图里有一页就直接放了「立即下单」按钮。
长篇详情往往容易引发对尺寸、材质的犹豫。第 4 张图用「直降N元」的让利信号作为即时触发点,借着前几张图建立起来的好感趁热打铁,减少了从心动到行动之间的思考阻力。
🔗:https://www.uisdc.com/hunter/0221686256.html
Platen 打字机记事应用万圣节限定皮肤
Platen Paper Ink满足用户在随手记录时追求纯粹触感与专注书写的场景。
注意看画面中央随着字符输入横向推移的金属胶囊字锤:在这次万圣节限定皮肤里,打字机字盘被做成了附着微型蛛网的暗黑小舞台,顶部一束微弱聚光灯精准罩住当前敲击的字符与滑块,连同粗糙纸面的纤维纹理、边缘略带毛刺的墨水痕迹,跟随按键节奏实时联动。 用局部微拟态营造沉浸感,完全不影响基础输入操作。
🔗:https://www.uisdc.com/hunter/0221686380.html
假期想看世界又怕挤?用谷歌地球网页版直接开飞机!
假期在家足不出户怎么旅游?,开浏览器就能开飞机飞越真实三维地球来一场自由的云旅游。打开 谷歌地球网页版 earth.google.com,点工具栏的「探索地球」,再在工具菜单里选「飞行模拟器」即可起飞。可用方向键操控,Page Up / Page Down 控制油门。 低成本满足对远方地理景观的好奇心与沉浸感。
🔗:https://www.uisdc.com/hunter/0221685892.html
推荐阅读
用代码排演 AI 视频:从海岛登陆到移动卡车与传送门
先用 Three.js 写代码排出「白模」预演,把位置、路线、事件顺序钉死,再让 AI 重建外观。思路挺聪明的,把「画面好看」和「事情发生得合理」拆成了两件事来管。有意思的是作者全程不藏丑,哪些约束兑现了、哪些还翻车了都如实记录。可惜正文只开放前 20% 试读,后面要订阅。
🔗:https://zaowujuzhen.com/articles/yong-dai-ma-pai-yan-ai-shi-pin-cong-hai-dao-deng-lu-dao-yi-dong-ka-che
重新理解数据可视化:让仪表盘真正推动决策
会议上大家盯着一屏漂亮图表,看完却没有下一步。作者给的解法是把 80% 的功夫前置到三个问题——想展示什么、给谁看、数据如何指导业务改变。有意思的是对 Tufte「数据墨水比」的反驳,一般人把图表越做越干净当成美德,作者却说图表从不在真空里被阅读,一味删减有时恰好拿掉了决策者最需要的那层上下文,合适的复杂度才是目标。这个判断比单纯喊「极简」要成熟。
🔗:https://mp.weixin.qq.com/s/80Rl3-kn1t54RVmJW6NSdg
【英文】AI代理与抽象层次
Luke 的观察来自他合作的那些最前沿开发者,这帮人已经在同时盯着上百个 agent 协作写代码、测试、发布,量大到管不过来,而聊天时代诞生的开发工具根本扛不住。
于是他们重做了 Intent,把任务拆成一个个隔离的工作区,每个区有独立的文件副本避免 agent 互相踩,再配一个 coordinator 拆活、派给专门的子 agent,上面还有更高一层的 agent 跨设备跨工作区统管。
重点词是两个:observability(看到在发生什么)和 introspection(搞清为什么)
🔗:https://www.lukew.com/ff/2159/ai-agents-and-layers-of-abstraction
工具资源
Safe Area Insets & Reserved Regions — Apple 全设备安全区域与遮挡尺寸速查工具
一个专门查 Apple 设备安全区域(Safe Area Insets)和遮挡区域的在线工具,iPhone、iPad、Apple Watch 从最新的 iPhone Duo、iPhone 18 Pro Max 一路覆盖到老古董 iPhone 5s,全都有。做 iOS 界面、被灵动岛和圆角逼疯过的设计师和开发者会用得上,点开就能看到某台设备逻辑分辨率、像素密度、四角圆角半径、上下左右 inset 的精确数值,连折叠屏铰链角度都标出来了
VMG 工程编辑器 — 折叠屏手机画面动效在线编辑器
专门用来给折叠屏手机(Duo 展开形态)定制画面:换内外屏壁纸、调时钟和信号标识、设背景,最后直接导出 MP4。除此之外还能做便签线索板、液态玻璃柱状图、AI 工作流演示等。选一个模板直接改内容就能出动效视频,场景排版和数据图表都能当场编辑。
🔗:https://vmg-runtime.basebit.top/
Inspiration by VASA Works — 可语义搜索的 Figma 设计参考库
65000 多张参考图,每一张都被人工描述和打了标签。你不用搜关键词,直接输入「带粗粗网格的野兽派作品集」这种话能搜。搜完还能一键把整块 moodboard 塞进 Figma 画布,省掉了「开二十个标签页来回切」的老毛病。
🔗:https://inspiration.vasa.works/
The AI Interface Museum — AI 交互界面编年史图鉴
把过去十五年有代表性的 AI 界面按年份摆成一条视觉长廊。从语音助手(Siri、Google Now、Alexa),到生成式工具(DALL·E、Midjourney、Stable Diffusion),再到最近两年的编程智能体和个人助理(Devin、Claude Code、Codex、Poke、Instinct),脉络清清楚楚。
🔗:https://interfaces.kylejeong.com
APPLORE — 14300+ 应用图标设计参考库
一个专门收集 App 图标的灵感库,目前攒了 14300 多个真实上架应用的图标和 Logo。最实用的地方在于筛选维度:按颜色、风格、品类、首字母翻着看,还能用AI搜索,甚至看某个图标一路改版的历史。设计师做图标没思路的时候翻一翻挺解渴,选中直接导出 PNG 塞进 Figma,工作流很顺。
ArtCraft — 开源免费 Adobe 全家桶平替
一个 Rust 老炮儿用 AI 氛围编程,一年时间复刻了 Adobe 七大旗舰软件,全开源、免订阅、三端通吃,还支持 Linux。Photoshop 变 PhotoCraft、Premiere 变 FilmCraft,界面像到以假乱真。
但话说回来,alpha 阶段的氛围编程产品,专业级的稳定性和色彩精度还远没到能上生产线的程度。想尝鲜、想逃离 Adobe 可以装来玩,靠它接商业活儿还得再等等。
🔗:https://getartcraft.com/
Paper Mono — 免费开源等宽字体,8 字重 + 可变轴
设计工具公司 Paper 自己做的一款免费开源等宽字体。800 个字形、8 档字重、支持可变轴和 100 多种语言,连框线字符、编程连字、斜杠零都给你配齐了。最打动人的是它既能当代码字体,也能拿来排正文和做标题。
🔗:https://paper.design/mono
产品发现
梦中人 — 每日推送一张旧照片的 iPhone 回忆应用
一个专治「相册拖延症」的小应用。你不用整理、不用筛选,它每天从你相册里挑一张旧照片,像寄明信片一样推给你,还会配上一段相关的文学片段。不逼你做任何事,就是让回忆自己慢慢落下来。界面做得很有质感,适合那种相册里躺着几千张照片却从来没空翻的人。
🔗:https://apps.apple.com/cn/app/%E6%A2%A6%E4%B8%AD%E4%BA%BA/id6755718052
REA — Reverse Engineer Anything —— 给 AI 编程助手的逆向工程工具
你肯定遇到过「这个 App 的交互为什么是这样做的,背后到底什么逻辑」的好奇心。REA 就是让你的 AI 助手帮你把一个软件「拆开看内部」的工具。你不用懂代码,直接用大白话问「Windows 计算器为什么 200 + 10% 算出来是 220」,AI 就能钻进程序里找到答案,再翻译成人话告诉你。对设计师来说,相当于有了一把能看懂别人产品「源代码级实现」的放大镜。
🔗:https://rea.tools/
ESP32 iPhone Agent — 7 美元硬件驱动的 iPhone AI自动操控方案
🔗:https://github.com/onehumanbeing/esp32-iphone-agent
一块 7 刀的 ESP32-S3,加一台 iPhone,就能让 AI 自己操作手机:订闹钟、改设置、点来点去全自动,不用电脑、不用越狱、不用开发者账号。最猛的是最新版连电脑都砍掉了,板子直接当「眼睛+手」,agent 跑在手机 app 里。这种用极廉价硬件硬凑出完整闭环的玩法,确实有点东西。

TinyFolder — 在macOS的Dock 上放文件夹
Mac 用久了 Dock 一排图标挤到爆,或者为了清爽把应用藏进 Launchpad,结果每次找都费劲。TinyFolder 给的方案是在 Dock 里放一个你自己设计的文件夹,分页存放无限应用,点一下弹出来直接启动。
🔗:https://tinyfolder.app/
体验碎周报第294期(2026.10.12)



