体验碎周报第291期(2026.8.24)

系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
大产品小细节
苹果七夕创意,原来经典Finder图标早就暗藏玄机
苹果在七夕把用了几十年的 Finder 双色笑脸拆开,左右两半变成两张对视的侧脸,靠近、接吻,最后合体变回那个大家每天都在看的经典图标。 Finder 图标原本的立体主义双色设计,本身就暗含了正脸与侧脸的视觉错觉。苹果把静态图标里的视觉双关直接动态化,两个半边图标从两端走近、靠近闭眼亲吻、再回到完整的微笑图标,顺理成章地完成了从「相遇相爱」到「合二为一」的叙事。
🔗:https://www.uisdc.com/hunter/0221680898.html
巧妙制造看穿错觉,这个导视设计让空间不再压抑
路过东京国际展示中心的人,大概率会以为头顶悬挂着一块纯透明的亚克力导视牌。走近细看才会发现,双层玻璃中间其实严丝合缝地夹了一块镜子。 镜面借助行人的仰视角度,精准反射了上方的纯白吊顶,直接在人眼制造出「看穿对面」的错觉,显得空间通透不压抑。 正因为是镜子反射天花板,而不是真正透过去,所以正反两面可以显示完全不同的内容,文字展示也更清晰。
🔗:https://www.uisdc.com/hunter/0221681117.html
淘宝款式选择场景的AI嵌入设计
一个商品如果款式很多,确实会纠结,不知道怎么选。虽然现在有AI,但是有时候不一定想得到这个事情要用AI处理,商品的款式信息发给AI,还得截图复制,也挺麻烦的。
而在淘宝,刚好就在款式的选项下面显示了AI选款建议,点击就能调用千问来进行详细的选款分析和推荐。 淘宝没有去强推一个需要用户主动跳转的全局 AI 对话入口,而是直接将千问的选款能力无缝嵌入到了最具体的决策现场。他们看清了用户并不是缺乏利用 AI 工具的能力,而是缺乏在微观挑选场景下重新发起对话的动力。
🔗:https://www.uisdc.com/hunter/0221680039.html
大众点评AI高亮划线的评论
很多产品做大模型落地,第一反应都是在顶部堆一个庞大的「AI 总结卡片」,把十几条评论揉成一段工工整整的摘要。大众点评反过来做,直接在真实用户的长评里,用类似荧光笔划线的样式把关键建议标出来。这个改动很轻,但非常聪明。 大家看大众点评,图的就是普通人字里行间的真实细节,如果全压成干巴巴的机器摘要,信任感立刻折损大半。
🔗:https://www.uisdc.com/hunter/0221680653.html

推荐阅读
从斜箭头到 AI 指针:光标交互的新变化
一篇讲光标进化史的设计科普。从 1968 年那个上指箭头,聊到 Alan Kay 因为屏幕太糊才把箭头掰歪成今天的样子,再到 AI 时代光标重新有了新活儿。读完你会发现,那个天天用却从没注意过的小箭头,背后藏着一整套人机交互的思考。
🔗:https://mp.weixin.qq.com/s/kL6yLhfK8wdr68qvFp_JmQ
AI 时代 Vibe Design 必备的 50 种 UI 风格名词!
文章解决的是 AI 协作里最典型的「词不达意」。「高级」「年轻」「有质感」这类形容词太大,AI 只能瞎猜,于是作者把风格拆成 Bento Box Grid、Glassmorphism、Neubrutalism、Liquid Glass 这些有明确视觉指向的专有名词,再各配四个英文提示词,等于给你一本随手翻的对照表。
🔗:https://mp.weixin.qq.com/s/FnZdLUdHyrtOySZWvHwERA
聊聊「拟物化」:写实主义和具象设计的平衡
什么是拟物化、为什么当年火、又为什么被扁平化拍死在沙滩上。计算器长得像真计算器、回收站长得像小垃圾桶,都是它。内容不深但足够系统,适合刚入门的设计新人或者想给非专业同事扫盲的人。老手看会觉得偏基础。
🔗:https://mp.weixin.qq.com/s/ywrZAxa1dwGkaqpF-S4Y0g
Chinese Mobile App UI Trends — 微信老外产品经理拆解中国手机应用界面设计惯例
微信早期老外产品经理 Dan Grover 2014 年从旧金山搬到广州后写的观察笔记,把中国 App 和欧美 App 在界面上的差异一条条列出来:二维码无处不在、语音消息、红点小圆点、什么功能都往一个 App 里塞、人人都有钱包、按位置找附近的人。放到今天看已经是经典,因为这些当年被当成「奇观」的设计,后来全成了移动互联网的标配。老外视角看熟悉的东西,反而看出不少门道。
🔗1:https://dangrover.com/blog/2014/12/01/chinese-mobile-app-ui-trends.html
🔗2:https://dangrover.com/blog/2016/01/31/more-chinese-mobile-ui-trends.html
工具资源
Designspiration ——能同时搜五个颜色的素材
很多设计灵感素材网站都可以按颜色筛选,但是只能筛选一种颜色。单色检索解决的是找具体某种颜色的问题,可视觉氛围是由色彩之间的搭配关系决定的。 设计师在建立品牌视觉或做 Moodboard 时,心里想的往往是一整套色调组合。 Designspiration可以拿5个颜色的组合去反查图库,找同时命中这套色调的作品。直接缩短了从抽象感觉到具象素材之间的距离。
🔗:https://www.designspiration.com/
IP as Logo Skill — 生成极简圆润吉祥物 Logo 的开源 Agent 技能
4 到 7 个大色块、两个主色加一个背景色、圆胖没有尖锐细节、婴儿般的萌感。
🔗:https://ipaslogo.com/

