体验碎周报第 183 期（2024.04.01）

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

体验亮点

支付宝二维码保存提示：避免误将账号码当作收钱码

在保存支付宝个人账号二维码到相册时，支付宝会提示该二维码不是用收钱，估计错把账号二维码当作收钱二维码的用户挺多的，所以特地做了这个提示。

体验槽点

微信发现页通知样式混乱

微信发现页通知效果各不一样，有的头像在左右的在右，有的有文字有的又没文字，小红点样式和头像圆方也不一致，看着非常乱。

来自 Vincent是条大鱼

推荐阅读

排版的隐秘力量（英文）

链接：https://microsoft.design/articles/the-hidden-power-of-typography

微软写的，这篇文章介绍了排版对信息传达和行为的影响。通过研究发现，排版选择可以影响人们的观点和行为，例如字体颜色和字体选择会影响信任度和思考方式。此外，文章还提到了一些有趣的研究，如 Kiki 和 Bouba 实验，以及排版与文本意义的一致性会影响阅读速度和理解。排版不仅可以提高文档的影响力，还可以促进创造性思维，甚至被证明与巧克力一样对提升创造力有益。设计不仅仅是美观，对于传达信息和影响观点也具有实质性的作用。

抖音聊天挑战微信？先读过攀哥的 IM 应用三定律

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

本文主要总结了 IM 应用的三大定律，包括：

1. 同一个国家 / 地区只能同时存在一款全民聊天应用；
2. 应用的社交属性和工具属性不可兼得；
3. 每次终端设备形态更迭，存在一次全民聊天应用更迭的机会。

文章还探讨了这三个定律推导出的七个推论，包括全民聊天应用必定是实名熟人社交、企业和校园可以依靠强制力构成稳固的使用群体等。

从 SaaS 产品设计的原则深入讲讲，为什么飞书新版本是有问题的

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

最近字节跳动公布飞书要裁员，这篇文章是去年发布的，现在看来很应景。本文主要讨论了飞书新版本改版存在的问题，包括工作台链接点击不一致、搜索框位置变动等。作者认为飞书改版失败的原因是对 B 端产品设计标准理解不足和缺乏面向核心对象设计。建议飞书重新梳理产品，修复问题并进行底层重构。

一招教会你 UI 页面分割怎么用

链接：https://mp.weixin.qq.com/s/SJXJCWlBjP-OEdFdmVZkRQ

本文介绍了 UI 页面分割的三种方式：留白分割、线性分割和卡片分割。留白分割通过增加间距自然地分组信息，适用于简单信息层次。线性分割通过线来区分不同内容，注意不要过度使用。卡片分割是独立的、不可分割的内容单元，适用于复杂信息条目的分割。选择合适的分割方式可以提升页面清晰度和用户体验。

AI 设计实战营（100个免费名额）

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

AI 设计实战营教你利用 AI 工具提升设计效率，包括文字生成视频、智能插图、3D 作品生成等，适合设计师和视频工作者提升竞争力。限时免费领取名额有限，立即报名。

在淘宝一定会看的页面，做了些改变

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

这篇文章主要讨论了如何通过改变商品详情页面的设计，围绕 “身份感知 - 权益触达 - 转化提效” 三个维度，优化用户体验和提高转化率。文章提到了重塑首屏结构、优化运营信息、精细的商品运营等方面的设计思考，以及商品详情在整个淘宝流量和供给链路中的重要性。

工具资源

Appinspo —— 界面设计趋势灵感收集

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

Appinspo 是一个汇集了来自顶尖设计师的最新界面视觉界面设计趋势的平台。手机 App、电脑网站/软件、手表、Vsion Pro 平台的界面都有。

Typography Style Guide Generator —— 生成文字排版样式指南的 Figma 插件

链接：https://www.figma.com/community/plugin/1209900339618349575/typography-style-guide-generator

这个插件可以根据你定义的本地字体样式生成排版样式指南。插件专为按照 Tailwind Design 系统工作并使用相关命名方案的团队设计，样式将根据斜杠前的前缀进行分组，并按字体大小排序。

WaveCraft —— 生成类似 macOS Big Sur 波浪效果的 Figma 插件

链接：https://www.figma.com/community/plugin/1352253313088318254/wavecraft-beautiful-backgrounds-banners-and-headers

可以在 Figma 中生成类似 macOS Big Sur 波浪效果的 SVG 图形，用于制作背景、Banner。提供丰富的定制选项，包括大小、颜色、波形、渐变等。生成的 SVG 图形可以再次编辑。

