体验碎周报第 234 期(2025.5.26)

体验碎周报第 234 期(2025.5.26)

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

大产品小细节

【亮点】抖音团购的瓷盘式菜品展示设计

抖音团购把死板的方形占位图换成温润的圆形瓷盘。当真实菜品图片上传后,系统会自动把图片裁剪成完美适配瓷盘的弧形,再配上粗犷有力的方正粗雅宋长字体菜名,整个画面就像把米其林餐厅的菜单搬到了手机屏幕上。这种设计既保留了真实感,又让每个菜品都像艺术品般被精心陈列。

查看案例详情:https://www.uisdc.com/hunter/0221623965.html

【新功能】豆包一次性生成20张统一风格的AI图片

大伙儿是不是都有过这种被 AI 作图折腾得抓狂的经历?盼星星盼月亮等出来的图,要么风格跑偏,要么细节缺斤少两,像开盲盒一样,永远不知道下一秒蹦出来的到底是惊喜还是惊吓,反反复复调整,简直能把人耗到怀疑人生。特别是当你需要生成多张风格统一的图片时,更是难上加难。 豆包这次直接甩出王炸:一次性生成20张图片,张张风格统一到像连环画。不需要反复调参数,输入指令就能批量产出高清图,连阴影角度、配色方案都像复制粘贴般精准。做绘本、搞海报设计、剪辑视频,素材都整齐划一,爽到飞起。

查看案例详情:https://www.uisdc.com/hunter/0221623936.html

来自 言川Artie

【亮点】Monspeak英语App的卡片式轮播角色选择设计

在 Monspeak 这款聚焦对话练习的英语学习 App 中,首页设计采用了一种特别的卡片式滑动交互:一组组「对话练习对象」以视觉层叠方式横向排列,配合角度缩放动画,让用户通过滑动卡片的交互,自主挑选想要对话的角色或情境。

这组动画的节奏和反馈细腻自然——滑动过程中,前后的卡片会根据位置变化旋转轮播,模仿卡片轮盘缓缓转动的真实感。虽然只是一个静态选择页面,但通过动态反馈营造出一种「转盘式挑选」的沉浸氛围,视觉引导非常清晰。

查看案例详情:https://www.uisdc.com/hunter/0221624590.html

来自 要爆炸的张老三

【亮点】苹果官网导航栏降噪设计

在日常浏览网页时,顶部导航栏是用户获取信息的关键区域。导航栏经常可以通过悬浮方式,展示更多导航下内容。可问题是,对于那些内容丰富的页面,根本没办法让人好好把注意力放在悬浮面板上,属实让人抓狂! 为了解决这个问题,可以通过对页面其他部分进行「降噪」,来让悬浮面板内容更为突出。苹果官网便采用了模糊处理的方法,通过使页面的其他部分模糊,强化了用户对面板内容的专注。

查看案例详情:https://www.uisdc.com/hunter/0221624828.html

来自 柒柒

【槽点】百度地图语音包界面Tab选中状态不明显

百度地图语音包界面中的Tab,选中状态仅比非选中状态的字体稍微大一点点,颜色肉眼看上去无明显差异,因此很难看出当前到底选中了哪项。

因被百度投诉2次,为避免再次被投诉引发纠纷。现与百度人士说明如下:此截图是我个人截取,我无法判断是否为内测功能,无法判断此功能是否会下架或优化。本人仅阐释自己对截图所示界面的个人感受和评价,不涉及 针对百度进行炒作、带节奏、抹黑、恶意曲解。不涉及 侵犯百度的商业名誉权。

推荐阅读

设计数据分析 - 拆解

链接:https://mp.weixin.qq.com/s/DsqJocLypBYQH0-gdq0sXQ

如何有效提取设计相关的数据?本指南从设计视角出发,通过 “拆解 — 埋点 — 分析” 的三大步骤,帮助设计师明确收集哪些数据来验证设计对整体指标的影响。文中介绍了多种数据分析模型,如 OSM、UJM 等,及如何利用它们指导数据收集,确保设计方案的效果可量化。这是每位设计师都值得一读的实用指南!

携程会员权益感知升级

链接:https://mp.weixin.qq.com/s/pEn5L4Vnr4A1ZWnWPpL0YA

携程通过优化会员权益展示和服务,致力于提升用户的整体体验与感知。新的设计原则确保各业务线之间的权益展示一致性,从而增强用户的归属感与忠诚度。通过前置展示强权益、贯穿各节点以及强化重要节点的感知,携程希望让用户在预订与出行过程中,能更直观地感受到会员的独特价值,最终推动品牌的持续增长。

从无人问津到爆单不断,你只差一个AIDA的距离

链接:https://mp.weixin.qq.com/s/oi8U6VfGzHYutBtIR87ywA

AIDA 模型是提升产品营销转化的重要工具,分为注意、兴趣、渴望和行动四个阶段。通过吸引用户注意、激发兴趣、强化欲望,最终促成购买行为。无论是电商产品、营销活动还是功能产品,AIDA 模型都能帮助团队设计出高效的用户体验策略,实现商业目标。了解并应用这一模型,可以有效提升产品的市场表现和用户满意度。

工具资源

CTA.gallery——行动召唤按钮灵感收集

链接:https://www.cta.gallery/

CTA 行动召唤按钮(Call To Action),是网页、广告、电子邮件、App 等界面中用于引导用户采取特定行动的指示性文字按钮。这个网站汇集了网络上最优秀的号召性用语(CTA)设计灵感。这里有丰富多样的 CTA 样式,涵盖按钮、下载、订阅等多种形式,帮助用户寻找创意并提升转化率。

