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