体验碎周报第 266 期(2026.1.19)

体验碎周报第 266 期(2026.1.19)

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

大产品小细节

飞书会议表情回复:用功能化图标解决设备调试痛点

回想一下你上次网课或远程会,是不是有一半时间都在确认「画面卡不卡」和「声音小不小」?

这是一个藏在飞书视频会议界面下的表情回复面板。与我们习惯的微信或 Slack 只有「小黄脸」不同,飞书的产品经理敏锐地把「设备调试」和「状态同步」这两个会议中最高频的非情绪性需求,做成了标准化的快捷回复。 表情回复面板底部被专门划出了一块「功能区表情包」。用蓝色代表正常(听得见、看得见),用橙色代表异常(听不见、看不见)。直接点一下就能发出去,让主持人知道你能不能听见看见。

🔗”https://www.uisdc.com/hunter/0221656849.html

乐凯撒双拼披萨:滑动切换的可视化定制体验

还记得小时候玩的换装贴纸书吗?上衣配裤子,头部配身体。乐凯撒把这份童年的拼凑快乐,搬到了成年人的午餐里。

乐凯撒小程序中的「双拼披萨」定制界面。设计师抛弃了传统的「复选框列表」,将披萨的双拼选择变成了一个直观的视觉拼图游戏。操作手感非常像我们在玩「老虎机」或者是老式日历牌。你的手指在「上半圆」左右滑动,就能切换一种口味;在「下半圆」滑动,又切换另一种口味。

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

来自 酸奶超级酸

X平台的Grok:情境化AI助手胜于独立工具

刷社交网络看到大家都在疯狂转发某个梗或争论某个技术细节,自己却一头雾水,想吃瓜都找不到「瓜田」入口? X 平台在其推文操作栏中无缝嵌入了自家的 AI 模型 Grok。

简单来说,它就像给每条推文配了一位「随身解说员」。当你面对充斥着行业黑话、复杂前因后果或非母语环境的推文时,Grok 能瞬间提炼核心信息,为你补全缺失的背景知识,把「生肉」变成易嚼的「熟肉」。 X 将 Grok 的能力打散,将其作为一种「辅助元数据」嵌入到具体的信息单元(Post)中。

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

Apple Creator Studio 图标改版:液态玻璃风格取代物理质感

还记得当年 iOS 7 把拟物化拍扁时的争议吗?这一次,Apple似乎要把「专业工具」的物理质感也一并抹去。

苹果公司通过全新的 Apple Creator Studio 订阅服务,更新了 Final Cut Pro、Logic Pro、Pixelmator Pro 等创意应用的图标。虽然采用液态玻璃风格的图标一致性好,和新系统更搭配,但是失去了老版的精细度和辨识度。

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

推荐阅读

设计不止于界面-AI引领的“Design to Code”时代

AI 技术让设计和开发的界限日益模糊。传统上,设计师和开发人员在样式细节上常有误解,导致重复调整。现在借助 AI,设计师可使用 Design to Code(D2C)流程,将设计稿直接转化为可运行代码,缩短交付周期,提升工作效率。

具体案例中,通过 D2C 流程,PC 端和移动端项目效率显著提升。例如 WMS6.0 项目代码输出仅耗 0.5 人/日,效率提升 26%;PDA 项目效率提升达 50%。

这种方式让设计师不再只是”画图”,而能直接参与系统实现。未来设计师可利用 AI 优势,更好地控制设计实现效果,提升产品智能化水平。

🔗:https://mp.weixin.qq.com/s/h1FkQB9pUaocNg2_FfmiqA

用Figma画拟物图标,从“一个球”开始

主要聚焦于如何从简单的 “一个球” 开始,逐步掌握拟物图标的绘制技巧。作者首先解释了拟物设计的三个基本要素:形体、光影和材质。透视关系在这里是关键,离得近的东西看起来更大,离得远的就小,这样的关系帮助设计师更准确地表现空间感。

🔗:https://mp.weixin.qq.com/s/MwdaN_ZBehqeCRRQu-1DKw

【英文】AI 时代的设计智慧 - 用简单的箭头提升用户体验

Jim Moylan 去世,他设计的油表箭头是很多汽车上的一个小细节,但却极大方便了用户。相较于现在很多 AI 产品复杂的聊天界面,Moylan 的设计显得既简单又高效,避免了用户在使用时的困惑和误解。

随着 AI 的兴起,很多产品都想加上聊天功能,结果往往让事情变得复杂,反而让人难以使用。作者呼吁设计师们在设计 AI 系统时,先理解用户需求,再考虑如何用 AI 来帮助他们,而不是一味追求 “智能化”。

