体验碎周报第 103 期(2022.7.11)

体验碎周报第 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 —— 网页应用灵感和用户流程库

链接:https://nicelydone.club

号称最大的网页应用示例和用户流程库,包含 20100 多个网站的截图。可按网站名称和设计模式分类查看。

screens —— 汽车 HMI 竞品视频图库

链接:https://www.screensstudio.com

免费试用 13 天,共 72 款车型的 HMI 分析,国产和欧美日车都有。

Fonts Ninja —— 网页字体下载

链接:https://www.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 设计资产平台

链接:https://heazy.studio

只需按下🎲骰子按钮,该工具就能随机生成漂亮的 SVG 图案。你可以把这些图案导出为 SVG、PNG、React 组件。

UIFiller —— 占位文案、图片生成工具

链接:https://www.uifiller.com

做设计时需要填充一些文案图片占位,这个网站可以随机生成文案和图片。

Propstar —— Figma 组件实例枚举插件

链接:https://www.figma.com/community/plugin/1116018586739867857/Propstar

现在 Figma 做组件变体不需要枚举所有情况了,该插件可以把组件的所有可能的实例,包括每一个变体和组件属性的组合,生成在一个整洁的标示表中。

产品发现

Scroll 2 —— 限制妙控鼠标滚动功能

链接:https://ryanhanson.dev/scroll

该工具能限制妙控鼠标的滚动功能,支持配置妙控板用一个手指进行滚动操作。

可颂 —— 抖音推出的种草内容社区

抖音正式上线全新种草 App 可颂,其标语为“定义你的生活力”,目前在 iOS 和 Android 平台都能下载。可颂类似于小红书,可谓是字节跳动版“小红书”。可颂支持用户上传图文和视频内容。内容排布采用双列瀑布流形式,用户可以在首页看到平台推荐内容,目前内容多来自抖音创作者。其图文形式与小红书类似,页面上方为可左右滑动的图片和文字介绍,下方为网友评论。视频内容则采用抖音的短视频界面进行展示。

PDFsam —— 跨平台 PDF 合并和拆分工具

链接:https://pdfsam.org/zh/

免费开源的桌面应用程序,用于拆分、合并、提取页面、旋转和混合 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

你可以生成一个随机的话题,然后设定一个时间间隔开始写作。如果你在一个时间间隔内没有写作,那么全文会被自动删除。果然很危险,或许可以拿来治疗拖延症。

闪电分镜 —— 影视策划一站式解决方案

链接:https://www.mediastory.cc

这是影视飓风旗下的影视策划一站式解决方案,包含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 和图标。

招聘信息

魅族科技招聘交互设计师、视觉设计师、动效设计师

负责手机系统或者汽车智能座舱系统的体验设计。

坐标:珠海

联系:houshenghao@meizu.com

体验碎周报第 103 期(2022.7.11)

https://www.ftium4.com/ux-weekly-103.html

作者

龙爪槐守望者

发布于

2022-07-11

更新于

2022-07-11

许可协议

评论