Gradient Generator  —— 生成渐变的 Figma 插件

链接：https://www.figma.com/community/plugin/1349429350051505677/gradient-generator-learn-ui-design

这个插件是一个生成线性、径向和锥形渐变的工具，可以在各种色彩空间中进行插值，生成更加丰富、更加出色的渐变效果。可以实时更新，方便查看和调整结果。

Zipic —— 跨平台图片压缩工具

链接：https://zipic.5km.tech

支持 macOS 和 Windows，可批量处理 JPEG/PNG/WebP/HEIC/GIF 等多种流行格式，具有高压缩比和视觉无损特点。该工具本地处理图片，保护隐私，免费版每日 25 次压缩，可购买专业版或团队版获得更多功能和无限次压缩。

UX Repo —— 用户体验资源和方法收集

链接：https://uxrepo.co

网站提供了各种资源和方法，包括人物角色模板、可访问性审核、卡片排序、认知漫游、用户访谈等，以帮助设计更好地了解用户需求并提供有价值的解决方案。

Adobe GenStudio —— 营销素材 AI 生成和管理工具

链接：https://business.adobe.com/products/genstudio.html

这是 Adobe 最近推出的基于 AI 的营销工具，它可以用 AI 生成和管理营销海报、文案、视频、品牌等素材，并且可以在发布营销素材后监控和分析上线后的数据效果。

FontBase —— 跨平台字体管理软件

链接：https://fontba.se/

FontBase 是为设计师打造的免费字体管理软件，支持 macOS/Windows/Linux，界面美观且操作快捷。支持各种 OpenType 特性、浏览和复制各种字形、一键搜索字体、使用 Google 字体库、实时预览字体样式、创建管理字体集合、展示所有字体样式在一个页面上等功能。

Pixeloid Sans —— 免费的像素风格字体

链接：https://font.download/font/pixeloid-sans

Pixeloid Sans 字体包括 Regular、Bold 和 Mono Regular 三种变体。字体基于 SIL 开放字体许可协议，可用于商业项目。

产品发现

Calculator 1984 —— 复古风格的苹果计算器 Ap

链接：https://apps.apple.com/tw/app/calculator-1984/id6478199800?platform=iphone

这是一款致敬 1984 年首款 Macintosh 计算器 UI 设计的 Ap。通过精心复刻经典设计风格，让用户重温 Macintosh 经典时刻。同时引入贴纸功能，让用户展示个性，打造独一无二的计算器。

Catting —— 在 Vision Pro 里撸猫

链接：https://www.catting.io/

通过 Catting，你可以在 Vision Pro 里与一只橘猫互动。

历史年轮 —— 历史人物可视化展示

https://www.yearsmap.com/

用户可以浏览不同历史时期的人物，并了解其在历史中的地位和影响。网站还提供榜单功能，方便用户查找不同类型的历史人物。

Applite —— 图像界面管理 Homebrew

https://aerolite.dev/applite/index.html

Applite 是一个带图形界面的 macOS 应用程序，用于管理 Homebrew Casks。它提供简洁的界面，可让用户一键下载、更新和卸载应用程序。用户可以在 Applite 上找到 Homebrew 目录中的所有应用程序，并且 Applite 本身是免费且开源的。

投胎模拟器

链接：https://toutai.cc/

该网站根据中国公布的最新出生人口数据，计算出生在某地区的可能性。

Developer Roadmaps —— 程序员技能路线图

链接：https://roadmap.sh/

该网站供了各种程序员和技能相关的路线图、最佳实践、视频和文章等内容，帮助开发者选择学习路径并在职业发展中成长。

Miraa —— AI 视频转双语字幕

链接：https://miraa.app/

Miraa 用 AI 将任何视频转录成双语字幕。并配有实时翻译、跟踪练习和词语解释功能，非常适合学习语言。

相关资讯

Canva 宣布收购 Affinity 创意套件

链接：https://affinity.serif.com/zh-cn/press/newsroom/canva-press-release/

平面设计平台 Canva 于 3 月 26 日宣布收购知名设计软件 Affinity 以“迎战”Adobe，不过此后许多设计师开始担心原本采用“永久授权”付费方案的 Affinity 系列软件是否会转为订阅制，而目前 Canva 与 Affinity 正式承诺将会一直提供“永久授权”买断制。

苹果公布 WWDC24 时间

链接：https://developer.apple.com/cn/wwdc24/

苹果 WWDC24 开发者大会正式定档，举行时间为北京时间 6 月 11 日凌晨 1 点。估计到时候重头戏是集成人工智能的 iOS 18。