体验碎周报第288期(2026.7.20)

体验碎周报第288期(2026.7.20)

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

大产品小细节

Art Lebedev 日式餐饮 logo 同形异构拆解

做日料品牌,怎么让人一眼认出是日本调调,又不掉进鸟居、樱花、富士山这套烂大街的符号里。Art Lebedev 的解法是把三个元素叠一块——筷子、丹顶鹤轮廓、背后的红日圆盘(日之丸)。鹤在日本文化里是长寿吉祥的象征,既点了题,又躲开了廉价感。

🔗:https://www.uisdc.com/hunter/0221676977.html

喜茶小程序的手绘动画 DIY 点单

喜茶在小程序里上线了一个叫作「灵感研发ing」的 DIY 模块。你不仅能像个配方师一样,一步步挑选茶底、奶底、小料、云顶和甜度,最妙的是,整个定制过程都被做成了极具手绘感和幽默感的微动画。而且定制完的配方是真的可以一键下单,由门店当场制作送达。
🔗:https://www.uisdc.com/hunter/0221676962.html

Brink播客空状态生虫动效案例

Brink播客在用户过去一周没有任何节目更新时,把空状态的灰色文件夹做成了长满小虫子的动态效果。
🔗:https://www.uisdc.com/hunter/0221676726.html

火山引擎 Lumina 局部精确 AI 修图工具

想改一个小地方,结果整张图重画,越改越离谱。火山引擎 Lumina 的 Seedream 5.0 Pro 直接框选区域、带位置下提示词,改沙发就框沙发,别的地方一动不动,还能导透明 PNG 拖进 Figma。
🔗:https://www.uisdc.com/hunter/0221676827.html

推荐阅读

分享一份给产品团队的9条实战团队公约

这篇解决的痛点很实在:团队价值观太虚落不了地,工作计划又太硬没有共识感,公约刚好卡在中间那个甜蜜点。9条里含金量最高的是第1条「准确定义问题」,作者一句话点破产品工作的元罪——业务方给你的从来不是问题,而是他自己想好的解决方案。「我要批量退款」背后其实是「某批次质量问题导致集中退款」,还原到本质后开发成本直接砍到十分之一。这种案例不端着,一看就是踩过坑的人才写得出。
🔗:https://mp.weixin.qq.com/s/bT_ulhdsCXby6erFk6fFMA

【英文】设计系统时代产品品质的责任边界

文章解决的是一个老大难困境:所有客户都催设计系统团队跑快点,团队又都想慢下来因为「质量需要时间」。作者给的解药是craft(匠心),并把craft和quality做了拆分——quality是可量化的门槛,craft是持续产出更高质量的能力,而craft的底色是care(在乎)。这个区分挺妙,把玄乎的「品质感」落到了「你到底在不在乎」这个人性层面。
🔗:https://bencallahan.com/product-craft-in-the-age-of-ai-and-design-systems

UI设计师作品集制作指南(框架篇)

一位在爱奇艺、还兼面试官的设计前辈”小锁同学”写的作品集教程,核心就一句话:别急着画界面,先搭框架。用大厂那套 OKR 逻辑把项目串起来,从产品目标拆到设计目标再落到具体抓手。里面还塞了两千多篇大厂复盘文章和一套模版。对正在准备设计求职、尤其被作品集卡住的人,这篇挺实在,能看出来是真带过学生、真面过人的。
🔗:https://www.yuque.com/suoyibo/tgggqd/iel8hzo2qofz04dg?singleDoc#

AI 里的人,为什么都长着同一张脸?

AI 生成的人脸之所以千篇一律,是因为模型在对「美」取平均值,而平均出来的脸最好看、也最没记忆点。有意思的是,这个结论早在 1878 年就被达尔文的表弟用叠底片实验证明过了。角度不新,但把技术、心理学、法律串成一条线,读着顺,值得一看。

🔗:https://mp.weixin.qq.com/s/fBnFIb_Dv7nodXWrmbkDPw?scene=1

从 Axure 到 Ardot:一次 AI 辅助的原型迁移实践

腾讯设计团队 Ardot 转载的一篇实操干货。作者想从老掉牙的 Axure 9 逃到类 Figma 的新工具 Ardot,干脆让 AI 借助本地 MCP 帮他把上百个后台页面批量搬家。有意思的地方在于,全文几乎没吹 AI 多神,反而在讲怎么给 AI 立规矩。搞 AI 工作流的朋友值得一读。
🔗:https://mp.weixin.qq.com/s/iWarALd8PHxOrnaDZDcYFA

