系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
体验亮点
微信读书滑动精确定位页码
对于页数特别多的书籍，仅靠手机窄屏宽度的滑块是没法精准定位某页的。因此微信读书里长按滑块可进行更精确的滑动定位页码。
来自 @ChosenXu
iOS 16 Safari 翻译图片内文字
iOS 15 新增「实况文本」功能，可复制图片里的文字。iOS 16 更进一步， Safari 网页翻译，支持把图片里的文字也翻译了。
来自 @刘英滕
体验槽点
企业微信文件名全局缩略
同事在企业微信给我发了一个 PPT 模板，文件名写明字体要求，在聊天界面被缩略看不到。点开会调用 QQ 浏览器文件服务打开，文件名则会变成中英文的缓存文件名，如果返回查看文件详情，硕大一个界面还是把文件缩略了。
推荐阅读
探索用 Figma 做游戏 UI 设计
链接：mp.weixin.qq.com/s/VILa-zhpl…
游戏 UI 风格明显，通常有异型的按钮、背景和特别的数字字母样式，用矢量 UI 设计工具做有点难。作者用 Figma 的 AutoLayout 4.0 和约束拉升和 AfterDelay 嵌套探索用 Figma 做异型游戏 UI。
Figma 组件属性完全指南
链接：mp.weixin.qq.com/s/89_R5r82P…
Figma 上次更新组件属性后，原本需要挨个枚举做组件，现在只需要枚举组件属性，简单很多。这篇文章是详细的Figma 组件属性教学。
启发了苹果、微信的设计哲学，永不过时
有「设计教父」之称的德国设计师迪特·拉姆斯（Dieter Rams）创造的生活设备引领了整个时代的审美风潮，至今影响力不退。他为博朗设计的时钟、收音机、计算器、相机和厨房用具让乔尼·艾维感叹再「无法改进」一步。苹果有大量产品都对博朗的设备进行了深情「致敬」。
这篇文章对迪特·拉姆斯的设计理念进行介绍。
如何定义和设计一辆智能电动车
上篇链接：mp.weixin.qq.com/s/lIkoDNyaT…
下篇链接：mp.weixin.qq.com/s/vGVxiKncl…
有人说电动车是智能手机加上四个轮子，电动车的使用场景有很多值得探索的地方。本文提出电动车新的设计可能性和案例。
以“专利”为切入点，聊聊设计工作中的创新思维
链接：mp.weixin.qq.com/s/cleitHHYN…
专利可以保护公司的产品核心能力，避免他人抄袭，抵御竞对，也可以成为大公司间相互制衡的武器。有些公司会对申请专利的员工给予物质激励。本文从设计师角度讲解如何发现和撰写专利。
开源我的灵感：无限画布浏览器
链接：walnut.hedwig.pub/i/kai-yuan-…
作者曾经在幕布做过产品经理，他认为目前的浏览器标签页之间数据隔离不利于数据协作，树形的信息组织方式并不适合所有使用场景，标签页的管理方式并不符合直觉。因此琢磨出全新的无限画布模式浏览器的创意，打破标签页的限制，在不同网页之间联动。
《做一家叫多抓鱼的公司》
链接：warm-recess-b5d.notion.site/4a33cd972d7…
这是多抓鱼的创始人猫助的创业笔记集合，这些文章原本在“猫助广播”公众号更新，被人整理到 Notion 来了。内容包含她在商业、社会、企业管理的思考。
用户体验设计师常用的 9 种自研提效工具
链接：mp.weixin.qq.com/s/8-5FgUhCf…
除了图形设计工具 Figma、Photoshop 以外，设计师还需要用到白板、项目管理等工具，这篇文章分享了一些常用的效率工具。
工具资源
Nicelydone —— 网页应用灵感和用户流程库
号称最大的网页应用示例和用户流程库，包含 20100 多个网站的截图。可按网站名称和设计模式分类查看。
screens —— 汽车 HMI 竞品视频图库
免费试用 13 天，共 72 款车型的 HMI 分析，国产和欧美日车都有。
Fonts Ninja —— 网页字体下载
这款工具能一键获取网页中用到的字体并自动下载应用到本地，这样就能马上在设计工具中使用这个新字体。
Supa Palette —— 调色板工具
该工具能从一种颜色快速生成整套调色板，支持众多色彩模式：RGB、LRGB、HSL、HSV、HSI、LAB、OKLAB 和 LCH。可将调色板导出到 Figma Tokens、 UI,、Chakra UI、Material UI,、Tailwind、CSS、CSS Vars 和 JSON。能计算对比度，使得调色板具备包容性。
HEAZY —— SVG 设计资产平台
链接：heazy.studio
只需按下🎲骰子按钮，该工具就能随机生成漂亮的 SVG 图案。你可以把这些图案导出为 SVG、PNG、React 组件。
UIFiller —— 占位文案、图片生成工具
做设计时需要填充一些文案图片占位，这个网站可以随机生成文案和图片。
Propstar —— Figma 组件实例枚举插件
现在 Figma 做组件变体不需要枚举所有情况了，该插件可以把组件的所有可能的实例，包括每一个变体和组件属性的组合，生成在一个整洁的标示表中。
产品发现
Scroll 2 —— 限制妙控鼠标滚动功能
该工具能限制妙控鼠标的滚动功能，支持配置妙控板用一个手指进行滚动操作。
可颂 —— 抖音推出的种草内容社区
抖音正式上线全新种草 App 可颂，其标语为“定义你的生活力”，目前在 iOS 和 Android 平台都能下载。可颂类似于小红书，可谓是字节跳动版“小红书”。可颂支持用户上传图文和视频内容。内容排布采用双列瀑布流形式，用户可以在首页看到平台推荐内容，目前内容多来自抖音创作者。其图文形式与小红书类似，页面上方为可左右滑动的图片和文字介绍，下方为网友评论。视频内容则采用抖音的短视频界面进行展示。
PDFsam —— 跨平台 PDF 合并和拆分工具
免费开源的桌面应用程序，用于拆分、合并、提取页面、旋转和混合 PDF 文件。
DecoHack - Best Product 2022
链接：decohack.notion.site/21ed6d8428d…
2022 年上半年《DecoHack 周刊》推荐的产品目前已经有 300 多个，这个列表是作者挑选了 100 多个今年最好的产品或者项目，放到了这个 Notion 数据库里。你可以在这里搜索关键词，也可以在列表最上方选择标签类型，支持平台，是否免费等等。
Dtd Playlist - 超酷场景歌单，帮你远离歌荒
链接：apps.apple.com/cn/app/dtd-…
Dtd Playlist 精选了 10 种场景化歌单（学习场景、运动场景、摸鱼放空、深夜emo…）并且随时更新，帮你远离歌荒，同时还有超酷的背景动画，让你放在桌面享受与众不同的音乐体验，目前支持 Apple Music。
Squibler —— 最危险的写作应用
链接：www.squibler.io/dangerous-w…
你可以生成一个随机的话题，然后设定一个时间间隔开始写作。如果你在一个时间间隔内没有写作，那么全文会被自动删除。果然很危险，或许可以拿来治疗拖延症。
闪电分镜 —— 影视策划一站式解决方案
这是影视飓风旗下的影视策划一站式解决方案，包含Web网页和Pad端软件。 为日常影视拍摄前期所遇到的分镜绘制、通告制作、场景管理、拍摄场记提供零门槛、流程化的制作方法。目前公测期间有免费版，还有专业版订阅 6 元一月。
世界长最高（长）的网页
链接：worlds-highest-website.com/zh/
这个网页有 189400 米高，如果你有毅力可以慢慢滚动到底部，或者用超链接直达底部。
相关资讯
AIGA 评选的 50本最佳图书封面设计
链接：50books50covers.secure-platform.com/a/gallery?r…
设计行业专业协会 AIGA 从 1923 年开始评选每年 50 本最佳图书封面设计。最近刚发布了 2021 年度的获奖图书。
苹果 iOS 16 Beta 3 小丑鱼壁纸回归
小丑鱼壁纸曾经在 2007 年发布的第一代 iPhone 里出现。最近 iOS 16 Beta 3 再一次上线小丑鱼壁纸。
微信群收款新增群成员填写模式
以前微信群收款只能由发起人设置平均金额，现在可以让群成员自己填写金额。适用于多人金额不相等的情况。
Dora 无代码平台演示视频
链接：www.bilibili.com/video/BV1jF…
去年就和大家介绍过这个设计转代码平台，但至今无法注册试用。他们的创始人周卓泉在 2022 Flutter Festival 演示了界面和功能，可以窥知一二。
用人工智能做的 UI 和图标
之前看人工智能作画引擎 DALL·E 2 做出来的图都是偏油画或平面设计，最近看到国外网友发出来做 UI 和图标。
招聘信息
魅族科技招聘交互设计师、视觉设计师、动效设计师
负责手机系统或者汽车智能座舱系统的体验设计。
坐标：珠海
本文由mdnice多平台发布
