体验碎周报第 235 期(2025.6.3)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
大产品小细节
【亮点】微信优化语音按钮:普惠设计让所有人用得更好
微信作为国民级App,上到80岁老人,下到3岁小孩都在使用。年轻人认为能用的设计,在儿童老人手里可能根本无法理解。为了适应如此多样的用户群体,微信在产品设计上持续优化,确保每个用户群体都能轻松、愉快地使用。 近期微信就在在优化发送语音的交互设计。在新版本中,将按钮上方的文字移入按钮内部,且加大了字体。这一设计不仅提升了按钮的可见性,也增强了指示性,用户一目了然地知道应该进行什么操作。按钮的形状也发生了变化,由圆形改为更大的弧形圆角矩形,这一调整有助于提高按钮的点击区域,减少误操作的可能性。根据菲茨定律,目标越大,操作的时间就越短,精确度也更高。按钮位置和功能的布局设计也更符合自然的手指操作路径,进一步提升了操作的流畅性和便捷性。 我们在做产品决策时,不能只考虑主流用户群体的需求,更要关注那些容易被忽视的边缘用户。菲茨定律不只是一个理论工具,更是指导我们创造包容性设计的实用原则。真正优秀的产品应该让每个人都能毫无障碍地使用。
案例详情:https://www.uisdc.com/hunter/0221359570.html
【亮点】PlayStation 5手柄的品牌化防滑设计:功能与情感的巧妙融合
当你手握游戏手柄激战正酣时,最担心的就是手心出汗导致手柄打滑,影响操作精准度。索尼PlayStation5的手柄在外壳上添加了一些微纹理防滑。你以为这就是用户体验的全部了吗? 仔细查看你就会发现,手柄上的微纹理其实上很多很多个和手柄右侧按键一样的△◯ ✕ ▢图案。这四个图案从 1994 年 PlayStation1 发布就一直用到现在,早就成了 PlayStation 的标志,索尼还把它们注册成了商标。所以,这手柄上的微纹理,既是实用的防滑设计,又是品牌元素的巧妙呈现,把功能和品牌来了波融合。
案例详情:https://www.uisdc.com/hunter/0221454447.html
来自 何何何
【亮点】AI产品思考功能图标的创新尝试:从原子核到爱因斯坦
你有没有发现一个奇怪的现象?打开任何一款国内AI产品,深度思考功能都是同一个原子核图标。从DeepSeek到文心一言,从通义千问到豆包,似乎所有产品经理都约好了一样。这种千篇一律的设计让用户感到困惑——原子核到底和AI思考有什么关系?普通用户看到这个图标,第一反应可能是「这是化学软件吗?」冷冰冰的科技感让人望而却步,完全没有亲和力。 设计师Andreas Storm设计了一个与众不同的图标:——爱因斯坦吐舌头的表情。这一设计充分利用了世界上最聪明的科学家爱因斯坦的幽默形象,既传达了聪明的含义,又让整体设计看起来充满趣味和亲和力。
链接:https://www.uisdc.com/hunter/0221465504.html
【亮点】小红书「只看图」功能:通过减法设计提升视觉体验
真正的视觉优先不是简单删除元素,而是构建更精准的用户场景。 小红书作为一个以内容为导向的社交平台,吸引了大量对摄影和美图感兴趣的用户。用户上传的精美图片和壁纸吸引了无数关注,但面对海量内容,如何更好地展示这些视觉作品,成为了平台面临的一大挑战。传统的展示方式往往会将标题、作者和点赞数等信息混杂在一起,影响了图片本身的视觉体验。 为了解决这一问题,小红书推出了「只看图」筛选功能。这一功能的核心就是通过简化展示信息,让用户在浏览时能够更专注于图片本身。启用后,搜索结果中不再显示标题、作者和点赞数,取而代之的只有图片封面,给用户一个纯粹的视觉享受。这一设计,提升了平台的互动性与用户的沉浸感,同时也让摄影和壁纸作品得到了应有的关注和展示空间。
案例详情:https://www.uisdc.com/hunter/0221624738.html
来自 比耶的江流儿
【亮点】微信输入法「文字变图片」功能:14套模板让文字焕发视觉魅力
你有多久没耐心读完朋友圈的长文字了?在这个信息爆炸的时代,连刷10条带大段文字的内容都会觉得眼睛累。精心编辑的旅行感悟没人点赞,随手发的九宫格美照却能收获99+评论。
微信输入法新出的「文字变图片」功能彻底改变游戏规则。在聊天窗口输入文字后,长按选择「生成图片」,14套设计师模板任选:从ins风手绘到商务极简,从元气渐变色到动态字幕,连emoji都能自动适配排版。最妙的是支持实时预览,左右滑动就能对比不同风格,最终生成高清可分享的图片,完美适配朋友圈、公众号等多种场景。
案例详情:https://www.uisdc.com/hunter/0221625453.html
【槽点】微信图标视觉平衡:大小对齐不等于视觉对齐
微信桌面版设置界面中的这几个图标视觉比重不均衡,尤其是最后一个图标显得过大。
这是因为具有不同形状、大小和视觉重量的图形,即使在像素尺寸上完全对齐,在肉眼观感上也可能显得不协调。视觉对齐的关键在于让图标在视觉感受上达到”居中”或”对齐”的效果,而不是简单地依靠几何中心或边缘对齐。
来自 Xu Chen
推荐阅读
设计清晰的AI交互组件-3个开源设计系统
链接:https://mp.weixin.qq.com/s/NnbeU9qOAmNrFLOQLy4pSg
本文梳理了三个在开源设计系统中已纳入AI交互组件的代表案例:GitLab的Pajamas、IBM的Carbon和Twilio的Paste。文章指出,随着AI功能日益普及,用户需清晰知晓何时与AI交互,设计系统必须通过专门的视觉语言和标识区分AI与非AI内容。GitLab Pajamas强调AI使用场景的适配性和透明性,提出了AI UX的四维度框架,并用“由AI<动词>”等标识提升用户信任。IBM Carbon构建了AI专属组件,并通过蓝色渐变和AI标签强化可识别性,但存在可访问性隐患。Twilio Paste则关注用户对AI输出的可控性和反馈,提供了AI徽章、按钮等组件,并强调“signposting”以提示AI功能。总体来看,开源设计系统正积极探索AI交互模式,但仍需完善视觉区分和可访问性,助力用户理解和信任AI功能。
跨文化设计实践:多语言字体的文化适配术
链接:https://mp.weixin.qq.com/s/THKw9ZhJ1mt9jO1doNbZgw
多语言字体能确保网站在不同地区都清晰、美观地呈现内容,提升全球用户的阅读舒适性和信任感。研究显示,76%的消费者更愿意购买以母语呈现信息的产品。选择多语言字体时,应关注语言覆盖、字体多样性、品牌一致性、兼容性、技术支持和字体许可。实际案例中,泰国站选用现代感的无环字体Kanit,日本站则用中性、兼容性强的Noto Sans JP。字体不仅是信息载体,更是文化纽带。真正的多语言设计需尊重不同文化和视觉习惯,关注细节,才能打造全球化产品。
B 端设计验收 2.0
链接:https://mp.weixin.qq.com/s/hdwMZKuRW9M_x15mOzFiHQ
主要介绍了B端产品设计验收流程的升级与优化。文章指出,传统验收流程存在沟通不畅、标准不统一等问题,影响了设计质量和项目进度。2.0版本通过建立更清晰的验收标准、流程规范和多方协作机制,提升了设计交付的效率和准确性。新流程强调设计师、产品经理和开发的密切配合,推动问题及时发现与解决。同时,文章还分享了实际应用中的经验和改进建议,帮助团队更好地落地B端设计验收,提升整体产品体验和项目成功率。
【英文】AI 正在重塑软件界面,超越传统的聊天方式
链接:https://allenpike.com/2025/post-chat-llm-ui
随着 AI 的发展,传统软件界面正在经历一场变革。相比于单一的聊天输入,新的用户体验将文档、上下文菜单、智能搜索等元素融入设计中,提升用户效率。未来的界面将更加直观,允许用户通过自然语言输入、语音和直接操作来进行交互,而不仅仅依赖于繁琐的菜单或输入框。这种转变将使软件体验更加流畅和人性化,带来更具创造力和效率的工作方式。
何为“设计心理学”?为什么说它是人本设计的核心基础
链接:https://mp.weixin.qq.com/s/TlB0A6TdyScjHvv_ULPnTA
设计心理学结合心理学原理与设计实践,关注用户在使用产品过程中的感受、习惯和心理反应,强调设计应符合用户的认知模型、操作逻辑和情感需求。其理论基础涵盖认知、感知、情感、社会等心理学分支,应用于产品设计、用户体验设计、交互设计等领域。通过用户需求分析和行为研究,设计师能更好地满足用户期望,提升产品的可用性和情感价值。随着人工智能、机器学习等技术的发展,设计心理学正与多学科融合,推动个性化、智能化和可持续设计。未来,设计心理学将更加注重多感官体验、情感智能和社会责任,持续优化用户体验,成为人本设计的核心基础。
工具资源
GradientsHub——免费渐变背景与 AI 纹理
提供多种免费渐变背景和 AI 生成纹理,包括 42 种美丽的渐变背景和 9 种 AI 生成的背景,适用于个人和商业项目。除了渐变背景,GradientsHub 还提供各种设计工具和灵感,包括多种颜色调色板和纹理生成工具。
MagicPath——AI生成界面
只需描述你的愿景,MagicPath 便能用AI为你实现,提供可用的组件,助你快速构建美观的用户界面。可以通过简单的文本命令调整颜色、布局和样式,省去繁琐的编程知识。
BnbIcons——快速生成 Airbnb 风格的等距图标
灵感来自 Airbnb 的最新设计系统。用户只需上传参考图像,平台便能自动生成独特的图标,已生成超过 13,000 个图标,并且数量仍在增长。
Code to Figma——AI生成的代码转成设计稿的Figma插件
链接:https://www.figma.com/community/plugin/1498726948018115420/code-to-figma-free-design-generator
主要功能是让你可以把 AI 工具(比如 ChatGPT、Gemini、Claude 等)生成的代码,直接粘贴到插件里,然后自动生成可视化的设计稿。这样你就不用手动把代码转成设计,节省了很多时间。
产品发现
PicBaker——AI图像提示词分享平台
无论您是使用 ChatGPT、FLUX、Midjourney 还是 DALL-E,PicBaker 都能为您提供丰富的创作支持。用户可以在这里发现、收集和创作各类精彩的提示词,从而简化创作过程,提高工作效率。平台上有许多示例,包括个性化间设计、品牌广告海报、艺术插画等,展示了提示词的多样性和创意潜力。
社媒助手——采集小红书、抖音和快手内容的浏览器扩展
支持一键采集评论、作品、博主信息等核心数据,操作简单,无需技术背景即可上手。此外,插件支持无水印下载和数据批量导出,方便用户整理和分析内容。无论是内容运营还是市场研究,社媒助手都能大幅提升工作效率。
AIX智能下载器——下载任何网页内容的浏览器扩展
链接:https://aixdownloader.com/zh
帮助用户轻松下载网页中的图片、视频和音乐。它支持多种主流网站,如社交平台和电商网站,提供批量下载、格式筛选和分辨率选择等实用功能。
小云雀——字节跳动推出的视频创作AI Agent
由剪映团队推出的 AI 视频数字人设计工具,专为用户提供零门槛的创作体验而设计。通过简单的一句指令,用户可以轻松生成视频内容、数字人口播、设计图及背景替换等多种作品,极大地降低了创作的复杂性和时间成本。该应用不仅支持拍摄照片和视频,还具备强大的背景更换功能,用户能够根据需求自由调整内容。目前只有安卓版。
IntentChat——增强型第三方 Telegram 客户端
通过 AI 技术提升多账户消息处理的智能性。它具备一键翻译、上下文记忆回复等功能,让跨语言沟通变得轻松自然。可以轻松管理群组和聊天,享受更个性化的体验,同时确保隐私安全。
相关资讯
2024 年设计工具调查报告
链接:https://www.uxtools.co/survey/introduction/about-this-report
本报告是基于 2024 年设计工具调查的结果,旨在揭示设计行业的最新趋势和工具选择的变化。自 2017 年以来,我们已调查超过 22,000 名设计师,收集他们对各类设计工具的使用情况和偏好。2024 年的调查结果显示,行业正经历前所未有的整合,许多工具开始向专业化方向发展,同时反映出组织环境如何影响设计工具的选择。
苹果将对系统版本号改为年份
此前苹果各设备系统的版本号因初始发布时间不同而各异,如 iOS 18、watchOS 12、macOS 15 和 visionOS 2 等,容易让用户和开发者感到困惑。采用年份后缀可使所有设备的系统版本保持一致,方便理解和匹配功能版本。
- iOS :iOS 19 改名为 iOS 26。
- iPadOS :iPadOS 19 改名为 iPadOS 26。
- macOS :macOS 16 改名为 macOS 26。
- watchOS :watchOS 13 改名为 watchOS 26。
- tvOS :Apple TV 的操作系统将更名为 tvOS 26。
- visionOS :visionOS 3 改名为 visionOS 26。
苹果宣布WWDC 25将于2025年6月10日凌晨1点举行
微信文章批评公众号被腾讯投诉,后被微信团队驳回
链接:https://mp.weixin.qq.com/s/xKIwgE5a_y4KxgyuAATEuw
看到一个非常搞笑的事情,有网友言辞激烈在公众号发了一篇批评公众号的文章,被腾讯投诉涉嫌侵犯企业名誉。
在腾讯内的产品被腾讯投诉,是不是以为要完了?作者当时也是这么想的。结果最后微信团队驳回了投诉,认为不存在侵权,文章不用删。
微信真乃腾讯内部飞地。
QQ音乐车载皮肤设计大赛
链接:https://mp.weixin.qq.com/s/o1_vHPihgw0v1ETE2NDQNg
本次征集的内容为 QQ 音乐车载皮肤设计;设计范围包括:推荐页、播放页;加分项:兼容深浅模式;可使用拟物、3D建模、手绘或AIGC等方式设计等,风格不限;播放页控件(播放/暂停、上一首、下一首)可自个性化设计;界面避免元素过导致界面易读性差;请勿使用已上市汽车外观,避免侵权风险,可通过AIGC生成。
招聘信息
Lovart(首个设计 AI Agent)招聘视觉/UI设计师
链接:https://mp.weixin.qq.com/s/map17LOBLUUMQxl7Ehb9uA
体验碎周报第 235 期(2025.6.3)