工具资源

苹果发布iOS 27、macOS 27等设计资源

iOS 27、macOS 27 到 visionOS 的 UI 套件,Figma、Sketch 双格式随便下;系统字体 SF Pro 全家桶、7000 多个 SF Symbols 图标、还有各种设备边框贴图。 Icon Composer也更新了,做「液态玻璃」质感的分层图标更方便。
🔗:https://developer.apple.com/design/resources/

NameThatUI — UI 元素与视觉风格的可视化命名词典

Elements 查具体控件,Styles 查整体视觉风格。你用大白话描述——「一打字就消失的灰字」「磨砂玻璃感的卡片浮在彩色壁纸上」——它返回准确术语、判别信号,还有能直接丢给 AI 编程助手的提示词。设计师和写代码的都会觉得贼实用。
🔗:https://namethatui.com/

Higgsfield Community — AI 视频创作平台的社区作品广场

Higgsfield是国外最知名的AI视频创作平台之一,这个社区全是用户和官方团队用它家工具做出来的短片、动画、广告,点进去还能看别人用了什么模型、怎么调的参数,用的什么提示词,什么参考图全有。不藏着掖着,直接把制作过程「开源」给你抄。
https://higgsfield.ai/community

Miora — 腾讯设计出品的 AI 创意工作室

主打「一份 brief 进去,视觉、视频、3D、原型全套出来」。最有意思的是它强调「记忆」——记住你的品牌色、语气、你那些「千万别这么干」的规矩,用得越久越像你自己。这个方向确实戳中了当下 AI 创意工具最大的软肋,值得关注一下。
🔗:https://miora.design/home

谷歌 Noto 3D emoji 全量重设计

谷歌趁世界表情符号日把全部 3977 个 emoji 重画成了 3D,还开源了 .OBJ 模型让你随便拿去做梗图或 VR。
🔗:https://blog.google/products-and-platforms/platforms/android/world-emoji-day-noto-3d/

Depth Maker — 浏览器端视频转深度图与骨架工具

现在的 AI 视频不让上传真人脸做参考,可你偏偏想借用某段视频的动作、编舞、运镜。Depth Maker 把画面剥成纯空间信息,人脸、衣服、场景全没了,只留动作。
🔗:https://depth.cards/

Kill AI Slop — AI 生成界面通病图鉴与清理工具

一份专治「AI 生成界面丑得千篇一律」的图鉴,33 条通病逐个拆解:蓝紫渐变、发光玻璃卡、满屏 emoji、每行贴徽章。作者是 yetone(avante.nvim 那位),还配了个能跑在你代码里的清理 skill。看完保证你再看 AI 落地页会浑身难受。真的牛,审美和工程都在线。
🔗:https://killaislop.com/

产品发现

Codex Resets — OpenAI Codex 用量额度重置追踪站

一个专门盯着 OpenAI Codex「什么时候又重置用量额度」的小站,数据全来自官方产品负责人 @thsottiaux 在 X 上那些冷不丁发的公告。开发者社区应该会觉得有点上头:过去半年重置了 35 次,平均 8.9 天就来一发。
🔗:https://codex-resets.com/

CodexThemes — Codex 桌面端主题皮肤画廊

一个专门给 OpenAI Codex 桌面客户端换皮肤的主题画廊。LOL 暮光之眼、哆啦 A 梦、悟空、迪丽热巴黑羽都能整上,甚至还有个川普 MAGA 主题。给码农的 AI 工具搞外观美化这事儿本身挺有意思,说明 Codex 用户群已经大到能养起一个周边生态了。想让自己的终端花里胡哨的可以逛逛。

🔗:https://codexthemes.ai/zh

Richify 富有科技 — 辣眼睛的中台黑话讽刺型伪企业官网

心态不好、电脑不好的别打开,这网站一打开就卡,网站设计得极其辣眼睛。整站在玩梗:把「数据中台」「AI 中台」「知识中台」「全链路闭环」这套国产企业黑话堆到极致,还一本正经地把「全站 12px 圆角」「14px 字号红线」「行高 1.6」当成「核心竞争力」来吹。它不是真卖服务,而是在讽刺那些交付 PPT 大于交付价值的乙方文化。看懂的人会笑出声。

🔗:https://www.richify.net/zh-hans/contact/

思辨录 | 识别逻辑谬误 · 反思认知偏见 — 中文批判性思维在线指南