Supahero——收集网站首屏(Hero Section)设计的灵感库

链接:https://www.supahero.io/

汇集了各类高质量设计案例,风格多样,包括暗色系、极简风、缤纷色彩和 3D 效果等。无论是商业网站还是个人博客,都能在这里找到合适的设计参考。除了设计案例,Supahero 还提供实用的工具包和模板资源,帮助用户高效完成网页设计。

H1 Gallery——收集互联网上最优质的营销 headline(标题)案例

链接:https://h1gallery.com/

全球优质营销标题合集,涵盖科技、设计、金融、生活等多个领域。类似“标题版的 Pinterest”,为市场营销人员、文案创作者、创业者提供 高转化率标题参考,帮助快速激发创意。

LobeHub UI——专门用于开发 AIGC的UI组件库

链接:https://ui.lobehub.com/

该库的组件基于 Antd 设计,确保与 Antd 组件的完全兼容性。

Free SVG Icons——免费开源 SVG 图标资源库

链接:https://freesvgicons.com/

来自多个开放源代码图标库,超过 25 万个开源 SVG 图标,涵盖科技、生活、商业、社交、医疗等 100+ 细分领域。

JSON Style Templates for ChatGPT——JSON 格式的视觉风格描述ChatGPT提示词库

链接:https://json.visuals.zip/

为了让AI生成图片的时候更一致更稳定,有网友把提示词用JSON格式来描述,内含风格、元素、光影、颜色等等不同维度的字段。这个网站提供45种不同风格的JSON格式的视觉风格提示词模板。

MasterGo上线插槽(Slot)功能

链接:https://mastergo.com/help/插槽功能帮助文档

Figma的组件虽然能轻松替换图片、图标和文字,但当组件结构复杂时,要替换其中的部分内容就比较困难。前端开发中有一个叫”插槽”(Slot)的概念,它允许我们预先将组件拆分成多个插槽,从而灵活替换内部内容,而且被替换的内容不一定非要是组件。目前Figma的实例替换功能还不够完善,只能用其他组件来替换,而且他们的Slot功能还在内测阶段。没想到MasterGo反而抢先一步推出了这个功能。

产品发现

码都来——AI 产品邀请码共享平台

链接:https://malai.agent-wiki.cn/

现在隔几天就有新的AI产品,但都要邀请码。只需填写问卷,平台将根据需求智能分发相应的邀请码,确保资源共享。当然你也可以贡献邀请码,让这个平台能顺利运转下去。

Hidden Word——给文字加上隐藏水印

链接:https://hidden-word.top/

输入原始文本和要隐藏的文字,表面上看不到要隐藏的文字,但隐藏的文字放在HTML代码里。

大收藏家——数字化馆藏助手,轻松管理和分享你的收藏品

链接:https://apps.apple.com/cn/app/大收藏家/id6581482398?uo=4

由 OPPO 前锤子产品经理朱海舟打造,这款应用专为收藏爱好者设计。精美的界面配合极简的交互方式,让藏品录入和管理变得轻而易举。用户只需拍照或语音输入,即可快速整理收藏。应用内置的 AI 鉴定功能可帮你发掘藏品背后的故事,多维度统计功能清晰呈现品牌、价格、年份等数据。一键导出精美图集的分享功能,让你轻松将藏品展示到社交媒体和二手平台。

Eney——专为macOS设计的AI助手

链接:https://macpaw.com/eney

这款AI助手由CleanMyMac背后的团队MacPaw开发,延续了他们一贯精致的设计风格。与其他主打内容生成的AI助手不同,Eney专注于Mac系统相关任务,包括文件格式转换、视频音频提取、系统清理、性能监测等实用功能。

相关资讯

苹果前首席设计官Jony Ive 创立的智能硬件团队io将于OpenAI合并

链接:https://openai.com/sam-and-jony/

两年前,Jony Ive 与 OpenAI 的 Sam Altman 基于友谊和共同价值观开始了 AI 智能硬件的合作。经过一系列探索,他们形成了切实可行的设计理念。为实现开发和制造新产品系列的宏大目标,Jony Ive 在一年前与 Scott Cannon、Evans Hankey 和 Tang Tan 共同创立了 io 公司。该公司汇聚了硬件、软件工程师、技术专家、物理学家、科学家以及产品开发与制造领域的专业人士。这些人才中,许多都有多年的合作经验,为新产品研发提供了强大支持。

如今,io 团队将与 OpenAI 合并,Jony 和 LoveFrom 将在 OpenAI 和 io 担任深度设计与创意职责。双方对此充满热情,Sam Altman 高度赞赏 Jony 团队在技术、设计与人机交互理解方面的能力。Jony Ive 则表示,期待能为用户带来如同 30 年前使用苹果电脑般的愉悦与创造体验,并对参与此次合作深感荣幸。

分析师郭明錤发文称新的智能硬件可以挂在脖子上,外观设计犹如 iPod Shuffle 般小巧精致。

新闻配图展示了两人亲密的合影(怎么感觉有点GayGay的,Sam Altman确实是Gay,Jony Ive是直男但来自英国)。

有人将 Jony Ive 与乔布斯讨论时的照片,与如今 Jony Ive 和 Sam Altman 对谈的照片进行对比,暗示 OpenAI 将接替苹果,成为下一代产品创新的领军者。

招聘信息

JOOX招聘品牌运营设计师(深圳/泰国)

体验碎周报第 234 期(2025.5.26)

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

作者

龙爪槐守望者

发布于

2025-05-26

更新于

2025-05-26

许可协议

评论