体验碎周报第 243 期（2025.7.28）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
大产品小细节
Figma 的蓝色指引线：解决画布迷失的细节设计
在Figma的无限画布上挥洒创意时，突然需要回到刚才设计的某个组件，却发现自己完全迷失在茫茫的数字空间中。你疯狂地拖拽画布，放大缩小，甚至开始怀疑那个精心设计的按钮是不是被自己不小心删掉了。特别是当你正处于创作高峰期，思路正热的时候，这种打断简直是灵感的杀手。
Figma的这个设计细节其实很简单但很巧妙。当你选中画布上的某个元素后，如果通过拖拽、滚轮或快捷键移动了画布视角，让这个被选中的元素跑到了当前可视区域之外，Figma会立即在画布的边缘显示一条蓝色的指引线。这条线不是随便出现的，它精准地指向被选中元素所在的方向。线条的颜色采用了Figma经典的品牌蓝色，在视觉上既醒目又不会过于突兀，保持了界面的整体协调性。更贴心的是，这条指引线会一直保持显示，直到你重新将元素拖拽回可视区域或选择了其他元素。
来自 岩鸣杨子
🔗：https://www.uisdc.com/hunter/0221634583.html
flomo AI 洞察：从笔记中发现「自我上下文」的镜子
看着手机里那几百条笔记，你有没有过这样的感受：明明记录了那么多想法，可当真正需要做决定时，还是觉得脑子一片空白？就像面对「要不要换工作」这个问题，网上的建议看了一堆，可总觉得都是别人的故事，跟自己没什么关系。这种困惑，恰恰点出了AI时代一个被忽视的真相——我们缺的不是信息，而是关于自己的「上下文」。
flomo AI洞察功能是一个颇具创新意义的设计。它不像市面上常见的AI写作助手那样帮你生成或润色内容，而是专注于从用户已有的笔记中挖掘洞察。具体来说，用户可以在搜索结果或相关笔记列表底部找到「AI洞察」按钮，点击后几秒钟就能收到一份定制化的洞察报告。这份报告会帮你发现思维盲区、重复出现的问题模式，以及那些被你忽略的思考重点。最有趣的是，即便是同一批笔记，每次生成的洞察都不相同，真正做到了千人千面。 它重新定义了AI在个人知识管理中的角色。传统的AI工具往往扮演「生产者」的角色，帮你写文章、做总结，但flomo的AI洞察却选择做一面「镜子」，让你更清楚地看见自己。
🔗：https://www.uisdc.com/hunter/0221634341.html
小红书评论区语音功能：从「假语音」创意到真实智能转写
在小红书刷着刷着，突然看到评论区有人发了一段看起来像语音的内容，你好奇地点击却发现根本播放不了。原来那些都是网友们用颜文字和特殊符号伪装成的「假语音」，纯粹是为了搞怪。更有意思的是，有些人会把歌词贴出来，其他用户看到后会自动脑补旋律，然后开玩笑问「咦？你怎么能在评论区发语音？」这种现象反映出用户对评论区语音功能的强烈渴望，也暴露了平台在多媒体互动体验上的空白。
现在小红书终于推出了真正的评论区语音功能。用户不仅能够在评论区录制和播放语音，系统还配备了智能转写功能，能够自动将语音内容转换为文字显示。更令人惊喜的是，这个AI识别系统相当智能——它不仅能准确转录语音内容，还能识别出用户的方言和是在清唱、吉他弹唱，甚至可能还能识别其他乐器伴奏形式。
🔗：https://www.uisdc.com/hunter/0221633840.html
懂车帝借鉴苹果 Siri：彩色边框符号化 AI 功能
自从苹果把Siri的AI功能视觉样式设计为动态的彩色发光跑马灯边框后，已经成为表示AI功能启动的行业设计规范了。 懂车帝更进一步，为了推广其AI功能，即时AI还没启动，也会在屏幕四周显示苹果Siri同款彩色发光跑马灯边框。 这个边框由多种颜色组成，呈现流动的光效动画，围绕屏幕边缘形成一圈动态的彩色光晕。
不同的是，懂车帝即使在AI功能尚未激活的状态下，也会主动显示这个彩色边框效果。从视觉层面看，这个设计确实能够快速吸引用户注意力，营造出科技感和未来感的氛围。光效的流动方向、颜色渐变都与苹果的原始设计保持了高度一致，在视觉识别上具备了「AI功能」的符号特征。 对于一个新上线、需要大力推广的核心功能，这种「强制性」的视觉植入，能以最快的速度、最低的沟通成本，在用户脑中建立「懂车帝 = 有AI」的强关联。它跳过了用户主动发现的漫长路径，直接把功能「喂」到用户眼前。 搜索栏作为高频入口，持续滚动的光带天然具备广告位价值。
🔗：https://www.uisdc.com/hunter/0221633544.html
推荐阅读
【英文】macOS早期设置面板的历史与演变
🔗：https://aresluna.org/frame-of-preference/
本文探讨了 1984 年至 2004 年间麦金塔设置面板的发展历程。通过十个模拟器，作者带领读者回顾了不同版本的控制面板设计变化。从最初的简约设计到逐渐复杂的设置选项，反映了用户需求和技术演变。作者深入分析了早期设计的魅力与不足，以及这些变化如何塑造了用户体验，展现了麦金塔这一创新机器的历史与个性。
【英文】从传统的 4px 间距到奇数间距和斐波那契序列的转变
作者认为，传统的 4px 系统使设计显得单一且松散，使用奇数间距则能带来更紧凑和谐的视觉效果。通过对不同字体和元素的比较，发现奇数间距能够保持一致性和美感。最终，作者提议使用斐波那契序列作为新的间距系统，借此引入更自然的设计韵律和美感。
🔗：https://medium.com/@disco_lu/saying-bye-to-4px-spacing-and-hello-to-fibonacci-58477e3ecca3
用产品思维优化小红书长文功能
本文探讨了如何用产品思维优化小红书的长文功能，分析了用户在浏览体验中的痛点，如翻页方式不便、标题存在感不足等。提出通过纵向滚动和全屏预览等方式改善阅读体验，并结合用户反馈进行设计迭代。该思路不仅关注技术实现的可行性，还兼顾了用户的使用习惯，旨在提升内容的可读性与交互性，吸引用户更深入的参与和互动。
🔗：https://mp.weixin.qq.com/s/YOpWMumBLlvkWoOs4eQ3Yw
瞳孔中的宇宙，人类视觉的认知相对论
本文探讨了设计心理学的基本概念，强调心理学与设计的密切联系。通过理解人类的视觉认知和心理状态，设计师可以创造出更符合用户需求的设计。内容包括感知偏差、环境影响和目标导向等因素如何影响我们的视觉体验。了解这些心理现象，能够提升设计的效率和用户的满意度，帮助设计师在多元的情感消费社会中更好地满足用户的需求。
🔗：https://mp.weixin.qq.com/s/gTpNSCLFN7PCsTZ3BM6c2w
App应用的AI体验
本文记录了多个 App 应用如何运用 AI 技术，涵盖笔记、知识阅读、音乐、旅行、运动、通讯、医疗等领域。通过 AI，用户可以更便捷地记录笔记、获取知识、聆听音乐、制定运动计划等。比如，有道云笔记的语音识别和微信读书的 AI 大纲功能，提升了信息获取的效率。酷狗音乐允许用户用 AI 生成歌曲，而平安好医生则通过虚拟医生进行医疗咨询，增强信任感。这些应用展示了 AI 在日常生活中的实际价值与便利性。
🔗：https://mp.weixin.qq.com/s/G6SoqIoPUYjbUGBpIpRdKw
工具资源
Design Arena—AI 设计工具的评测打分
平台已有 38,055 位用户参与投票，展示了各类 AI 模型在网站、游戏开发、3D 设计等任务中的表现。用户可以一目了然地比较不同模型的胜率、Elo 评分和生成时间，轻松找到最适合的设计 AI。平台还支持现场测试功能，让你能够使用相同提示词同时让多个 AI 生成设计图，直观对比它们的实际效果。
OutSystems UI——低代码 UI 框架
专为 Web 和移动应用设计。它提供了统一的响应式屏幕模板和 UI 模式，帮助开发者快速创建现代化用户体验。通过拖放式的界面，用户可以轻松集成超过 70 种可定制的 UI 模式，确保应用在不同设备上的完美适配。
🔗：https://outsystemsui.outsystems.com/OutSystemsUIWebsite/HomeScreen
Shape-O-Holic——免费 140 + 个可定制 SVG 形状
这些 SVG 形状不仅适合各种设计需求，如网页、海报、宣传材料等，还能帮助设计师提升作品的专业度和视觉吸引力。
Nucleo开源免费 SVG 图标集
Nucleo是一个用于管理图标资源的软件，这是他们整理的免费SVG图标资源，超过 200 个优化的国旗图标、社交媒体图标、信用卡图标以及各种设计图案。最近还刚出了一套玻璃风格的图标。
🔗：https://nucleoapp.com/free-icons
FliiipBook——在线gif制作
让你可以轻松绘制逐帧动画并直接在浏览器中创建 GIF。它提供了洋葱皮功能，让你在绘制时能看到前后帧，以实现更流畅的动作。丰富的画笔大小和多种工具，如喷涂和填充选项，助你表达创意。
Magic Text——快速填充真实文案的Fig插件
通过输入示例文本，快速生成真实的文本数据，从而使设计草稿更加生动和真实。
🔗：https://www.figma.com/community/plugin/1427264808426368845/magic-text
Skeuomorphic UI Pack——拟物化UI素材
旨在探索现代界面设计中的纹理、深度和现实感。这一包完全在 Figma 中制作，运用了真实的皮革纹理和柔和的阴影，使得数字组件更具立体感和生活气息。设计师和开发者可以轻松地将这些元素复制和重混，以适应自己的项目需求。
🔗：https://www.figma.com/community/file/1526252667314622293/skeuomorphic-ui-pack
Compsych品牌指南——传达关怀与力量的设计原则
通过清晰、温暖和有目的的设计，增强每一个接触点的品牌表达。Compsych的品牌故事、声音、标志、排版、摄影和颜色共同构成了这个指南，使Compsych的信息始终传达出冷静、自信与关怀。网站版式非常精美，采用横轴滚动。
Trend List——平面设计最新视觉趋势
Trend List 自 2011 年起致力于记录平面设计的视觉趋势。通过分析和整理最新的设计风格与潮流，我们帮助设计师与爱好者紧跟时代步伐。如果你想了解行业动态，获取灵感，Trend List 是你不可或缺的资源。
产品发现
我们哪里见小程序——人线下见面地点规划
腾讯官方推出的专注于解决多人线下见面地点规划的工具，通过智能算法帮助用户快速找到最佳碰面位置和推荐的餐厅，并整合多种交通方式的用时计算，提升出行效率。用户可输入自己及朋友的实时位置（支持手动添加或地图定位），系统自动计算并推荐一个距离所有人路程时间最均衡的地点，避免因位置分散导致的长时间等待。
🔗：微信里搜索小程序名称即可
TrackWeigh——把 Mac 触控板变成数字秤，测量物品重量
利用触控板内置的 Force Touch 压力传感器，它可以在你手指接触时读取物品重量。这款应用特别适合那些需要快速测量小物品重量的用户。
🔗：https://github.com/KrishKrosh/TrackWeight
ai-goofish-monitor——基于 AI 的闲鱼商品监控与分析工具
实现了闲鱼商品的多任务实时监控与智能分析。用户只需用自然语言描述需求，即可快速创建复杂监控任务，并通过可视化 Web 界面管理。支持即时推送符合条件商品通知，实时处理商品信息，集成了深度 AI 分析，帮助用户精准筛选心仪商品。无论是想买二手物品，还是想随时获取商品动态，这个工具都能极大提升效率，让你不错过任何好机会！
🔗：https://github.com/dingyufei615/ai-goofish-monitor
Lumen——根据屏幕内容自动调节亮度
当你查看深色窗口（如全屏终端）时，Lumen 会自动增加亮度；而在查看明亮窗口（如网页浏览器）时，它则会降低亮度。这种智能调节功能特别适合夜间使用，避免了眼睛的不适。
🔗：https://github.com/anishathalye/lumen
CHAZ 3D——在线手机博物馆
展示了众多经典手机型号，从诺基亚 3250 到 Lumia 1020，涵盖了从 2006 年到 2013 年的手机历史。每款手机都独具特色，而且这些手机还可以任意角度展示，甚至可以开机试用。
Norton Neo——AI 浏览器
一个强大的AI命令中心，用户可以通过单一输入框进行搜索、生成内容及执行各种操作，简化了传统浏览器的复杂性。
Neo 还引入了无标签浏览的概念，自动整理网页，避免了繁琐的标签管理，使得用户能够专注于重要任务。此外，AI 预览功能提供关键信息，减少点击次数，让用户迅速获取所需内容。广告拦截器则确保了快速、干净的浏览体验，帮助用户保持专注。
Uchinoko-Maker——轻松创建犬猫插图
通过简单的操作，用户只需选择不同的部件，即可组合出独一无二的宠物形象，充分发挥个人创意。Uchinoko-Maker 还提供购买功能，用户可以将自己创作的插图制作成原创商品，进一步满足个性化需求。
🔗：https://uchinoko-maker.jp/?lang=zh-cmn-Hans
鸭觅——美团旗下的大V推荐美食餐厅
由多位经验丰富的美食推荐官推荐。他们吃得多、吃得广，涵盖不同价格和菜系，确保推荐的餐厅品质出众。金勺子餐厅分为三档，帮助用户轻松找到值得一试的美食，满足各种就餐场景。
AI Gist——本地优先的 AI 提示词管理工具
支持变量替换、Jinja 模板、AI 生成与调优、历史版本记录和云端备份等功能，还具备历史版本记录功能，能够追踪每次使用的提示词和参数，帮助用户找到最有效的组合，从而优化工作流程。
相关资讯
全国网络安全标准化技术委员会发布《网络安全标准实践指南 —— 摇一摇广告触发行为安全要求》
旨在解决 “摇一摇” 广告引发的乱跳转问题。该指南规定 App 和 SDK 运营者必须设置便捷的广告关闭渠道和合理的触发阈值，以保障用户的知情权和选择权。用户在进行摇动操作时，需明确告知可能引发的广告跳转结果。这一措施有助于保护个人信息和提升用户体验，进一步规范广告行为。
🔗：https://www.tc260.org.cn/upload/2025-07-22/1753176815105040106.pdf
蚂蚁集团发布金融产品用户体验度量标准
在中国工业设计协会指导下，蚂蚁集团设计联合多方发布了行业首创的《金融产品用户体验度量标准》。该标准旨在量化用户在使用金融产品时的理解难度和痛点，为金融服务提供科学评测依据。
🔗：https://mp.weixin.qq.com/s/FRebSoNSlS1mbbJnOdPyrg
墨迹天气Logo更新
墨迹天气最近进行了品牌升级，图标由蓝色变为黑色，标志着其从气象工具向综合气象服务的转变。新 LOGO 以拼音 “MOJI” 为核心设计，融合了日月交替的灵感，强调智慧决策与生活掌控。虽然品牌形象焕然一新，但用户体验的 UI 设计似乎未随之更新，给人一种风格不统一的感觉。这次升级引发了用户对品牌未来发展的期待。
🔗：https://mp.weixin.qq.com/s/o67QC4TisQ7rzPH7vU9_0g
招聘信息
大众点评UED招聘体验/视觉/品牌设计师
🔗：https://mp.weixin.qq.com/s/JSNqkeD5-s3-L7Pe65bY1A
🎉大邦创新诚招体验设计师（兼职·居家办公）🎉
📈【我们希望你】
- 目前离职状态，时间灵活，但需确保每周2-3次深圳or广州现场沟通，其余时间居家办公！
- 5年以上设计经验，有B端（PC及移动）体验设计，能够逻辑性的梳理从场景需求到设计落地全链路；
- 精通复杂系统项目管理，多任务处理&团队协调能力；
- 沟通顺畅，服务意识佳，能搞定客户项目验收；
- 加分项：国央企背景、动效&三维设计达人、八大美院/985/211/QS200；
📊【薪资待遇】
- 底薪+绩效，绩效与你的设计交付量紧密相连，下限预计15K，上不封顶！
📧【投递方式】
- 简历+作品集请发送至： leon@bigbangux.com
体验碎周报第 243 期（2025.7.28）
