体验碎周报第 274 期(2026.3.30)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
大产品小细节
Vizcom:滚动驱动的所见即所得官网体验
Vizcom 的官网设计打破了传统「图文说明书」的套路。它通过滚动驱动的动画,将工具的「草图转 3D 渲染」核心能力,所见即所得直接集成在了浏览体验里。用户通过滚动这一简单动作,直接改变了画面对象的视觉状态,这种掌控感带来了极强的心理满足。工具类产品的官网,本身就应该是产品功能的延伸。
🔗:https://www.uisdc.com/hunter/0221664013.html

macOS Tahoe 废纸篓彩蛋:垃圾由 Emoji/旧图标组成
macOS Tahoe 废纸篓的图标有垃圾的时候,仔细放大看看,里面的垃圾也是由emoji或苹果图标组成的,比如📰(报纸emoji)和老版本macOS上便签App 的图标。
🔗:https://www.uisdc.com/hunter/0221664347.html

淘宝用公益募捐回应猎奇搜索
当你在淘宝试图搜索「世界上最贵的东西」这类带有猎奇倾向的关键词时,系统并没有按价格由高到低展示昂贵商品,而是通过关键词匹配,将一系列「公益募捐」项目推送到用户面前。这些真实、未经修饰的摄影图片,在充满商业氛围的界面中显得格外扎眼,也格外动人。
来自 画虎先生
🔗:https://www.uisdc.com/hunter/0221664460.html

有数:用日均成本让消费价值一眼可见
买了很多东西,光从价格看不出值不值。有数APP不仅仅计算花了多少钱,而是把昂贵的购买价格平摊到你使用的每一天里,形成日均成本,让你一眼就能看到,这个东西买得值不值。 我们常说要「数据可视化」,但「有数」做的是「数据情感化」。它把冷冰冰的负债转化成了「生活陪伴的价值」。
🔗:https://www.uisdc.com/hunter/0221664001.html

推荐阅读
我们也许不该再投资 GUI 思维的软件公司
这篇文章的作者钟天杰提到,随着像 Google Workspace、Salesforce 等公司开始支持命令行界面(CLI)和 Agents,软件行业正在经历一场革命。以前,开发者花费大量资源设计华丽的用户界面,但如今,AI Agents 的崛起显示出这些设计可能不再必要。人类的认知局限促成了对 GUI 的需求,但 Agents 不受这些限制,它们可以更高效地完成任务。
钟天杰分析了 Agents 的需求,包括信息获取、执行权限、可信度和算力,这些都不在软件内部,而在软件的边界上。未来,成功的软件公司将需要专注于成为 Agent 工作流中的默认协议,而不仅仅是提供好看的界面。总之,软件开发的逻辑正在反转,从 “留住用户” 转向 “让 Agents 调用”,这可能彻底改变整个行业的格局。
🔗:https://mp.weixin.qq.com/s/NZSPWSvQoonU0XK7t2Jt6w
一件分内的小事——关于微信接入OpenClaw的10条冷思考
这篇就是在给“微信接入 OpenClaw”泼一盆醒酒水:别幻想什么“微信终结比赛”,这更像微信补了一项基础设施作业——让已经在养虾的人,能在微信里顺手跟自己的 AI 聊天。作者从产品形态、安全、生态和长期策略四个角度拆开讲:短期影响被严重高估,长期意义可能又被低估。态度挺清醒:既不吹微信“遥遥领先”,也不唱衰,更多是在提醒——真正重要的是你会不会养虾,而不是微信支不支持。
🔗:https://mp.weixin.qq.com/s/YDHAmWJqLeZT-3QoDTZ0Zw
Figma + Cursor保姆级教程!设计实现 AI Coding!
这篇就是一线大厂 AI 体验设计师写的「Figma + Cursor 联动实战」,教你不用 Dev Mode、纯凭 API + MCP,把 Figma 设计稿结构喂给 Cursor,让它直接生成比较还原的 React / HTML+CSS 代码。流程非常「保姆级」:从 API Key、GitHub 配置、Node 安装到 Cursor 里贴配置,全程白嫖可复刻。整体感觉:对设计师特别友好,是那种你今天就能照着折腾一把的实用教程。
🔗:https://mp.weixin.qq.com/s/nQaHnQEIHQ6pmvl4tp_JVg

让设计流程更系统!深入解析Figma画布新能力
Figma 现在不只是“AI帮你想想方案”,而是通过 MCP + Agent + Skill,真的可以在画布里照着你的设计系统自动干活:建组件、排版、套样式、按规则生成页面。说白了,从“好看的生成图”升级成“可落地的系统化产出”。作者重点在强调:设计师的核心价值,会从“亲手搭界面”迁移到“搭系统 + 写规则”。对做 UX/产品的来说,这是那种要提前适应的范式转向。
🔗:https://www.uisdc.com/figma-10

