体验碎周报第 258 期（2025.11.17）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
大产品小细节
亨氏番茄广告：番茄化身运动员的创意设计
你觉得番茄和体育精神，这两样八竿子打不着的东西，能有什么关系？在大多数人看来，这简直是风马牛不相及。
但亨氏的这个广告，却把它们完美地融合在了一起，效果出奇地好。 这个亨氏的地铁广告设计，在视觉上极具冲击力。首先，整个画面以大面积的白色为底，凸显出数十个饱满、鲜红的番茄，色彩对比强烈，有效抓住了来往行人的注意力。布局上，广告采用了一种严谨的网格化排列，将形态各异的「运动番茄」们整齐地展示出来，环绕着位于画面中心的亨氏番茄酱产品，使得视觉焦点明确。最核心的创意在于，设计师巧妙地利用了番茄顶部的绿色萼片，将其塑造成了不同体育项目运动员的剪影，比如体操、游泳、击剑、攀岩等，形态生动，富有动感。
🔗：https://www.uisdc.com/hunter/0221648959.html
灯具网站的创新深色模式：点亮产品真实光效
深色模式难道不就是把背景色从白色改成黑色吗？如果你这么想，In Common With的设计会彻底颠覆你的认知。这个销售灯具的网站告诉我们：真正的深色模式，不是简单的配色切换，而是整个视觉情境的重构。 默认状态下，页面是浅色背景，所有灯具产品图都像在白天拍摄的一样，灯是关闭的。当用户切换到深色模式后，神奇的事情发生了：整个网页的背景会平滑地过渡到深色。但更关键的是，页面中所有的灯具图片，都同步切换成了在黑暗环境中点亮发光的样子。每一盏灯都散发着自己独特的光晕，用户能直观地看到灯光的效果、色温和氛围感。 完美解决了线上购买灯具最大的痛点——无法预览真实光效。用户不再需要猜测，可以直接看到产品在“夜间模式”下的核心表现。
🔗：https://www.uisdc.com/hunter/0221648952.html
胖东来的「负6克」秤：诚信设计的极致体现
一个超市的秤，开机默认显示的不是0，而是-6克，这是不是弄错了？
恰恰相反，这个反常识的设计，不仅没被投诉，反而成了圈内人津津乐道的良心操作。
走进胖东来的生鲜区，你会发现一个有趣的细节：所有电子秤的显示屏上,都默认显示着「-6克」的数字。这不是操作失误,而是刻意为之——店家提前将每个塑料袋的重量(约6克)设置为「去皮重量」，确保顾客只为食材本身付费。 更绝的是水产区。店员在称重前。会主动提醒顾客「把水沥干」，甚至亲自动手抖掉虾、蟹、贝类表面多余的水分。他们的理由很简单：「我们只卖海鲜,不卖水。」这句话配合那个「负6克」的秤，构成了一套完整的诚信叙事——从称重逻辑到操作流程,每个环节都在向消费者传递同一个信号：我们不占你便宜。 值得注意的是，胖东来的塑料袋本身就是免费的。即便不调秤，顾客也没有为塑料袋额外付费。但胖东来还是选择多做一步。把这个理论上「不存在的成本」也算得清清楚楚。
🔗：https://www.uisdc.com/hunter/0221648467.html
山姆App的「再看一遍」陷阱:滥用用户习惯的暗黑设计
如果我告诉你，有个App不是让你「跳过广告」，而是在诱导你「再看一遍」，你会相信吗？更离谱的是，这个按钮还偏偏放在你最习惯点击的位置。
山姆App当开屏的品牌宣传视频播放完毕后，界面会跳转到登录页。问题的核心就出在右上角那个不起眼的按钮上——它没有写着我们习惯的「跳过」，而是写着「再看一遍」。它的位置、大小和样式，都和我们大脑里已经固化了的「跳过」按钮一模一样。 它利用了用户的习惯和肌肉记忆，设置了一个「行为陷阱」。用户在无意识状态下，期望通过点击右上角来节省时间，结果却被迫浪费了更多时间，这种被欺骗和愚弄的感觉会瞬间引发用户的反感。
🔗：https://www.uisdc.com/hunter/0221648316.html
来自 disinfeqt
推荐阅读
通过设计，校准对 AI 的信任度
本文探讨如何通过设计提升用户对 AI 的信任度，避免过度信任和不信任。通过透明度、用户控制、错误管理和反馈机制等设计策略，使用户能够清晰理解 AI 的工作原理，掌握主动权，并参与系统的学习与改进，从而建立合理的信任关系。具体方法包括提供上下文解释、可调节信号权重和即时反馈等，帮助用户在使用中与 AI 形成协作。
🔗：https://mp.weixin.qq.com/s/LzotreYokiW1QDqcUsM2vg
AI 生成的网页总爱用蓝紫渐变？真相藏在5年前！
AI 生成的网页设计常常使用蓝紫渐变，这一现象源于五年前 Tailwind CSS 的默认设置。Tailwind CSS 将按钮颜色设为靛蓝，这一选择影响了大量的教程与开源项目，形成了数据的 “路径依赖”。结果，AI 在生成设计时也倾向于使用这些高频色彩。为了避免这种单一风格，设计师可以通过约束性提示词和结合自然色彩来指导 AI，提升设计的多样性和个性。
🔗：https://www.uisdc.com/ai-design-bias
告别无效提问！深度解析用户提示词和系统提示词
本文深入探讨了提示词工程的重要性，帮助用户有效与 AI 沟通。通过明确的用户提示词（User Prompt）和系统提示词（System Prompt），用户可以优化指令，提高 AI 生成的结果质量。文章提供了清晰的技巧，例如设定角色、提供示例、使用清晰语言等，帮助用户提升与 AI 互动的效率。掌握这些技巧后，用户将能够更精准地获取所需的输出，从而提升工作效率与创作质量。
🔗：https://www.uisdc.com/user-prompt-sys-prompt
即梦AI生成字体50%侵权抄袭设计师作品！
即梦 AI 生成的字体作品存在高达 50% 的侵权风险，模仿和拼接设计师的原创作品。设计师们需警惕，上传作品可能导致版权被侵用。AI 技术虽然看似先进，但其生成作品的本质是对已有设计的重组与替换。在版权未登记前，建议设计师慎重分享作品，以保护自身创意。行业面临挑战，设计师需思考如何在 AI 时代保持原创性。
🔗：https://mp.weixin.qq.com/s/ChRkREnO6tmiHmDw-w87cg
【英文】UX 战略的六个关键组成部分
UX 战略并非固定目标，而是连接现状与未来的旅程。它通过识别用户需求和业务目标，指导决策以最大化成功的可能性。有效的 UX 战略需考虑用户细分、优先事项、高价值行动、可行性与风险。优质 UX 不仅是外观设计，更在于提供清晰、流畅、快速的体验，从而增强用户感知价值。通过有效的 UX 战略，设计师可以直接影响业务结果，实现可持续增长。
🔗：https://www.smashingmagazine.com/2025/11/practical-guide-ux-strategy/
工具资源
Mobbin提供动效资源
Mobbin是全球最全的数字产品截图库，设计师拿来找灵感非常好，除了APP截图、网页截图。最近新提供了动效的录屏，目前有1000多个的样子。
🔗：https://mobbin.com/discover/apps/ios/animations
Efecto——创意视觉效果工具
让用户能够实时应用各种惊艳的效果，如 ASCII 艺术、抖动和半色调等。无论是 3D 模型、视频还是图像，Efecto 都能轻松处理，并提供多种互动设置和效果选择。用户还可以自定义模型颜色、背景以及旋转、缩放等功能，极大地增强了视觉表现力。
Nolow DS——免费 Shadcn 设计系统
专为 Figma 设计，包含 43 个组件，如按钮、卡片和对话框等。该系统支持多品牌主题切换，具备明暗模式，确保在手机、平板和桌面设备上完美响应。
🔗：https://www.figma.com/community/file/1568461783100341966
InclusiveColors——创建符合 WCAG 的无障碍色彩调色板
专注于无障碍设计，确保满足 WCAG 和 APCA 对比要求。用户可以同时创建多种色彩样本，精确控制每种色调的明暗与饱和度，同时实时检查颜色对比，确保设计的可读性与视觉美感。支持多种导出格式，方便与 Figma、Tailwind 等设计工具集成。
🔗：https://www.inclusivecolors.com/
Layrr——可视化前端页面编辑工具
开源的可视化编辑器，允许用户以拖放方式设计，并将设计转化为真实的代码。支持多种开发框架，如 React 和 Vue，无需重建项目。通过简单的命令，用户可以在本地环境中启动 Layrr，实现即时编辑和代码更新，提升开发效率。
感觉又回到了20多年前的FontPage，不同的是现在前端更成熟，又有AI。可视化设计产生的网页冗余代码没那么多。
产品发现
AI ChatHub - 一次输入，同时对话多个AI模型
可以同时与多个主流 AI 模型（如 ChatGPT、Gemini、Claude 等）对话。通过简洁的界面，一次输入您的问题，自动填充各个 AI 网站的输入框，让比较不同 AI 的回答质量变得更加高效。
Nessie——将 AI 聊天记录转化为个人知识库
将分散的 AI 聊天记录转化为个人知识库的应用。通过一键提取和结构化笔记，用户可以轻松捕捉和组织重要的洞察，避免将宝贵的想法遗失在聊天历史中。Nessie 支持批量导入 AI 聊天记录，并通过搜索功能帮助用户快速找到所需内容。更重要的是，Nessie 保护用户隐私，所有数据存储在本地，不会被服务器访问，让用户的思考安全无忧。
心愿罐头——记录心愿，珍藏成长与美好
专为记录和珍藏心愿而设计的应用，让你轻松写下想实现的愿望，记录每一步追逐心愿的过程。通过简洁的界面和便捷的功能，它鼓励用户珍视生活中的每一个小目标和成就。同时，结合心理学的理念，它帮助你发现生活的美好，促进情绪管理和成长。
🔗：https://apps.apple.com/cn/app/心愿罐头/id6737870641
Tracck！——内容创作者的商单管理工具
提供收入计算、订单记录和排期功能。相比于普通记账应用，Tracck！拥有清晰的商单列表和多帐号分类，帮助创作者高效管理内容合作。同时，数据分析功能让收入趋势一目了然。无论你是博主、画师还是设计师，Tracck！都能成为你创作路上的最佳搭子。
🔗：https://apps.apple.com/cn/app/tracck/id6743366923
Liquify Cursor——为光标添加实时液态玻璃放大效果的浏览器扩展
如果遇到电商网站宣传广告词故意把一些限定条件写得很小，或者设计师走查的时候。这种放大效果就很实用了。
相关资讯
Mozilla 发布火狐浏览器新吉祥物 Kit
Mozilla Firefox 火狐浏览器于 11 月 7 日宣布品牌焕新，推出全新吉祥物 Kit。Kit 是一只火红色的小狐狸，象征着私密与开放的互联网体验。为了庆祝 Kit 的推出，官方推出了印有新吉祥物的商品，如 T 恤、贴纸和旅行杯。此外，火狐浏览器的电脑端还将推出以狐狸元素为特色的新标签页背景，展示这一可爱形象，吸引用户的关注。
苹果将对微信小程序收取 15% 的苹果税
苹果与腾讯达成协议，微信小程序将开始收取 15% 的 苹果税，结束了一年多的争议。这意味着，iOS 用户在小程序中进行虚拟商品购买时，将按照苹果的规定使用苹果支付。虽然开发者可能面临佣金压力，但这也为他们提供了更顺畅的支付渠道，增加了变现机会。对于苹果来说，15% 的抽成率虽然不高，但却是对市场的一次重要让步。
体验碎周报第 258 期（2025.11.17）
