交互设计

构建无障碍组件之Listbox PatternListbox（列表框）是一种用于呈现一组选项并允许用户选择一个或多个的输入组件。本文基于 W3C WAI-ARIA Listbox Pattern 规范，详解 Listbox 的语义结构、键盘交互规范与无障碍实现要点。

cos-design PhotoAlbum：用 CSS 3D 做一个「能翻页」的实体相册发布日期：2026-07-31 标签：前端 / React / CSS 3D / 组件库 / cos-design / 交互玩具 / 翻页动画

人机协同进化专栏导览：从哲学思考到技术落地的系统性内容体系一句话总结：较早聚焦"人机协同进化"的系统性专栏，通过哲学思辨+交互设计+技术架构+组织变革+伦理合规五维框架，帮助读者建立"AI不是替代人类，而是与人类共生进化"的完整认知体系。

格式塔设计原则全解析：12项核心原则在 UI/UX 中的实战应用指南【原创投稿】原创发布于 https://figma-file.store/blog/4533.html

UX、DX、AX：设计对象的三次扩张，你的产品到底为谁设计？【原创投稿】原创发布于 https://figma-file.store/blog/career/6147.html

从零实现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 规范，详解如何构建无障碍的窗口分割器组件。

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