一个专讲认知偏见和逻辑谬误的中文站点,把「循环论证」「锚定效应」「幸存者偏差」这些平时听着高深的概念,用一句大白话的生活场景就给你讲透了。内容干净、排版清爽,还带互动自测。这种不卖课、不带货、纯粹想让人「想得更清楚」的站,现在真不多见,值得收藏。

🔗:https://mind-guards.com/

Cowrite ——给 Codex 装上可视化写作创作画布

在 Codex 里装好后运行,右侧就加载出一个类编辑器界面,导入 markdown 或写想法都行,选中文字就能优化、配图(调 Codex 内置的 image2)、转 HTML,顶部工具栏还挂着全文配图、排版、Slide、发飞书这些功能。所有和 Agent 的交互都在 Codex 内完成。

🔗:https://github.com/SpaceZephyr/cowrite

Google AI Edge Eloquent — Google 端侧 AI 语音听写输入法

谷歌出的类似于Typeless的AI语音输入法。全程跑在本地:Mac 上直接调用 Gemma 4 大模型(2B 或 12B),iOS 版塞的是小模型,录音、转写、润色一条龙,本地模型、离线可用、零订阅。还自带去口水词、改语气、转要点这些功能。可惜目前还不支持中文。
🔗:https://developers.google.com/edge/eloquent

Canvasight — Codex 可编辑画布任务编排插件

一个开源的 Codex 插件,把「跟 AI 聊需求」这件事变成了「在画布上摆节点」。你可以拖拽、连线、加附件,把产品需求、代码架构或文章结构拆成一张可编辑的图,然后点某个节点 Run,把这个节点加上下游一起丢给 Codex 去执行。本质上是给 AI 编程加了个可视化的任务前置层。
🔗:https://github.com/Niall-Young/Canvasight

LingBot-World 2.0 — 蚂蚁具身AI的实时可玩世界模型

蚂蚁旗下具身智能公司 Robbyant 出的世界模型,最大卖点是「能玩」:720p、60fps 实时生成一个开放世界,你能走、能看、能操作,延迟压到一秒以内。而且不是短视频那种撑几秒就崩,它号称能连续跑好几个小时不「画面漂移」。权重要开源,冲着 WAIC 2026 上海站做现场 demo。这种真机跑起来的世界模型,确实值得盯一眼。
🔗:https://technology.robbyant.com/lingbot-world-v2

web-kits/audio — Web 声明式音频合成库

一个前端音效库,思路挺讨巧:不用你手写一堆 Web Audio API 的节点连接,而是把声音当成一个普通对象来「描述」,写好频率、包络、增益这些参数,defineSound 返回一个函数,调一下
🔗:https://audio.raphaelsalaja.com/

相关资讯

苹果、三星、小米等等7家手机厂商端侧AI通过国内备案

苹果Apple智能在中国大陆拿到备案资格了,同批还有华为小艺、OPPO、vivo、小米、三星、中兴一共7款手机端侧大模型。等了两年多的国行苹果AI总算摸到了合规的门槛。据第一财经记者了解,苹果AI功能的合作方包括了阿里巴巴。
🔗:https://mp.weixin.qq.com/s/5MTWh4pWVAlL71RQbU-Udg

GPT-5.6 好评换 100 美元额度活动

OpenAI 搞了个「发好评送钱」的活动:在 X 上发一条你真心喜欢 GPT-5.6 的帖子,附上账号邮箱和帖子链接提交,审核通过就送 100 美元 ChatGPT 额度(约 2500 credits)。前提是你得有 Go、Plus 或 Pro 付费订阅,名额只给前 1 万人。

🔗:https://switch-to-codex.openai.chatgpt.site/

微信整治停车扫码缴费页诱导广告

停车缴费页的流氓广告太多了,微信要管。归了两类问题,第一类是假优惠诱导,用「停车补贴」「领券」伪装成缴费必经环节,点进去不给优惠反而给你开个付费会员;第二类是关闭键玩阴的,做得极小、颜色跟背景一样,甚至设假关闭按钮,一点又跳新广告。定性也给了,违反广告法关于弹窗须有显著一键关闭标志的规定,查实就按平台规则限制访问。
🔗:https://mp.weixin.qq.com/s/i9jKlmM3GAKDPT0pHD26og?scene=1

体验碎周报第288期(2026.7.20)

https://www.ftium4.com/ux-weekly-288.html

作者

龙爪槐守望者

发布于

2026-07-20

更新于

2026-07-20

许可协议

评论