体验碎周报第 250 期(2025.9.15)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
大产品小细节
苹果iPhone Air韩国官网特别设计:🤏
为了直观展现新款iPhone Air的极致纤薄,苹果的官方网站设计了一个极具巧思的视觉交互:一双修长的手指缓缓捏住手机的侧面,将抽象的“薄”转化为具体可感的视觉冲击。这个设计在全球绝大多数地区的官网上都得到了应用,生动地传递了产品的核心卖点。
然而,细心的用户会发现,韩国官网却是个例外——那双标志性的手消失了,只留下一部手机静静地悬浮在页面上,成为全球唯一一个享受「特殊待遇」的地区。你知道为什么吗?
2015 年起,韩国极端女权群体将 「拇指 + 食指捏合」🤏 的手势用作暗讽男性「那个有点小」的标志;此后该手势多次引发社会事件(如麦当劳广告因捏薯条手势被抵制、雷诺女职员因类似手势停职等)。苹果为避免触犯当地文化禁忌、规避舆论风险,特意将韩国官网的动态捏合动画替换为静态无手图片,成为全球唯一调整的地区。
🔗:https://www.uisdc.com/hunter/0221640368.html
夸克浏览器教师节营销案例:从视觉装饰到实质福利
每逢教师节,手机里的APP就像约好了一样,集体换上节日新装。开屏是精心绘制的插画,首页图标也变得俏皮可爱,但仅限于此,并没有拿出实际的表示。
这次夸克浏览器在教师节的操作,就给了我们一个很好的示范。从视频里能看到,夸克的首页出现了一个温馨的教师节doodle动效,一个卡通女老师的形象,黑板上写着「Quark」。最关键的是,动效上有一个非常醒目的横幅,从「领15个月会员」变成了「教师节礼物」。这已经不是简单的视觉装饰了,而是一个直接的利益点。点击进去,是一个清晰的认证页面,完成认证后,用户就能领取到AI会员、扫描王VIP和网盘VIP等实实在在的权益。整个流程从一个节日的问候,顺滑地过渡到了一个有价值的行动,把「庆祝」这件事做实了。
🔗:https://www.uisdc.com/hunter/0221640366.html
Operate CRM:从混沌到清晰的视觉隐喻
Operate 是一款专为创始人设计的 CRM 工具,别的先不说,网站设计非常酷!
整个页面背景是绿色的网格,像一张精密的蓝图或者老式电脑的显示界面,科技感和复古感并存。最吸引人的,是那个从左到右贯穿页面的动态数据图。左边标记着「Chaos」(混沌),无数的数据点像无序的粒子一样散乱分布在一片弥散的蓝色光晕中。而右边则标记着「Clarity」(清晰),所有的数据点最终汇合成一条稳定、平滑的曲线。整个动画流畅地展示了这片「混沌星云」是如何收敛、聚合成一条清晰路径的,这个过程本身就充满了秩序之美。
🔗:https://www.uisdc.com/hunter/0221640155.html
上海地铁信息屏设计失效:信息过载与视觉混乱
这块位于上海浦东机场站的信息屏,承载了远超用户一瞥之间所能吸收的信息量。整个屏幕底色为深蓝色,但信息排布却显得杂乱无章。首先,屏幕顶部展示了线路概览,包含了从「浦东1号2号航站楼」到「虹桥2号航站楼」的多个站点,同时标注了首末班车时间。中部区域则显示了三班列车的动态信息,时间、开往方向、下一站等关键内容挤在一起。
视觉元素的使用更是加剧了混乱。屏幕上同时出现了白色、橙色、红色等多种颜色的文字,字号大小和字重也缺乏统一规划。例如,「本次列车为4节车厢,请注意候车位置」使用了橙色粗体,但其他同样重要的信息却没有得到一致的强调。更令人困惑的是,屏幕还混用了静态文本和滚动字幕,用户视线需要不断跳跃和追随。最后,一个独立的列车图示被用来表示车厢拥挤度,虽然意图是好的,但在这个本已拥挤的界面上,它更像是一个额外的干扰源,而非一目了然的辅助信息。
来自 LRY
🔗:https://www.uisdc.com/hunter/0221640612.html
推荐阅读
21 种 GenAI UX 模式、示例和实施策略
本文探讨 21 种生成式 AI(GenAI)用户体验设计模式,旨在帮助产品经理、设计师和数据科学家构建以用户为中心的 AI 产品。涵盖如何评估生成式 AI 的应用场景、转化用户需求为数据需求、定义自动化程度等。通过这些模式,可以提升产品的智能性与安全性,确保用户体验良好并符合实际需求。
🔗:https://mp.weixin.qq.com/s/064O_xcmFZ2-Ob2ufDwfow
别让学习曲线劝退用户!6个原则做好体验设计
用户体验设计需要关注心智模型和学习曲线。设计师应顺应用户的习惯和经验,提供清晰反馈,并在设计中找到平衡,既要考虑通用性也要兼顾特定用户的需求。通过深入的用户研究,设计师可以有效降低用户的学习成本,让他们在新技术的使用上不再感到困惑,进而提升产品的接受度和使用频率。
🔗:https://mp.weixin.qq.com/s/mnwHuiQF0jGbd1EI3sx5vA
不止是手办模型:nano-banana 在商业场景中的应用潜力有多大?
nano-banana AI 模型在业界引起热潮,以其顶级的图像真实感和强大的语义理解能力而备受关注。该模型使用户通过语言指令快速生成高质量图像,广泛应用于电商和室内设计等领域。它能高效创建产品效果图和室内三维预览,大幅提升工作效率和决策速度,成为设计师和市场团队的重要工具。
🔗:https://mp.weixin.qq.com/s/-qg-9rP2QDhsrGfSjqmj-Q
工具资源
即梦图片4.0模型 官方提示词手册
即梦图片 4.0 模型正式上线,带来全新多模态生图功能,实现文生图、图像编辑和组图生成的灵活应用。模型具备精准指令编辑、高度特征保持与超高速生成,适用于商业设计、艺术创作等多个场景,用户可以通过自然语言轻松控制画面细节,迅速呈现创作灵感。
而这份官方提示词手册提供20多种案例,和自行撰写提示词的指南。
🔗:https://bytedance.larkoffice.com/docx/L4vCdah1DoDg7axVdYGcoplSn9f
HeroUI——现代美观的 React UI 库
基于 Tailwind CSS,提供高度可定制的主题和组件,确保无多余样式。HeroUI 支持自动识别暗黑模式,并注重无障碍设计,符合 WAI-ARIA 标准,HeroUI 提供 210 多个响应式组件和Figma设计文件
warp——生成抽象流动形状的Figma插件
这个插件的核心功能是让用户以直观的方式创造出独特的视觉效果,为平面设计增添更多创意元素。用户只需简单操作,就能在设计项目中实现丰富的形状变化,极大地提升设计作品的表现力和艺术性。
🔗:https://www.figma.com/community/plugin/1307973956610796436/warp
Project Scoping Template——Figma 项目范围模板
这个模板不仅可以清晰地定义项目的目标和范围,还能确保团队成员之间对项目需求的共同理解,从而减少沟通中的误解和错误。使用该模板,用户可以在早期阶段进行头脑风暴,记录下所有创意和想法,确保没有遗漏重要的细节。此外,该模板支持在项目进展过程中不断更新和调整,使其始终与项目的实际需求保持一致。
🔗:https://www.figma.com/community/file/1546392502977841046
产品发现
AI Short Video Factory——AI一键生成高质量营销短视频
用户只需提供简单的文本提示和视频分镜素材,便可自动生成高质量的视频。该工具的核心功能包括 AI 驱动的文案生成、自然流畅的语音合成、支持多种视频格式的自动剪辑以及字幕特效的添加。用户可以批量处理视频,提升工作效率,且支持多语言。
🔗:github.com/YILS-LIN/short-video-factory
屎山代码检测器——评估代码质量并生成报告
支持多种编程语言,包括 Go、JavaScript/TypeScript、Python、Java 和 C/C++。它通过 “屎山指数” 从 0 到 100 评分,分数越高表示代码质量越差。该工具从复杂度、函数长度、注释率、错误处理、命名、重复度和结构七个维度进行详细检测,帮助开发者全面了解代码的健康状况。分析结果以美观的终端报告呈现,甚至支持 Markdown 格式输出,便于后续文档集成和 AI 分析。
🔗:https://github.com/Done-0/fuck-u-code
配图来自 Fender
小美——美团推出的AI Agent
能通过简单的语音指令帮助用户处理日常事务,如点外卖、订餐厅、规划饮食等。随着功能的不断拓展,小美还在学习打车、订酒店和预约等服务,旨在提升生活效率和便利性。无论是需要快速订餐,还是想要规划一周的饮食,小美都能轻松应对。
🔗:https://apps.apple.com/cn/app/小美-ai生活小秘书/id6748377336
网易UU远程——高画质、低延迟、免费远控工具
专为满足游戏和办公需求而设计。它提供真 4K 画质和低延迟连接,确保用户在远程操作时享受流畅的使用体验。支持多种设备,包括手机、平板、Mac、PC 等,用户可以随时随地控制家中的电脑。
西游记取经路线图
探索《西游记》师徒四人的传奇取经之路!该互动式地图详细展示了九九八十一难的故事,包括时间轴视图、角色介绍和经典场景。无论是学生学习还是文学爱好者研究,这里都提供丰富的文化背景和历史意义。让我们一起跟随唐僧、孙悟空、猪八戒和沙僧,体验他们在取经过程中所经历的种种艰难险阻,感受中华文化的深厚底蕴与智慧。
相关资讯
谷歌「Nano Banana」将登陆Photoshop,AI图像编辑进入专业工具流
谷歌最新的AI实验项目「Nano Banana」就给了我们一个巨大的惊喜。这个功能本质上是一个基于提示词(Prompt)的AI图像编辑工具,支持多张图像融合为一张图像、在丰富的叙事中保持角色一致性、使用自然语言进行定向转换,并利用 Gemini 的世界知识生成与编辑图像。你只要用文字告诉它你想怎么改,它就能帮你实现。这个项目一上线就火得一塌糊涂,据说已经完成了超过2亿次图像编辑,还给Gemini应用带来了超过1000万的新用户。
而更让设计圈兴奋的是,Adobe的首席设计推广大使霍华德·平斯基(Howard Pinsky)官宣,「Nano Banana」这个月内就会登陆Photoshop。 这次合作的亮点在于,你不再是只能在一个独立的AI网页里「看图说话」,而是能把它和我们最熟悉的PS工具流无缝结合。你可以先用魔棒工具做个精准选区,然后让AI只在这个区域里生成内容;或者让AI生成的结果作为一个独立的图层,随时用蒙版进行修改,整个过程都是「非破坏性」的,给了专业设计师极大的控制权和灵活性。
🔗:https://www.uisdc.com/hunter/0221640616.html
体验碎周报第 250 期(2025.9.15)