阿里Wan3.0视频大模型官方使用文档
单次直出 30 秒、四种模态之外还能读 doc/ppt/pdf 当参考、像素级一致性。这份文档更像给内部/创作者的实操指南,附了一堆写实到离谱的 prompt 案例。
🔗:https://alidocs.dingtalk.com/i/nodes/qnYMoO1rWxrkmoj2IjExdZLBJ47Z3je9
The Wicked Swipe File — 电商广告创意参考库,4600+ 真实广告案例
一个专门收广告创意的「灵感墙」,4600 多张真实电商广告平铺在一块可以拖拽缩放的画布上,能按行业筛选,点开单张还能看细节。做这个的是 Wicked,一家给 DTC 品牌做静态广告的工作室。网站本身的加载动效也非常优美
🔗:https://swipe.meetwicked.com/
产品发现
水杉输入法 MetasequoiaImeTsf — 候选窗内置实时中英互译
作者 Lu Flyan 给自家输入法塞了个「实时背单词」功能,其实就是在竖排候选窗里直接给候选词标中英释义,打字顺手就把生词看了,英文模式还能反过来看中文翻译。
🔗:https://github.com/metasequoiaime/MetasequoiaImeTsf

Nowledge Mem — 跨 AI 工具的图谱记忆层
主打让 Claude、ChatGPT、Cursor、Codex 这些工具共用同一份会积累的记忆。你在哪个工具里聊完、做完决定,记忆都存下来,换个工具接着用。本地优先,数据在自己电脑上,也能上云。
🔗:https://mem.nowledge.co/zh
CBDB 仕途流场|中国历代入仕、任官与亲属关系可视化
CBDB 是学界公认的宝库,但原始数据库对普通人极其劝退,查一次得会写 SQL。作者把「入仕方式—首任官地—家族背景」三条线索抽出来,做成能点能拖的地图,普通人也能看懂明代官员是怎么流动的。
🔗:https://dynasty-migration-vis.buyixiao.xyz/?mark_id=999_reallog_mark_ad%3A999%7CWeiboADNatural
Have I Been Pwned — 邮箱与密码数据泄露查询工具
安全圈老牌免费工具,输入邮箱就能查你有没有在哪次数据泄露里「中招」。背后是澳洲安全研究员 Troy Hunt 一个人搞起来的,现在已经收录了 1,031 个泄露网站、177 亿条泄露记录。密码管理器、企业合规、各种安全产品都在接它的库,基本算是行业事实标准。免费、干净、够权威,值得每个有邮箱的人存一个书签。
🔗:https://haveibeenpwned.com/
WeClaw — 微信文件本地备份与 AI 检索工具
一个专治「微信里的文件到底存哪去了」的小工具。自动把微信收到的图片、文档、压缩包备份到本地,建好索引,再挂一个自然语言搜索的 AI 助手,让找文件从「翻聊天记录」变成「问一句」。
Open Weights Breakout — 调侃 Anthropic 拒签开源联名信的打砖块小游戏
2026 年 7 月,英伟达牵头发起「Open Weights and American AI Leadership」联名信,喊话华盛顿别急着限制开源权重模型,Meta、微软、英伟达带头签,后来 OpenAI、Google 也补签,签署方一路涨到 50 家。唯独 Anthropic 全程沉默。于是有人做了这个打砖块小游戏,让你操控写着「ANTHROPIC / CONTROL NODE」的挡板,去敲碎一整墙签了名的公司 logo,纯纯的行业黑色幽默。
🔗:https://huggingface.co/spaces/burtenshaw/open-weights-breakout
相关资讯
新的 Instagram 品牌系统
Instagram 换标了。8月13日 Meta 联手品牌设计公司 Koto,把用了十几年的英文文字标志重做了一遍,顺带升级了整套视觉系统。
🔗:https://www.logonews.cn/this-is-instagrams-new-logo.html
招聘
移动端角色设计 / Rive 交互动效合作招募
付费合作
你大概会做这些
· 设计并实现形象的角色动效(idle、互动反应、情绪切换)
· 搭好 Rive 状态机,交到我手上能直接接进 App
希望你
· 熟练用 Rive(状态机、数据绑定这些是日常)
· 对角色动效有经验,能做出柔软灵动的灵气
体验碎周报第291期(2026.8.24)


