体验碎周报第 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——行动召唤按钮灵感收集
CTA 行动召唤按钮(Call To Action),是网页、广告、电子邮件、App 等界面中用于引导用户采取特定行动的指示性文字按钮。这个网站汇集了网络上最优秀的号召性用语(CTA)设计灵感。这里有丰富多样的 CTA 样式,涵盖按钮、下载、订阅等多种形式,帮助用户寻找创意并提升转化率。
Supahero——收集网站首屏(Hero Section)设计的灵感库
汇集了各类高质量设计案例,风格多样,包括暗色系、极简风、缤纷色彩和 3D 效果等。无论是商业网站还是个人博客,都能在这里找到合适的设计参考。除了设计案例,Supahero 还提供实用的工具包和模板资源,帮助用户高效完成网页设计。
H1 Gallery——收集互联网上最优质的营销 headline(标题)案例
全球优质营销标题合集,涵盖科技、设计、金融、生活等多个领域。类似“标题版的 Pinterest”,为市场营销人员、文案创作者、创业者提供 高转化率标题参考,帮助快速激发创意。
LobeHub UI——专门用于开发 AIGC的UI组件库
该库的组件基于 Antd 设计,确保与 Antd 组件的完全兼容性。
Free SVG Icons——免费开源 SVG 图标资源库
来自多个开放源代码图标库,超过 25 万个开源 SVG 图标,涵盖科技、生活、商业、社交、医疗等 100+ 细分领域。
JSON Style Templates for ChatGPT——JSON 格式的视觉风格描述ChatGPT提示词库
为了让AI生成图片的时候更一致更稳定,有网友把提示词用JSON格式来描述,内含风格、元素、光影、颜色等等不同维度的字段。这个网站提供45种不同风格的JSON格式的视觉风格提示词模板。
MasterGo上线插槽(Slot)功能
链接:https://mastergo.com/help/插槽功能帮助文档
Figma的组件虽然能轻松替换图片、图标和文字,但当组件结构复杂时,要替换其中的部分内容就比较困难。前端开发中有一个叫”插槽”(Slot)的概念,它允许我们预先将组件拆分成多个插槽,从而灵活替换内部内容,而且被替换的内容不一定非要是组件。目前Figma的实例替换功能还不够完善,只能用其他组件来替换,而且他们的Slot功能还在内测阶段。没想到MasterGo反而抢先一步推出了这个功能。
产品发现
码都来——AI 产品邀请码共享平台
链接:https://malai.agent-wiki.cn/
现在隔几天就有新的AI产品,但都要邀请码。只需填写问卷,平台将根据需求智能分发相应的邀请码,确保资源共享。当然你也可以贡献邀请码,让这个平台能顺利运转下去。
Hidden Word——给文字加上隐藏水印
输入原始文本和要隐藏的文字,表面上看不到要隐藏的文字,但隐藏的文字放在HTML代码里。
大收藏家——数字化馆藏助手,轻松管理和分享你的收藏品
链接:https://apps.apple.com/cn/app/大收藏家/id6581482398?uo=4
由 OPPO 前锤子产品经理朱海舟打造,这款应用专为收藏爱好者设计。精美的界面配合极简的交互方式,让藏品录入和管理变得轻而易举。用户只需拍照或语音输入,即可快速整理收藏。应用内置的 AI 鉴定功能可帮你发掘藏品背后的故事,多维度统计功能清晰呈现品牌、价格、年份等数据。一键导出精美图集的分享功能,让你轻松将藏品展示到社交媒体和二手平台。
Eney——专为macOS设计的AI助手
这款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)