2022-05-16发表2022-05-15更新体验碎周报31 分钟读完 (大约4640个字)

体验碎周报第 95 期（2022.5.16）

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

体验亮点

Java 提示删除未使用版本

超过 6 个月未使用的 Java 版本，会被官方弹窗建议删除该版本。如此良心的厂商找不到第二家。

来自 @丸子桑嘛

BOSS 直聘小程序快捷导航入口

常规的小程序左上角放【返回】和【回到首页】，BOSS 直聘改成快捷导航入口，能更方便的跨层级到达想去的页面。

体验槽点

QQ 音乐 Mac 版音量调节

音量控制放在气泡菜单里，需要点击打开。但直觉上点击音量图标是直接控制静音，为了解决静音的问题 QQ 音乐又在气泡菜单里加了一个音量图标专门控制静音，打开气泡菜单两个一模一样的音量图标。这个解决方案很不优雅。

工具资源

ditto —— 界面文案管理工具

链接：https://www.dittowords.com/drafting

此款工具不仅能对界面文案进行统一管理，还有 Figma 插件将视觉效果图上的文字与文案形成链接，一端修改另一端自动同步更新。不仅如此，也能和代码连接，设计师可自己修改文案，代码一键同步，不用求程序员反复修改。

Visily —— 面向非设计师的智能 UI 设计软件

链接：https://www.visily.ai/

智能主要体现在帮助用户选择合适的主题配色、文字，包含数百个漂亮的模板和组件。像 PowerPoint 一样拖拖拽拽就能做出合格的 UI。

Leonardo —— 为设计系统创建调色板

链接：https://leonardocolor.io

Leonardo 是一款基于对比度的颜色生成工具。你可以用这款工具创建一个自适应的颜色主题，并从色阶、亮度、色度、过渡、深色模式等多个角度对颜色主题进行精细调整。制作完成后可复制主题的 URL 以与团队成员共享，下载生成的 SVG UI 工具包或复制所有输出颜色值。

用墨水思维改善设计决策

链接：https://www.nngroup.com/articles/ink-thinking

设计师工作中需要做出很多决策，有时候靠直觉经验有时候靠方法分析，但不是每次做出的决策都是对的。墨水思维是通过每天记录自己所做的决策和预测的结果，结果发生后再反思决策的方法。尼尔森诺曼集团为此提供了一个模板。

Figma 动效曲线参数与各平台开发参考

链接：https://bytedance.feishu.cn/docs/doccnS5ffpI6tQXRS1uoY9ligog

动效做出来后如何让开发通过代码还原出来就是难事了。这个表格将 Figma 内的动效参数与 CSS、Android、iOS 里对应的函数代码做了整理，帮助开发人员做动效时参考。

Roboto Flex —— Google 推出的可变字体

链接：https://fonts.google.com/specimen/Roboto+Flex

Roboto 是 Google 推出，Android 的默认字体。最近 Google 推出 Roboto Flex 可变字体，具备 12 个维度的字体调整。

Font Gauntlet —— 可变字体在线预览

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

该免费在线工具可用于可变字体的校对和生成。上传可变字体文件，进行多维度的调整预览。

Arco Toolbox —— Arco Design 设计系统的 Figma 插件

链接：https://www.figma.com/community/plugin/1097814681219767573

Arco Toolbox 是由字节跳动为自家的 Arco Design 设计系统推出的 Figma 插件，帮助设计师和研发同学工提效的设计工具，包含四个主打功能：

Components：快速定义组件样式，组件用法全知道
Tokens：查看主题全局样式，设计 token 一目了然
Iconbox：一键拖拽使用图标，支持在线调整，灵活配置，游刃有余
Palette：强大色彩算法，快速生成属于你的调色板

Figma Section —— Figma 选择增强插件

链接：https://www.figma.com/community/plugin/1105082111167032053

可自由拖拽移动和修改 Section 的大小，保留了 Section 内部 Frame 的标题，Section 可自由向内嵌套等。不过按照 Figma 的限制，插件必须保持运行状态，这些功能才生效。

little big city —— 开源的 3D 地图生成

链接：https://pissang.github.io/little-big-city/

根据坐标，自动生成 3D 地图。具备球形和等体积两种风格，支持多种参数定制。

iSVG —— 开源的 SVG 交互图文搜索引擎

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

