体验碎周报第 238 期（2025.6.23）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
大产品小细节
【亮点】情感化设计：让图片背景移除工具变成洗衣房
我们对图片背景移除工具再熟悉不过了。一个功能至上、毫无波澜的过程：上传图片，盯着一个冰冷的进度条缓缓爬行，然后下载结果。整个体验高效但乏味。其实等待过程中的「情感真空」也是一个巨大的设计机会！
Dverso Studio彻底颠覆了这一常规体验。其设计并非一个传统的工具界面，而是一个充满复古像素风的3D洗衣房场景。 当用户将一张待处理的图片拖拽到网页上时，这张图片瞬间被「物化」，变成一件虚拟的、脏兮兮的衣物。这件「衣物」被自动扔进中间的洗衣机，机门关闭，开始旋转，并伴有洗衣机震动的声音。处理完成后，洗衣机停止，一张干净整洁、已去除背景的图片就像刚洗好的衣服一样「新鲜出炉」，整个过程充满了叙事感和趣味性。
详情分析：https://www.uisdc.com/hunter/0221627656.html
【亮点】B站优化失效视频体验：巧用封面标题助力内容识别
B站刷到一条宝藏干货视频，想着以后肯定用得上，心满意足地把它加入了收藏夹。可几周或几个月后，当你兴冲冲地打开那个分组，准备回顾学习时，一个冰冷的灰色方块和「已失效」三个字却给你当头一棒。这视频是啥来着？是那个PS教程，还是那段健身跟练？大脑一片空白，当初的收藏意图也随之石沉大海。
B站在这个痛点上做了一次很棒的优化。即便视频已失效，其原始的封面和完整的标题依然被保留了下来，只是在封面上增加了一个「已失效」的半透明图层。这个设计让用户对失效内容一目了然，并且还配套提供了去UP主空间查看其他视频、一键清理失效视频、搜索相似标题的视频等功能。
这次优化完美体现了人机交互设计中的黄金法则——识别优于回忆。用户看到熟悉的封面和标题，能够瞬间「识别」出内容，而无需在记忆中痛苦地「回忆」。
详情分析：https://www.uisdc.com/hunter/0221628152.html
【亮点】Yahoo!天气：从温度数字到智能穿搭推荐的闭环体验
换季时节，最头疼的莫过于每天出门前那句灵魂拷问：「今天穿什么？」穿不对衣服不仅影响一整天的心情，甚至可能成为感冒的诱因。这种日常小烦恼，其实反映了一个普遍的用户痛点：天气数据和实际穿搭需求之间存在认知鸿沟。大多数人虽然能看懂温度，但很难快速将抽象的数字转化为具体的穿衣建议。
Yahoo!天气与WEAR的联动设计巧妙地构建了一个「天气-穿搭」的完整闭环体验。在 Yahoo! 天气 App 的主界面，除了基础的温度、天气状况等数据，「今日的服装指数」卡片被置于显眼位置。卡片内不仅有直观的服装图标（如三件长袖、一件薄外套）来量化「冷暖」，更有一张来自 WEAR 的真人穿搭示范图，配以「推荐穿毛衣或薄外套」的文字建议，直观又亲切。用户点击「今日天气穿搭」按钮后，会进入一个聚合页面，这里提供了更多基于今日天气的男、女、童装搭配方案。如果对某个搭配产生兴趣点击图片，就会无缝跳转到时尚应用 WEAR 的商品详情页，页面中详细标注了模特身上每一件单品的品牌、价格，并可以直接链接到购买，完成了从「知晓天气」到「获得穿搭灵感」再到「实现时尚消费」的顺滑旅程。
详情分析：https://www.uisdc.com/hunter/0221628768.html
【槽点】设计不一致引发用户体验危机：淘宝按钮改版引发信任度下降
淘宝近来一直在推荐设计规范更新，把原本大圆角按钮改成小圆角的矩形按钮。然后如此历史悠久和业务复杂的App 想要彻底更新所有页面设计风格并不容易，总会有漏网之鱼。
对于已经看习惯大圆角按钮风格的用户，一进App突然弹出小圆角矩形按钮的登录弹窗，会疑惑是什么牛皮藓广告，甚至会怀疑自己是不是手机中病毒。
这种设计不一致性带来的负面影响是双重的。对用户而言，首先冲击的是安全感和信任感。尤其在登录、支付等核心环节，任何与用户固有认知不符的界面元素都可能引发警惕，用户会因怀疑其为钓鱼弹窗或流氓广告而放弃操作，直接导致登录转化率下降。对于企业来说，这暴露了产品迭代管理上的疏漏，显得极不专业，损害了投入巨资建立起来的品牌形象。一个连自身界面都无法统一的App，很难让用户相信它在其他方面能做到尽善尽美。
来自 L.
推荐阅读
Liquid Glass 之外 Apple 的改变
链接：https://fenx.work/outside-of-liquid-glass-apple-changes/
本文探讨 Apple 新推出的 Liquid Glass 设计系统，分析其在 iOS 和 macOS 中的应用及效果。尽管 Liquid Glass 旨在增强界面活力和深度，但在实际使用中却因复杂性和不协调性引发用户困惑。设计变革虽然带来了视觉上的新鲜感，但也造成了功能层级混乱，影响了用户体验。作者建议 Apple 应坚持初心，注重实用性和可读性，以真正实现设计的优化和用户的便捷。
8个经典消费者行为决策模型
链接：https://mp.weixin.qq.com/s/XM0rmrnM-ksdliT2Yi9iyg
消费者行为决策模型是体验设计领域的重要工具，帮助设计师深入理解用户在选择产品或服务时的心理历程。这些模型不仅揭示了用户从认知到行动的心理阶段，还指导设计策略，优化用户体验。通过经典模型的应用，设计师可以绘制用户旅程地图，识别关键触点与痛点，提高设计效率。例如，AIDA 模型强调了引起注意、激发兴趣、形成欲望和促进行动的过程，而 CDJ 模型则适应了数字时代非线性决策路径，强调用户的自主评估与反馈循环。总之，消费者行为决策模型为体验设计提供了系统的理论依据，使设计师能够更精准地满足用户需求，提升品牌忠诚度与客户满意度。
App界的电子抽屉：Popover设计手册
链接：https://mp.weixin.qq.com/s/hxiTxMr-OcWtcB6xtU6ZQA
Popover 是移动端设计中的关键组件，如同电子抽屉，承载额外信息与功能。它源于电脑右键菜单，但在智能手机时代获得了新生，成为小屏幕上的轻量化交互解决方案。合理运用 Popover，不仅能减少页面拥挤感，还能降低用户认知负担，提升操作效率，是设计师提升用户体验的 “偷懒神器”。
设计有效的定价方案
链接：https://mp.weixin.qq.com/s/dqGFEGW5y11ANaUDmrsqhg
设计有效的定价方案至关重要，能够显著提升用户购买决策体验。文章探讨了用户在浏览定价页面时的行为模式，包括如何简化信息、优化表格设计，以及突出方案差异。采用透明定价、明确用户角色标识和客户背书等策略，能增强用户的信任感。理解这些设计原则，有助于将复杂信息转化为用户友好的决策路径，从而推动销售增长。
工具资源
妙多成为全世界首个内置液态玻璃效果的设计工具
苹果的液态玻璃（Liquid Glass）确实有下细节功夫。 液态玻璃设计的核心在于其动态渲染特性。通过复杂的算法计算光线在虚拟玻璃表面的反射和折射，模拟出真实世界中玻璃材质的光学特性。就像真正的玻璃在不同光线下呈现出的变化。让整个界面充满了物理世界的真实感。
但想要在UI设计工具中实现这个效果就不容易了，苹果官方提供的Sketch源文件中需要叠加3层填充和6层内阴影才能到达类似效果，每一层都有特定的混合模式、透明度和颜色值，稍有调整就会让整个效果变得廉价。
Figma宣称正在开发一键生成液态玻璃效果的功能。然而这却被来自中国的AI设计工具妙多率先实现。妙多成为全世界首个内置液态玻璃效果的设计工具，一键即可生成液态玻璃的效果。仅需调整2项数值，即可模拟出玻璃的物理特性，比如材质的光泽、透明度、流动性等。
把设计师从繁琐、重复的技法模仿中解放出来，可以把更多精力投入到创意思考和整体体验的构建上。
App Icon Template——苹果发布的玻璃逆天图标设计模板
https://www.figma.com/community/file/1514335373494164156
这是一个专为 iOS、iPadOS、macOS 和 watchOS 26 设计的应用图标模板。使用此模板，可以轻松导出与 Icon Composer 完美匹配的资产。模板的使用旨在简化图标设计过程，提高效率。
Icon Composer——苹果玻璃拟态多层图标设计工具
链接：https://developer.apple.com/icon-composer/
该工具采用 Liquid Glass 材质，具备多种动态光照和视觉属性，使图标设计更具深度和维度。可以从单一设计出发，轻松定制每个平台的图标，使用新的圆形封闭形状和更新的网格系统，实现一致性设计。Icon Composer 还提供实时预览功能，让用户可以即时查看设计在不同外观模式（如默认、黑暗和单色模式）下的表现，并可在不同背景下测试图标效果。完成设计后，用户可以将图标直接导入到 Xcode 中，支持即时更新和同步，极大提高开发效率。
Flowstep——AI生成用户流程图、线框图和UI
先用AI生成流程图，再生成线框图，最后生成UI，每一步都能调整。相比于纯AI生成UI，这样更好的把控业务逻辑和操作流程，最终生成的UI更符合自己的需求。
Designspiration——设计灵感收集平台
链接：https://www.designspiration.com/
类似花瓣、Pinterest。提供图像和颜色搜索引擎，帮助用户创建情绪板和寻找灵感，包括艺术作品、设计、标志、摄影、应用程序和用户界面设计。借助新推出的浏览器扩展，用户还可以方便地保存灵感、颜色、链接和笔记，提升创意效率。
可视化大屏模板素材、组件库素材合集 6.0 版本
链接：https://www.figma.com/community/file/1254400233888981688/6-0
包含多种类型的模板和组件，如折线图、智慧城市和数字孪生等，适用于不同的项目需求。所有资源均为免费更新，确保用户能够获取到最新的设计元素。
内外圆角计算工具
如果多个圆角包含，内外圆角的曲率是不一样的。这也算UI设计的常识吧，但苹果最新的液态玻璃设计风格却打破了这个规则。所以这个工具又火了一把。
产品发现
NoFeed——避免首页推荐内容干扰，直达搜索
链接：https://apps.apple.com/us/app/nofeed/id6745481301?platform=iphone
我们常常在打开某个 App 后，被首页推荐内容吸引，结果忘记了最初的搜索目的。NoFeed 通过一键跳转，用户只需输入 App 名称和搜索关键词，便能直达搜索结果页，避免了首页的干扰和注意力的分散。它不仅提供了快速、简单的搜索体验，还自动记录用户的搜索行为，帮助用户回溯自己的注意力轨迹。用户可以自定义 App 的别名，提升搜索的灵活性。
XiaoMusic——无限听歌，解放小爱音箱
链接：https://github.com/hanxi/xiaomusic
音乐资源通过 yt-dlp 进行下载。用户只需简单配置即可运行，支持语音指令操控，如播放歌曲、搜索音乐等。
ice——隐藏和显示macOS菜单栏项的免费工具
链接：https://github.com/jordanbaird/Ice
支持拖放界面、自动重隐藏、菜单项分组等，极大提升了用户的操作效率与体验。此外，Ice 允许用户自定义菜单栏外观，包括颜色、形状和阴影等，甚至支持不同模式下的设置。
互动在线编译器，实时查看代码的汇编输出
支持 C++、Rust、Go 等多种语言。用户可以在这里编写代码，并即时查看编译后的汇编输出，帮助理解源代码与机器指令之间的关系。平台提供丰富的功能，如语法高亮、自动编译、代码格式化、编辑器主题定制等，提升了编程体验和效率。无论是学习还是调试，Compiler Explorer 都是程序员的理想工具。
Prompt Optimizer——AI提示词优化器
链接：https://prompt.always200.com/
该工具的核心特性包括智能优化功能，一键提升提示词的有效性，并支持多轮迭代改进，显著提升 AI 的回复准确性。此外，Prompt Optimizer 还允许用户对原始提示词与优化后提示词进行实时对比，直观展示优化效果。它支持多种主流 AI 模型，如 OpenAI、Gemini、DeepSeek 等，用户可以为每个模型单独配置温度和最大令牌数等高级参数。
相关资讯
美团重组设计和产品序列
据核实，自6月20日起，美团设计部门将原有的交互、UI、等细分岗位重新整合，统一更名为”设计”岗位。此次调整可能伴随人员优化。产品经理序列也进行了类似合并，不再细分为工具产品、数据产品、策略产品等岗位。
这次改革对日常工作影响有限，合并的主要背景与AI技术发展有关。随着AI生成技术的普及，传统的交互与视觉分工已不再必要。目前多家大厂都采取了类似措施：小型项目由一人统筹交互和视觉设计，重点项目仍保持专业分工。不过，部分员工对此表示担忧，主要是因为需要在短期内掌握新的专业知识和工作方法。另一个待解决的难题是：如何在晋升时对合并后的综合专业技能进行公平评估。
社交言论
如何获取豆包生成的无水印图片
链接：https://web.okjike.com/u/2204A477-38C8-4D9D-9705-9C9B990BE042/post/68543a12d82bae994adc26c2#comments
招聘信息
微信招聘影像效果设计师/视觉设计师/产品体验设计师/实习生
链接：https://mp.weixin.qq.com/s/a_9jwet_jHGCNa33gt13rA?scene=1
Kimi招聘UI视觉设计师
base 北京
体验碎周报第 238 期（2025.6.23）
