系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
体验亮点
微信输入法“=”快速问AI
用微信输入法 Win/macOS 测试版，输入文字后只需按“=”就可以直接获取 AI 回答。由于输入法是打字就启用，因此比任何需要另外启动的 AI 客户端都来得方便。AI 回答浮层右下角还提供复制为图片功能，便于社交分享。
体验槽点
腾讯视频仿微信视频通话推广增加社交压力
仿微信视频通话非常吸引注意力，但是微信很多时候视频通话可能是公司领导或者家中长辈打过来，用户本身就对视频通话产生了一定的社交压力，就像有人拿你家门铃声音做广告，腾讯视频通过这种仿微信视频通话推广新剧就很不合适了。
推荐阅读
UI 组件的决策树（英文）
链接：https://www.smashingmagazine.com/2024/05/decision-trees-ui-components/
这篇文章介绍了如何利用决策树来为 UI 组件做出决策，并给出了几个实际示例。决策树可以帮助设计团队系统化地记录设计决策，避免无休止的讨论和混乱。通过实例展示了不同 UI 组件的决策树，以及如何有效地利用它们。决策树不仅美观地可视化了设计决策，还作为文档来共享标准，对新员工也有极大帮助。在设计工作区域和编码场所展示决策树，能解决 UI 决策的争议。
熟悉与新颖性（英文）
链接：https://lawsofux.com/articles/2024/familiar-vs-novel/
设计中的熟悉感能够帮助用户快速转换经验，使他们更快上手，但新颖感也有其优势。当需要与竞争对手区分时，采用新颖设计能够帮助产品或服务脱颖而出。同时，当目标是通过创新技术颠覆现有产品或服务时，也可以选择新颖设计。无论采用何种设计方法，都必须建立在深入的用户研究和测试基础之上，以确保新设计能够满足目标受众的需求和偏好，同时不影响整体可用性和用户体验。
你可以每次都安全地遵循的视觉设计规则（英文）
链接：https://anthonyhobday.com/sideprojects/saferules/
总结了视觉设计中的基本规则，如使用接近黑白的颜色、给中性色加入色彩、重要元素要高对比度、所有设计要有意义等。此外，还提到了字体、间距、边框、对齐、颜色、阴影等设计元素的处理方法。这些规则可以帮助设计师创建一致且有吸引力的界面设计，使用户体验更加良好。
UI必看 | 组件应用 - 签到组件设计方式详解
链接：https://mp.weixin.qq.com/s/eQ8BjDHTIj_vbvsCTb176g
本文详细介绍了签到组件的类型、布局方法、状态及不同类型，包括 7 日进度条、7 日卡片、月历等，还展示了微信读书的特殊签到组件设计。适用于内容类 App，需要源源不断的内容供用户消费，签到类型包括每日签到、累计签到、连续签到。签到组件布局需考虑不同状态和类型，突出奖励信息。设计者可参考线上案例，灵活运用组件设计方式，提升用户体验和活跃度。
下行期怎样设计数据指标，才能牵引产品走在正确的轨道上？
链接：https://mp.weixin.qq.com/s/yg-Joreu0dYvoVP3XecrtQ
在产品发展中，数据指标扮演着关键角色。通过点评与 Taptap 的例子，我们看到错误的指标会导致产品转型失败，特别是在行业下行期。在这种情况下，关注核心用户活跃度变得尤为重要，因为核心用户的活跃行为可以增强产品的价值，吸引更多用户。不同阶段需要不同的指标，早期追求日活增长，后期则需关注核心用户活跃度。制定数据指标时需根据市场信号灵活调整，没有一成不变的方法。犬校提出的观点强调了核心用户活跃度作为重要的数据指标，值得深入思考。
AI 搜索选哪个？18 家 AI 搜索产品横向测评
链接：https://mp.weixin.qq.com/s/nvn0Lq4p78_g5B6O0qR5TQ
18 款 AI 搜索产品横向测试，本文不是权威测试，而是个人向测试，测试集的目标不是大而全，而是自己用着舒服。Perplexity、海螺 AI、360 表现优秀。Bing、秘塔 AI、豆包表现较差，不建议选择。
B 端弹窗设计｜如何科学定义弹窗的尺寸规范？
链接：https://mp.weixin.qq.com/s/pn-U2pnYcVQANM7cQj3oJg
本文介绍了 B 端弹窗设计中如何科学定义弹窗尺寸规范。通过与需求方沟通、操作效率和适配性考量，确定最合适的弹窗尺寸。结合信息量不固定的情况，提出了选择 800px 的弹窗大小作为最优方案。文章还提供了弹窗设计的基本规范，包括高度、滚动条和浏览器适配等方面的考虑，以提高审核员的操作效率和用户体验。
AI 节点式接入：搭建批量生图 SOP 工程
链接：https://sspai.com/post/88220
企业在使用 SD 进行图像生成时，往往需要处理大量的图像素材。这一过程中包括编写 CSV 需求单、审核素材、打标和命名等步骤，传统的手工操作流程效率低下且容易出错。本文介绍通过 AI 节点式接入和 GPT 技术，可以显著优化这些流程，提高效率和质量。
需求分析基础知识整理 —— 范围、流程及方法
链接：https://mp.weixin.qq.com/s/eY3EsVZzhgmTKd9huCjOvw
本文将从需求分析的意义、来源、分类、过滤、转化、分析、定义等流程维度来整理需求分析的相关方法、模型、理论。并以大型软件的全新构建场景为基础，结合通用的需求分析方法总结出一套系统的流程方法，以便于在后续工作中依据实际的产品情况、业务场景裁剪使用。
职场设计师必备的晋升逻辑
链接：https://www.zcool.com.cn/article/ZMTYyMzIxMg==.html
文章通过分析作者所在 B 端大厂的晋升规则，作帮助读者理解如何在职场中实现晋升，结合实际案例，展示了一次成功的晋升流程。
工具资源
The Hydrant Directory —— 公共消防栓设计灵感
链接：https://www.dayroselane.com/hydrants
网站展示了各种地点的消防栓，包括纽约、西雅图等城市的消防栓设计。用户可以随机浏览、按颜色筛选消防栓。这些资源可以用于设计项目、艺术创作等领域，为创意灵感提供来源。
Apple 发布 iOS 18 的 Sketch 设计资源
链接：https://developer.apple.com/design/resources/
既然 Figma 的没有第一时间发布，估计苹果内部还是用 Sketch 做设计。相比于 iOS 17 的组件库，多了小组件（Widget）、控制中心和文稿启动器 （Document Launcher）等。
Doctolib Design System —— Doctolib 医疗的设计系统
链接：https://oxygen.doctolib.design/60b411768/p/77fd2d-doctolib-design-system
该设计系统是 Doctolib 医疗生态系统的核心，确保每个交互都具有一致性和连贯性。内容包括 设计系统的原则和品牌基因，提供了有关写作原则、模式和组件的内容。模式里提供组件使用的决策树和使用指南很实用。
Sneak Peek —— 查看顶尖设计师 Figma 文件
链接：https://www.sneakpeek.design/
你可以浏览 Perplexity AI、Bezi、Lottie Files 等公司的设计师所使用的 Figma 文件，深入了解他们的设计过程、技巧和创意思路。网站还提供额外视频内容，让用户更深入了解设计师的工作方式和创意思路。
HyperHuman —— AI 生成 3D 资产
链接：https://hyperhuman.deemos.com/
能够从文本或图像中生成逼真的 3D 模型和面部资产，具备 PBR 纹理，可直接投入生产，能为 Unity、Unreal Engine 和 Maya 提供 CG 友好的资产。
Tangent Line Tool ——创建椭圆的切线的 Figma 插件
链接：https://www.figma.com/community/plugin/1359101746740663370/tangent-line-tool
只需选择两个椭圆，然后选择想要生成的切线类型，即可生成新的切线。插件提供了实时预览功能，让用户可以立即看到切线效果。除了支持标准圆形外，该插件还支持椭圆形状，为用户提供更多设计选择。
Figproxy —— Figma 与硬件通信工具
链接：https://github.com/ideo/Figproxy
实现了 Figma 原型与物理硬件的双向通信，用于快速制作涉及屏幕和物理元素（如电机、灯光、传感器等）的交互原型。特别适用于与 Arduino 等硬件原型平台通信，可用于快速原型的设备设计，如展示设备、家居自动化、游戏元素等。提供了详细安装和操作说明。
Lasso Tool —— 类似套索功能的 Figma 插件
链接：https://www.figma.com/community/plugin/1362438745920118538/lasso-tool
允许用户通过自由绘制选择功能，一键复制或剪切选中的所有图层，类似于 Photoshop。无论是矢量、文本、框架、组或其他类型的图层，插件都可以处理。用户可以选择标准 Lasso、磁性 Lasso 或使用现有矢量作为选择的功能。移动鼠标即可生成选择，简单易用。
Roast My Design —— AI 给网页设计打分
使用 AI 来分析网站的设计，并提供美学、文案、 UI 设计和一致性的分数。获得非常具体，详细的建议。
产品发现
DarkOS Icon Pack —— 专为 Mac 和 iPhone 设计的暗黑主题
链接：https://www.darkosicon.com/zh/
包括 600 + 应用图标、20 个高质量暗黑壁纸。图标设计精美、风格统一，覆盖系统、社交、娱乐、商务、生产力、开发工具、设计等领域，并持续更新。
可以使用折扣代码 VIGGO 获得折扣 20%。
流氓软件 —— 与流氓软件斗智斗勇的游戏
链接：https://store.steampowered.com/app/3019370/_/?l=schinese
这是一款让玩家穿越时空回到 1999 年的互联网世界，挑战解密恶意软件安装选项的冒险游戏。玩家扮演的角色需要与无良软件商作斗争，揭露隐藏在安装程序中的恶意选项，赢得名望与金钱，影响历史进程。游戏融合了技术解密、历史事件与虚构故事，让玩家体验对抗恶意软件的乐趣。
Dead Simple Twitter/X Search —— 增强 Twitter/X 搜索的浏览器扩展
链接：https://chromewebstore.google.com/detail/dead-simple-twitterx-sear/gmfcocpjaggohbkiiopmofadgicanlmp
这个扩展为您提供了一个更加用户友好的Twitter/X搜索体验，允许您通过广泛的选项过滤您的搜索。
腾讯 UGit —— 简单易用的 Git 客户端
链接：https://code.tencent.com/ugit
可视化界面友好，提供简单易用、大文件管理、快速提交、冲突处理等功能，支持 Excel 表格差异合并、多仓库管理解决方案，满足各种用户需求。操作简单，支持二进制文件冲突处理，适用于游戏研发等领域。
可灵大模型是 —— 快手团队自研的视频生成大模型
链接：https://kling.kuaishou.com/
通过 3D 时空联合注意力机制，可灵可以生成大幅度运动的视频内容，达到电影级别的画面质量。支持长达 2 分钟的视频生成，模拟物理世界特性，并具备强大的概念组合能力，能够将用户丰富的想象力转化为具体的画面。可灵还能生成电影级的画面，支持自由的输出视频宽高比，为用户提供更多创作可能性。由于效果非常强大，有海外用户把它当作中国版的 Sora。
Peek —— AI 自动整理和总结浏览器多页签
通过 AI 自动分类标签，帮助用户专注于工作。用户可以利用自动浮现的标签组建议一键整理标签，同时从标签组中提取难以记忆的重要信息。用户还可以根据主题快速排序、组织和切换标签，同时在标签组中添加笔记，方便保持想法和标签的联系。
Riffo—— AI 文件重命名和整理工具
为用户提供解决下载文件夹杂乱、无意义截图和混乱导出文件等问题的便捷解决方案。用户只需简单三步：选择文件、设定命名格式、编辑并应用，便可快速整理文件。支持各种常见格式，包括图片、Word、PDF 等。菜单栏访问，批量重命名功能，并行处理让大批文件秒速完成，让您摆脱文件混乱，提高工作效率。
macOS Sequoia 经典复古风格的新壁纸下载
链接：https://basicappleguy.com/haberdashery/macintoshwallpapers
macOS Sequoia 新动态壁纸以苹果经典 Macintosh 图标为背景，展示了 Control Panel、计算器和 MacWrite 等应用程序，呈现出复古风格。所有图片均为 6400 × 3552 png 格式。
Screenshot.Rocks —— 生成手机或浏览器截图机器模型
提供快速生成手机或浏览器截图机器模型，支持自定义和浏览器插件，操作简单方便。Chrome 扩展一键生成截图模型，适用于各大浏览器。完全开源，图片处理在本地进行，无需担心隐私问题。
相关资讯
Stable Diffusion 3 开源
个人使用免费，商用需有授权。看国内自媒体报道（ https://mp.weixin.qq.com/s/EmKIfmCiTTwSePyb3EHrSA ）确实效果非常不错，也有自媒体报道（ https://www.landiannews.com/archives/104479.html ），Stable Diffusion 为规避裸体结果导致躯体部分错乱。
Motiff 妙多全球发布了设计生产力工具
链接：https://mp.weixin.qq.com/s/FZVvnJ60RH7qDBbeEMVqag
猿辅导旗下的在线界面设计工具，性能优化不错，非常流畅。提供很多 AI 工具，让 AI 为设计师带来全新创意。AI 设计系统、AI 生成 UI 和 AI 工具箱已经准备就绪，为用户提供更高效的设计流程和更具创意性的解决方案。通过 AI 技术的应用，设计师可以更快速地完成任务，释放更多时间专注于创意和创新。
苹果 WWDC2024 超全总结
链接：https://mp.weixin.qq.com/s/glyZNakqEto2qTBrOaSoHQ
苹果 WWDC 发布了 Apple Intelligence，将人工智能集成到 iOS 18 系统，带来了自定义图标、智能写作工具等更新，提升用户体验。Apple Intelligence 注重隐私保护，能优化通知管理、邮件分类，提供文生图工具等功能。系统利用 A17 Pro 及 M 系列芯片的算力，强调用户数据隐私与安全。新功能如邮件摘要、智能通知管理、跨应用操作协调，展示了苹果 AI 的强大功能。但需要最新设备支持，价位较高，Vision Pro 国行定价 29999 元起。
2024 年 Apple 设计大奖获奖名单
链接：https://developer.apple.com/cn/design/awards/
2024 年 Apple 设计大奖评选出了一批优秀作品，分为乐趣、多元、创新、互动和视觉图像等类别。获奖作品包括小熊感恩日记、NYT Games、oko、Crayola 冒险、Procreate Dreams 等。
Sidebar 停刊
我每天都看，每天发布 5 条设计资讯的免费 newsletter 的 sidebar 在运营 10 年后宣布因创始人个人时间、资金压力和内容获取枯竭暂停运营。好在他推荐了一些设计相关的其他资讯网站。 用爱发电不长久，我也不知道自己的体验碎周报啥时候就停了，商业化也没啥头绪。
招聘
虎扑招视觉设计
base：上海
投递邮箱：dingzhe@hupu.com
职位描述：
- 根据全年节点，负责虎扑APP大型运营活动、日常运营推广活动的H5页面，banner，海报设计等工作
- 负责虎扑品牌以及ip设计相关工作，支持虎扑企业文化（如礼盒、年会等视觉）设计工作
- 基于业务目标和用户特征，独立产出高质量的视觉设计方案，并跟进方案落地，保障上线质量
- 与多方配合，跟踪上线效果数据和用户反馈，正确运用多种设计方法，针对性的对设计方案进行优化迭代
岗位要求：
- 本科以上学历，1-3年视觉设计工作经验，有品牌设计、ip设计或者手绘能力更佳
- 有较好的设计审美和沟通能力，能有效的表达并推进设计方案落地
- 善于思考总结，沉淀设计方法，提升自我设计能力并同时赋能团队
上海冰鲸科技有限公司招聘资深品牌视觉设计师
发布于 2024-06-17 00:49・
发布者