交互设计

从零实现AI流式对话：一篇搞懂SSE、ReadableStream与JSON截断处理当AI像人一样“一个字一个字”地回复时，用户体验直接拉满。但背后的流式输出，你真的搞懂了吗？最近在做一个AI聊天应用，需求很明确：调用大模型接口时，要让回复内容像ChatGPT那样一个字一个字地“蹦”出来，而不是转圈圈等半天后一次性显示完整答案。

万亿少女的梦168

基于Unreal Engine的天坛公园虚拟漫游与交互设计技术说明：本文围绕基于Unreal Engine的天坛公园虚拟漫游项目进行数字化交互设计复盘，重点整理场景建模、材质灯光、漫游交互、信息展示、性能优化和测试验证等技术要点。内容用于虚拟现实、文化遗产数字化和实时交互设计方法交流，不涉及景区营销或服务宣传。

一个人 + AI：246 commits 做出设计系统 CLI 的故事如果有人告诉我两个月前这些东西可以一个人在三周内做出来，我会觉得他在吹牛。但事实就是这样。这是一个关于"AI 时代，一个人能产出多少东西"的真实实验。

构建无障碍组件之Menu Button patternMenu Button（菜单按钮）是 Web 应用中最常见的交互组件之一，从工具栏的"更多操作"到导航栏的下拉菜单，无处不在。然而，一个看似简单的按钮+弹窗组合，其无障碍实现却涉及复杂的键盘交互、焦点管理和状态同步。本文基于 W3C WAI-ARIA Menu Button Pattern 规范，深入剖析 Menu Button 的核心机制，并对比分析 shadcn/ui、Radix UI、React Aria 等主流库的实现策略，帮助你在工程中做出合理的技术决策。

构建无障碍组件之Slider PatternSlider（滑块）是一种用于在给定范围内选择值的输入组件，通过滑块的滑块（thumb）位置来表示当前值和可选范围。本文基于 W3C WAI-ARIA Slider Pattern 和 Slider Multi-Thumb Pattern 规范，详解单滑块与多滑块组件的无障碍实现。

构建无障碍组件之Toolbar PatternToolbar（工具栏）是一种用于组合一组控件的容器，例如按钮、菜单按钮或复选框。本文基于 W3C WAI-ARIA Toolbar Pattern 规范，详解如何构建无障碍的工具栏组件。

构建无障碍组件之Table PatternTable（表格）是一种静态的表格结构，用于展示行列数据。本文基于 W3C WAI-ARIA Table Pattern 规范，详解如何构建无障碍的数据表格。

生成式 UI 藏大招！看似露营案例，实则电商集成 GenUI SDK 干货本文由云软件体验技术团队岑灌铭原创。从露营趣味案例入手，详解电商系统集成 GenUI SDK 完整实操~

构建无障碍组件之Tooltip PatternTooltip（提示框，也称为 Popover、Hint、Info Bubble 或 Help Text）是一种弹出式信息组件，当元素获得键盘焦点或鼠标悬停时显示相关信息。本文基于 W3C WAI-ARIA Tooltip Pattern 规范，详解如何构建无障碍的 Tooltip 组件。

什么是包容性设计？从跨文化、性别到种族多样性的 UX 设计实战【投稿】原创文章发布于 https://figma-file.store/blog/4494.html

构建无障碍组件之Spinbutton PatternSpinbutton（旋转按钮，也称为 Number Input、Stepper、Numeric Spinner 或 Counter）是一种输入控件，用于在预定义范围内选择离散数值。本文基于 W3C WAI-ARIA Spinbutton Pattern 规范，详解如何构建无障碍的数字输入组件。

程序员海军

设计圈真的要变天了：ChatGPT Image 2 不只是会生图了这两天，我连续测了几轮 ChatGPT Image 2，越测越有一种很强烈的感觉：设计圈真的要变天了。

构建无障碍组件之Window Splitter PatternWindow Splitter（窗口分割器，也称为 Resizable Splitter、Pane Resizer、Split Panel 或 Divider）是一种可移动的分隔组件，用于调整两个相邻面板（pane）的相对大小。本文基于 W3C WAI-ARIA Window Splitter Pattern 规范，详解如何构建无障碍的窗口分割器组件。

从用户体验视角看太极重命名软件的界面设计用户界面是软件与用户交互的桥梁，其设计优劣直接影响用户体验的好坏。太极重命名软件在界面设计上展现了对用户体验的深度思考，通过简洁直观的设计实现了高效的人机交互。本文将从用户体验视角对其界面设计进行深入分析。

构建无障碍组件之Meter PatternMeter（计量器）是一种图形化显示数值的组件，用于展示在特定范围内变化的数值。本文基于 W3C WAI-ARIA Meter Pattern 规范，详解如何构建无障碍的 Meter 组件。

这15个n8n工作流，直接干掉了90%的跨境电商营销工作废话不多说，先说结论。最近这半个月，我把团队里的营销SOP重新梳理了一遍。结果非常惊人。以前需要3个运营盯着的活，现在一套n8n工作流就在服务器上静悄悄地跑完了。

构建无障碍组件之Carousel Pattern轮播（Carousel）是一种按顺序展示一组内容项（称为幻灯片）的组件。本文基于 W3C WAI-ARIA Carousel Pattern 规范，详解如何构建无障碍的轮播组件。

构建无障碍组件之Tabs Pattern标签页（Tabs）是一种分层的内容展示组件，通过标签列表（Tab List）和对应的内容面板（Tab Panel）来组织和展示内容。本文基于 W3C WAI-ARIA Tabs Pattern 规范，详解如何构建无障碍的标签页组件。

Gsap新手入门（一）官网原文：The GreenSock Animation Platform (GSAP) is an industry-celebrated suite of tools used on over 11 million sites, including a ton of award‑winning ones! You can use GSAP to animate pretty much anything JavaScript can touch, in any framework. Whether yo