🔗:https://jarango.com/2026/01/06/the-moylan-arrow-ia-lessons-for-ai-powered-systems/

工具资源

2025 App 年度报告截图集

🔗:https://2025app.designstroll.space/

这份报告收集了 56 款热门 App 的年度总结,里面有 819 张截图。

Varchive - AI 助力的创作灵感库

Varchive 汇集了不少工具,比如针对设计师的 Figma 插件和一些有趣的 AI 应用,简直是让人眼花缭乱。而且,它还有来自各个领域的最佳实践分享,这对于想要在 AI 浪潮中找准方向的创作者来说,简直是个指南针。

🔗:https://varchive.ai/

Stitch to Figma - 将 HTML 转换为可编辑的 Figma 设计

可以将真实的 HTML 和 CSS 自动转化为 Figma 设计,这款插件能完美保留网页的布局、间距、颜色、字体和图片,甚至可以加载外部资源,确保转换的准确性。

🔗:https://www.figma.com/community/plugin/1592194507725413983/stitch-to-figma-html-to-figma-pixel-perfect

Handwritten - 一键将手绘变成真实字体

Handwritten 是一款 Figma 插件,让你通过简单的绘画将手绘字符转化为可用的自定义字体,最后导出一个完整的 .OTF 字体文件,兼容 Figma、Adobe、Word、Canva 等多个平台。

🔗:https://www.figma.com/community/plugin/1591014136975160819/handwritten

Tool UI - 简单易用的 AI 界面组件库

Tool UI 提供了一套基于 JSON 的用户界面组件,专为 AI 应用设计,使用开源技术构建。这些组件不仅易于访问,还能快速复制粘贴,让开发者轻松上手。

🔗:https://www.tool-ui.com/

Tools——为设计师和开发者打造的开源工具箱

里面有阴影、SVG 剪切路径、渐变和背景图案生成器等实用工具。它速度快、易上手,特别适合需要快速实现创意的建造者们,简直是提升工作效率的小助手!

🔗:https://tools.ui-layouts.com/

Glow Icons — 开源图标库

里面有 442 款图标,涵盖了轮廓和实心两种风格,采用 MIT 许可证,可以自由使用和修改,完全不用担心版权问题。

🔗:https://www.glowui.com/icons

产品发现

安克和飞书合作的 AI 录音豆

可以直接夹在衣服上录音,录音的结果通过飞书AI自动识别成文字整理到飞书文档里,并且重组呈现录音中的关键信息。

🔗:https://mp.weixin.qq.com/s/Jhe3VgCaKu-UkNDMmTSRVQ

PostBot - 多社交平台内容同步助手

这款工具能把你写的文章、发的动态、上传的图片或视频,一键同步到微信、微博、知乎等国内主流媒体,甚至还支持 X、Facebook 等国际平台。它最大的亮点是本地化操作,不用把账号信息存到云端,隐私安全更有保障。

🔗:https://postbot.exmay.com/docs/

Macuse — macOS平台的专属AI Agent

它会自动检测你的 AI 工具,一键配置,不需要任何复杂的设置。你只需根据需要授权访问日历、邮件等功能,让你能通过自然对话来管理日历、阅读和回复邮件、记笔记,甚至控制 Mac 上的各种应用。所有数据处理都在本地进行,绝对保护你的隐私。而且它的免费版已经支持每天 100 次的工具调用,足够日常使用。

🔗:https://macuse.app/

图寻网每日挑战——根据图片猜地理位置

可以选中国或全球,根据一个街景推算在地图上的位置,一共五道题,完成两项就能抽取图寻会员。

🔗:https://tuxun.fun/daily-challenge/china

相关资讯

APP 偷听偷拍将禁止! - 新规征求意见,保护个人隐私

国家网信办搞了个大动作,提出了新的互联网应用程序个人信息收集使用规定。主要是为了保护我们每个人的隐私,防止那些不良 APP 偷偷录音、拍照。新规要求 APP 在用户首次使用时必须明确告知信息收集规则,并且只能在你需要使用特定功能时才可以请求相应的权限,比如拍照或录音。

🔗:https://mp.weixin.qq.com/s/jMvfXiZAbANHR51s3enXvQ

Chrome 正在测试侧边栏页签和分栏模式

类似 Arc 的体验,页签从顶部移到左侧边栏,显示完整标题,利于管理。分栏模式 (Split View)允许在一个标签页内同时并排显示两个网页。目前需通过 chrome://flags 启用。

体验碎周报第 266 期(2026.1.19)

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

作者

龙爪槐守望者

发布于

2026-01-19

更新于

2026-01-20

许可协议

评论