SVG 不仅可以做图标，很多公众号内炫酷的交互动画也是用 SVG 做的。iSVG 是 SVG 交互图文搜索引擎，帮助你找到 SVG 交互文案案例和编辑器。

Motion DevTools —— Chrome 动效开发插件

链接：https://motion.dev/tools

安装该工具后，会在 Chrome 浏览器的检查面板出现一个新的【Motion】标签页，接下来就可以检查、编辑和导出用 CSS 和 Motion One 制作的动效。

产品发现

看见统计 —— 可视化学习概率论和统计学

链接：https://seeing-theory.brown.edu/cn.html

概率论和统计学难度挺大，看见统计由 Daniel Kunin 在布朗大学读本科的时候开始制作。致力于用数据可视化让统计概念更容易理解学习。 (数据可视化使用 Mike Bostock 的 javascript 库 D3.js 制作)

what3words —— 只需三个词定位任何地点

链接：https://what3words.com/zh-hans/products/what3words-app

日常沟通中描述自己所在地点挺难的，尤其对于路痴来说只能用“在一个有红色小楼的旁边的树下”类似的说法。what3words 这款产品也许正是从这种描述中获得灵感。将全球划分为由 3 米方格所组成的网格，每块方格都有一个独一无二的三词地址。三词地址易于交流和分享，并且跟 GPS 坐标一样准确。比如：

GPS：51.520847, -0.19552100 ←→ /// 产权.绝缘.墨镜

Clean My PC Wechat —— 清理微信 PC 版本的缓存

链接：https://github.com/blackboxo/CleanMyWechat

手机上的微信吃掉了我们的手机空间，其他平台的微信也一样。该工具能自动删除 PC 端微信自动下载的大量文件、视频、图片等数据内容，该工具不会删除文字的聊天记录，请放心使用。

浪潮 —— 社会事件追踪

链接：https://langchao.org

浪潮提供一种全新的新闻摄取、追踪方式让读者能够清晰明了地获得一个社会事件的来龙去脉和后续更新。浪潮的信息组织形式得以让你在嘈杂的信息源中快速获得事件的摘要。浪潮是一个公共数据库，忠实地记录下国内外社会上值得铭记的事件。

字节跳动推出聆镜直播一体机

字节跳动通过抖音短视频直播获得了巨大成功，由此也开始了进行相关硬件产品的研发工作。聆镜视频直播一体机是一款集成了音视频采集、智能处理、上传传输一体化的硬件设备，社交直播、电商直播、户外直播、大型活动直播等使用场景都很实用。设备的顶部是自拍用的摄像头，中间的屏幕是类似手机屏幕的大小，下面还有 3 个调节旋钮，分别可以调节麦克风音量，背景音乐音量以及环境音量。

metamemo.ai —— 个人知识库

链接：metamemo.ai

又是一款创新笔记软件。具备以下 3 大功能：

碎片化记录：微信公众号记录输入记录，并支持图片保存，文章收录，语音转写，todo 创建等功能。浏览器插件记录和网站输入记录。
辅助整理：支持内容的双向链接，即内容的批注功能，以及文章的组合功能。
智能回顾：会将前一天的内容，通过邮件的方式发送给用户，方便用户回顾。

AltTab —— macOS 窗口切换增强

链接：https://alt-tab-macos.netlify.app

macOS 默认的 CMD+Tab 切换窗口只展示软件图标很不直观，这款免费工具可模仿 Windows 的窗口切换效果，显示软件界面缩略图。

微软即将推出全新的 Windows 11 录音机软件

新的录音机软件将采用全新的 WinUI 视觉效果，在录制和播放期间会有一个音频可视化界面。

全自动动漫追番工具

链接：https://www.craft.do/s/48MFW9QwaCQMzt

番剧的信息和下载地址由种子站/资源站提供，通过订阅 RSS 源到 qBittorrent 中，BT 软件可以订阅到所有当季新番的 RSS 种子推送，再手动设定/通过快捷指令调用 WebAPI 在 BT 软件中建立自动下载规则，设定好保存文件的路径，自动下载并且归类在本地硬盘中。再经由 Plex 等本地媒体服务器搜刮元数据，通过网页端的 Plex 或者推送 infuse 等终端播放器上，实现基本全自动的本地追番功能。