给人文工作者的 AI 使用指南
这篇是汉洋给写作者、研究者、人文工作者写的 AI 使用说明书,核心观点很清醒:别再幻想“神 Prompt”,而是把 AI 当工作台、当产线里的工人。它讲的不是某个魔法指令,而是一整套“怎么把 AI 接入写作/研究/内容生产流程”的方法论:要可追溯、可监督、可验证,最后还愿意署上自己名字。整体很反鸡汤培训号,更多是实战踩坑后的冷静经验,值得认真读完一遍再对照自己现在怎么用 AI。
🔗:https://hanyang.wtf/p/ai?triedRedirect=true
工具资源
Tenor — 给 AI「装上你的审美」的 UI 组件生成器
你丢一张参考截图,或者用文字说说想要什么组件,它帮你直接长成一个带交互、能跑的 React 组件,还能一键给 Claude 用。目前只做按钮、卡片、控制面板这类「组件级」UI,不碰整页大模板,定位非常清晰,感觉是冲着「AI 时代的设计系统基础设施」去的。

Sections.wtf — 只收集「好看网页区块」的灵感图库
帮你把各种优秀网站里的「局部模块」拆出来做灵感库:Hero、Pricing、Testimonial、FAQ、Bento、菜单、Footer 之类,按类型分类好,点进去就能看具体案例。适合做落地页、作品集、SaaS 官网时卡壳的设计师和产品经理,用来抄结构、抄信息架构,而不是整页乱抄。支持订阅周刊,算是一个垂直在「网页分区」层面的设计灵感站。

UI Design Dictionary — 把常见 UI 交互拆成 108 个“乐高积木”的可视化词典
把导航、表单、布局、反馈、媒体、Onboarding 等常见 UI 模式拆成 14 大类、108 个 pattern,每个都有小示意+一两句中日文解释。牛的点在于:它不是讲抽象概念,而是按「Tab Bar、Drawer、Command Palette、Skeleton、Empty State…」这种实战名词来整理,特别适合作为灵感库和团队对齐的“标准词表”。如果你做产品、设计系统或写需求,这站值得先码一波。
🔗:https://ui-design-dictionary.pages.dev/

MotionSites —一键生成「高档感」落地页首屏的AI提示词集
这就是一套帮你用文生图 / 文生页面工具,快速搞出「看起来就很会做设计」的 Hero 区域提示词合集。它把各种风格(SaaS、AI 产品、3D、极简、高级感)都拆成可复用的英文 Prompt,适合丢给 Midjourney、v0、Framer AI 之类的工具直接开干。挺偏「设计师/独立开发者效率外挂」那路子,比你自己现编英文形容词靠谱多了。

Paper Snapshot — 把网页一块块copy下来丢进设计稿里的浏览器扩展
你在任意网页上看到一块不错的卡片、组件、排版,用 Chrome 扩展一框,按回车,直接贴进 Paper 里继续排版、标注、改造。对设计师、产品、运营做页面拆解、灵感收集特别爽,相当于把「截图 + Notion 夹子 + Figma 白板」这一整套动作压成两步:选中 → ⌘V。Paper 本身就是给 AI 时代做内容/设计工作流的,这个 Snapshot 算是把入口扎到浏览器的一把锚。
🔗:https://paper.design/snapshot-extension

theSVG —— 品牌 Logo 素材库
5600+ 个 SVG 图标,按品牌、云厂商(AWS/GCP/Azure)、类别(AI、Devtool、Platform、Finance 等)都分好了,点开就是 SVG,复制就能用,还提供 API、npm 包、CDN 用法,甚至连浏览器扩展、Raycast 插件都帮你做好了,明显是奔着「融进你的工作流」去的。

LiftKit——遵循黄金比例的UI框架
这个框架用黄金比例的理念,结合实用的工具类,让设计师能做到 “看起来就是更好”。你可以通过简单的控件,实时调整全局色彩,甚至能自定义各种材料效果,比如玻璃、平面或橡胶。
🔗:https://www.chainlift.io/liftkit

产品发现
Accio Work-阿里推出的跨境电商版OpenClaw
AI能做到从 Shopify 开店、整理报价单、做内部工具,到定时跑报表、用浏览器爬信息、自动跟供应商发邮件。一个人就可以干跨境电商了。

Web Rewind — 互动式回顾过去30年的网页演变
按住空格键倒带,用时间轴形式回顾近30年互联网网页形态与风格的演变,让用户“倒带”浏览 Web 历史,感受不同年代的设计风格。
🔗:https://www.web-rewind.com/

SlapMac-用力拍 MacBook就发出怪叫
只针对搭载 M1 及以上芯片的 MacBook 的趣味应用,利用机身传感器感知拍打或 USB 插拔动作,并播放多种风格的叫声或呻吟作为反馈。定价 5 美元,据说已经卖了几千美元了。

