体验碎周报第 171 期（2023.12.25）

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

体验亮点

滴滴、哔哩哔哩可关闭摇一摇广告

滴滴、哔哩哔哩在设置中提供关闭摇一摇开屏广告的功能，简直良心。

体验槽点

Chrome 插件被用户停用的文案误解

Chrome 插件页面的一个文案小问题，咋一看以为是这个插件被谷歌停用或者下架了，实际是被当前用户停用了。

所以这里文案如果增加一个“您”或者“你”字，就不会有误解了。

来自 哥飞

推荐阅读

深入解读，让用户养成使用习惯的产品逻辑

链接：https://www.zcool.com.cn/work/ZNjczMDA1NzY=.html

介绍了上瘾模型和福格模型的原理和在互联网产品中的运用。

浅谈美颜特效

链接：https://mp.weixin.qq.com/s/JtHSyZp9zstxpXvSfXgEiA

本文简要介绍了美颜特效的历史与现状，关键技术以及用户需求的变化。美颜特效作为社交媒体不可或缺的元素，随着技术的发展不断演进。从最初的图像处理到智能化、个性化的美化工具，通过深度学习和计算机图形学等技术，实现了人脸检测、磨皮、美白等效果。用户对美颜特效的需求也从简单的美白磨皮延伸到多样化的妆容滤镜，反映了审美的多元化。然而，美颜技术的广泛应用也引发了对社会审美和容貌焦虑的讨论。随着社交媒体的虚拟化，人们开始思考真实的社交关系和当下的真实性。

设计工具的画布手柄（英文）

https://bjango.com/articles/designtoolcanvashandles/

设计工具的画布手柄在边界框周围提供了很多功能，但有些功能是隐藏的。这使得学习行为和与对象交互变得相当棘手。交互命中区域可能很小或形状奇怪，使其难以目标定位。不同的设计工具对于这个问题的处理方式不同。Sketch 和 Figma 将边界框放大以便所有手柄都可访问，而 Affinity Designer、Illustrator 和 Photoshop 则允许手柄堆叠在一起。此外，鼠标在手柄内的偏移也会影响精确性。Photoshop 和 Affinity Designer 考虑到了这一点，而 Sketch、Figma 和 Illustrator 没有。

移动应用程序中的导航模式。如何做出正确的选择？（英文）

链接：https://uxdesign.cc/navigation-patterns-in-mobile-applications-how-to-make-the-right-choice-fa3c228e5097

本文主要介绍了移动应用中常见的导航模式，包括标签栏、侧边栏和基于搜索的导航。标签栏是最常用的导航方式，通过底部的标签按钮可以快速访问应用的主要部分。侧边栏则通过点击侧边的菜单图标展开，提供更多的导航选项。基于搜索的导航则在大型信息库的应用中常用，用户可以通过搜索功能快速找到所需内容。不同的导航方式各有优缺点，设计师需要根据具体情况选择最适合的导航模式。

AI 抢 UX 饭 碗 年 终 总 结

链接：https://mp.weixin.qq.com/s/rBm4q2VbrJ0-voSzcs3F3w

介绍并测评了一些 UX 用的 AI 工具，得出结论：AI 在 UX 设计中的应用还不够成熟，存在一些限制和局限性。AI 产品在处理背景信息理解和解决方案针对性方面仍有欠缺，而 UX 设计更强调问题分析和解决能力。因此，AI 在 UX 设计领域仍有一定的发展空间，并需要进一步提升设计差异性和设计判断力。

Adobe 放弃收购 Figma ，或许来自 AI 的改变比想象的更猛烈

链接：https://mp.weixin.qq.com/s/8IJ2D-CT66SW1MKNK8dWNQ

Adobe 原计划收购 Figma，但最终放弃了。作者认为这可能是因为 Adobe 改变了对未来的判断，将重点放在人工智能上。Figma 的未来不确定，可能会被其他公司收购或上市。Adobe XD 可能不会重新启动，因为已经被 Figma 打败并处于维护阶段。

从 Adobe 放弃收购 Figma 开始说说

链接：https://mp.weixin.qq.com/s/PMQFzsBODNDonRkAoMVycw

作者认为，Adobe 终止收购 Figma，标志着一个时代的结束。UX 设计行业正面临着新的挑战和变革，进入了一个图形用户界面和对话式界面混合使用、软界面和现实空间融合交互、UX 设计能力被普及人人都可以参与的时代。市场需求在减弱，AI 技术的发展也对 UX 设计师的需求产生了影响。但这并不意味着 UX 行业的死亡，而是一个新的行业时代的开启。

工具资源

Dark Themed Web Design Inspiration —— 深色模式网站收集

链接：https://www.dark.design

专门收集漂亮的深色模式的网站，目前收集了 100 个左右。

One Page Love —— 单页网站收集

链接：https://onepagelove.com/

单页网站是指只有一个页面做的网站，所有内容都位于同一个网页之中。这个网站从 2008 年开始收集单页网站，目前已经收集了 8000 多个。

Figmafolio —— 用 Figma 转换作品集网站

链接：https://www.figmafolio.com/