PUA Skill — 让 AI Coding Agent 在调试和写代码时更有压力、更高效
好家伙,不止人被人PUA,连AI都被人PUA了。这个亮点在于把阿里、字节、华为、亚马逊等互联网公司文化抽象成 13 种「PUA 味道」,然后用这种话术去PUA AI,让AI写代码时更努力更主动,提升效能。
🔗:https://github.com/tanweai/pua/blob/main/README.zh-CN.md

App Store Price Tracker — 查询并对比各地区 App Store 应用价格的工具
想充值各种 AI 服务或者买 Netflix 等的有福了,这个网站可以对比 App Store 在全球各个国家地区的价格差异。当你查到最低价后,你就可以把自己的账号迁到最低的那个国家,然后以最低的价格来进行充值。

TURGAME — 在线购买土耳其游戏点券与礼品卡
可以和👆这个查价网站配合使用。很多情况下,购买 Xbox 游戏、Riot(英雄联盟 / Valorant)点券,以及 App Store、Google Play、Steam 等各类礼品卡时,土耳其区账号最便宜。这个网站支持用各国货币购买土耳其区点券。

相关资讯
WWDC26:苹果一年一度开发者春晚将于6月9日开始
苹果官宣将于北京时间 6 月 9 日至 13 日在线举行 2026 年度全球开发者大会(WWDC26),一年一次集中发布新系统、新框架、新工具,汇聚来自全球各地的开发者,共度联结、探索和创新的精彩一周。
🔗:https://developer.apple.com/cn/wwdc26/
美团 App 自动删除手机本地照片且无法找回
近期有用户反馈,美团 App 在未明确告知或未获得充分授权的情况下,疑似触发了对手机本地相册照片的自动删除,且删除后无法在 App 内或系统侧正常找回。由于涉及个人数据与照片资产的不可逆损失,该问题引发了对 App 数据访问边界、权限设计与误删兜底机制的关注与讨论。

这里有位网友 epcdiy 的技术分析我觉得不错 🔗:https://www.xiaohongshu.com/explore/69c8dfa500000000220026bc?xsec_token=ABX6IXSgce3qecxykRsRYnZ3jqm7yUWFot3vUMLQCHZP4%3D&xsec_source=pc_like
他认为照片被删这种“严重事故”,往往不是一个单点问题,而是多个环节一起出错——安卓的存储权限模型本来就复杂,各家厂商为了省空间、提性能乱上清理机制,App 自己还喜欢在“清缓存”里顺手加一堆有的没的功能,最后就演变成“你以为在清垃圾,它顺手把你照片给干没了”。
Token 中文名定为「词元」
最近在中国发展高层论坛上,国家数据局的刘烈宏正式给 Token 定了个中文名 ——“词元”。这个词可不简单,Token 在 AI 领域是模型处理信息的最小单位,简单来说,无论你问 AI 什么,最后都会被拆成 Token 来处理。
🔗:https://mp.weixin.qq.com/s/YZBxexW4nir5BVqds9MkKw
招聘信息
中兴招聘高级UI视觉设计师
任职资格:
- 本科及以上学历,视觉设计、交互设计、数字媒体等相关专业,5 年以上 UI 视觉设计经验,有操作系统 / 智能终端 / AI 产品视觉设计经验者优先;
- 精通视觉设计全流程,具备系统级 UI 设计能力,能主导设计语言体系(色彩、字体、图标、动效、组件库);
- 熟悉 AI 产品特性,能将智能体、记忆流、多模态交互等抽象概念转化为直观、友好的视觉表达;
- 具备品牌化 AI心智塑造能力,能将品牌基因与 AI 产品的未来感、信任感、温度感等特征结合;
- 熟练使用 Figma、Sketch、AE、Principle 等设计工具,了解前端实现逻辑,能与开发高效协作;
- 对设计趋势敏感,关注 AI 视觉、生成式设计、沉浸式体验等前沿方向,有成熟的作品集。
工作职责:
- 负责 AIOS 的全局视觉设计语言搭建,包括系统主题、组件库、图标体系、动效规范等;主导品牌 AI 调性的视觉落地,确保产品在视觉上传递可靠、智能、专属、有温度的品牌感知;
- 协同交互设计师、产品经理、开发工程师,推动设计方案从概念到上线的全流程落地;
- 建立并维护设计规范,提升设计效率与一致性,沉淀可复用的设计资产;
- 关注用户反馈与行业趋势,持续优化 AIOS 的视觉体验,提升产品辨识度与用户好感。
地点:上海/西安/成都
简历及作品集发送至hu.anni@zte.com.cn
体验碎周报第 274 期(2026.3.30)