Figmafolio 是一个将 Figma 文件转化为网站的工具。用户可以在 Figma 中设计整个网站或个人作品集，只需注册并粘贴 Figma 原型链接，即可预览并发布网站。还可以绑定自定义域名。

Handoff —— 设计系统交付工具

链接：https://www.handoff.com/

Handoff 可以将 Desgin Token 从 Figma 中提取出来，并转化为可供开发使用的 CSS 样式。它还创建一个设计系统文档网站并自动更新内容，方便团队成员查阅和使用。Handoff 是开源项目，可以免费使用，并支持与 Bootstrap 等前端框架的集成。

Tripo AI —— AI 生成 3D 模型

链接：https://www.tripo3d.ai/app

可以文字提示语也可以上传图片，AI 生成 glb 格式的 3D 模型，用于虚拟现实、游戏、可视化等领域。

Magnific AI —— AI 提升图片细节

链接：https://magnific.ai/editor/
这个工具和纯粹提升图片分辨率变清晰的不一样，而且还会给图片添加很多原本没有的细节，让图片显得更真实精致。

产品发现

MacMenuBar —— macOS 菜单栏工具收集

链接：https://macmenubar.com/

专门收集在 macOS 菜单栏常驻图标的工具，目前收集了 35 个分类 850 多个软件。

Landingfolio —— 业务组件多平台代码复制

链接：https://www.landingfolio.com/library#components

这个网站按电商、区块链、在线课程等业务类型对组件进行分类，可以直接复制组件对应的 Tailwind、Vue、React、Pug 代码，或粘贴到 Figma、Webflow。

Bedrock Computer —— 集成文件、网页的管理协作工具

链接：https://www.bedrock.computer/

Bedrock Computer 可以整合各种数据来源，包括本地文件、Web 应用和云存储用来统一管理，支持多人协作。

一站式 Mac 教程

链接：https://44maker.github.io/wiki/Mac/index.html#start

一套全面的 Mac 配置教程，旨在解决大部分 Mac 问题。内容包括上手验机、系统设置、软件安装、日常软件、开发配置、渗透工具、常见问题等方面。适用于 Arm 架构的 MacBook、Mac mini 等机型。

微软生成式 AI 在线课程

链接：https://microsoft.github.io/generative-ai-for-beginners/#/translations/cn/

本课程通过 12 章的课程，向初学者介绍了生成式人工智能的基础知识和应用程序开发。课程涵盖了生成式人工智能原理、LLMs 模型、负责任使用 AI、提示工程、文本生成、聊天应用、搜索应用、图像生成、低代码应用、函数调用和用户体验设计等内容。通过学习这些知识，可以构建生成式 AI 应用程序并了解相关的拓展学习资源。

Pipe Dreams —— 雅虎 Pipes 历史回顾

链接：https://retool.com/pipes

是关于雅虎 Pipes 历史的互动网页。这项服务于 2007 年推出，通过可视化编程工具提供了多种功能，如聚合新闻、过滤信息、定位地点等。它吸引了大量用户，但由于技术限制和缺乏商业模式，最终未能实现其潜力。雅虎管道是互联网早期创新的典范，但也成为未能实现的潜力的象征。

Prompt-Brush —— 提示词人工生成图片

链接：https://www.delcan.co/promptbrush

一个新时代的行为艺术网站，输入一段提示词，网站作者会人工画出一幅画，当然人工很慢，所以你得过几天才能看到画作。

相关资讯

Adobe 发布 Spectrum 设计系统第 2 版

链接：https://s2.spectrum.adobe.com/

Spectrum 2 是 Adobe 的设计系统的新版本，通过更新图标、插图、字体、颜色等细节，Spectrum 2 将提供更精致、令人愉悦的用户体验。

Midjourney V6 发布

链接：https://mp.weixin.qq.com/s/M9y223gM8-pjlaWVB6qi-w

新的 Midjourney 生成的图片质量更高，但是也因为生成有版权的影视作品插图时过于相似有法律风险。

Google 发布 2023 年最受欢迎的 12 款 Chrome 浏览器扩展

链接：https://chromewebstore.google.com/collection/2023_favorites

其中至少 5 个和 AI 有关。

TapTap 更新品牌并发布品牌指南

链接：https://www.figma.com/community/file/1319665527074872437

招聘信息

中国国际金融股份公司招聘体验设计师

岗位职责

1. 体验设计师，全程参与设计分析、设计策略到设计方案输出的工作
2. 负责公司交易类业务（交易工具、量化策略、交易服务等）及核心交易链路的交互设计工作。
3. 熟悉用户与数据分析，了解设计规范，具有一定审美水平，以及系统化设计思考能力；了解交易产品与业务逻辑优先

任职要求

1. 沟通能力强，有较强的产品意识，能高效理解产品思路，敏锐判断设计的可行性;
2. 有全局意识，理解力强，能够主导复杂项目，擅于运用各种方法解决设计问题;
3. 逻辑思维清晰，自驱力强，善于总结和分析，并能推动方案落地，起到团队示范作用;
4. 活泼开朗、热爱生活。

投递邮箱：qiufan.guo@cicc.com.cn

ProtoPie 招聘原型设计师（可远程工作）

链接：https://ats.rippling.com/protopie-careers/jobs/afca841c-198c-425a-8deb-5a226791487e