当界面会思考：AIGUI八要素驱动DingOS实现“感知-生成-进化“闭环

原创于 2025-12-04 16:29:19 发布 · 424 阅读

CC 4.0 BY-SA版权

文章标签：

在智能操作系统的演进浪潮中，DingOS正以独特的技术架构重塑人机交互的边界。作为 DingOS生态未来核心之一的AIGUI（AI Generated UI），与DingLAM共同体现了DingOS “智能感知 - 动态生成 - 持续进化” 的能力。其底层的八要素设计语言，不仅是界面描述的技术规范，更是DingOS实现 “还原真实” 设计理念、构建自适应智能交互的核心支撑。

随着 DingOS 粒子服务用户界面协议（PSUIP）的正式发布，DingOS AIGUI 迎来了里程碑式进展 —— 成功实现从理论探索到实际落地的转变。这一协议堪称 AIGUI 落地应用的优秀范例，热忱欢迎大家开启体验之旅！

使用 SDK 即可将 PSUIP 能力在项目中集成。接入流程简单高效，支持 React、Vue 等主流框架。

三步开启 AIGUI 高效开发

安装依赖：执行下列代码；
npm install psuip-renderer
编写代码：参考 PSUIP 官方文档（点击查看），编写携带 UI 语义的内容；

查看效果：启动项目后，PSUIP 渲染引擎将自动解析内容并生成界面，无需额外配置。

下面，我们将针对 DingOS AIGUI 具体展开其能力设计的思路。

AIGUI 的设计原理：从指令式到智能交互的范式革新

AIGUI并非单一技术，而是一套融合现代人工智能技术的完整产品体系，其核心在于根据用户交互实时生成个性化界面。与传统指令式交互框架（如 window，icon，menu，pointing；what you see is what you get）不同，AIGUI构建在顾问式智能交互框架之上，实现了三大关键突破：

情境感知交互：引入动态情境变量（用户行为、环境数据、设备状态等），通过多模态数据融合理解用户意图，例如会议场景时，屏幕分辨率自动切换至大屏模式，并启动智能会议纪要，快速提炼要点事项。
动态生成机制：告别预定义界面，通过生成式UI模型（样式代理 + 布局代理）实时生成界面，如根据用户办公场景自动编排文档处理工具底板。
自适应学习闭环：通过用户满意度算法持续优化模型，例如用户对某次界面布局的点击偏好会被用于更新UI偏好模型。

这种框架变革使得AIGUI能够从 “被动执行指令” 转变为 “主动理解意图”，而支撑这一转变的核心设计语言，正是基于八要素的标准化界面描述体系。

八要素的底层逻辑与实践应用——为什么是“八要素”？

这8个要素的抽象维度来源于人脑视觉皮层和听觉的认知结构，大脑皮层在处理视听信号的时候，也会把多媒体信息分解为与8要素基本一致的维度，进行分层处理。因此，我们选取八要素，作为描述UI的8个维度。

八要素是用来描述一个图形界面的8个要素，通过对空间、尺度等8个要素的还原，实现还原真实的中心思想。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

八要素具体如下：

形：UI元素和容器的形状，例如矩形、圆角矩形等。
度：UI元素和容器的大小，及元素和容器间的疏密。
色：UI元素和容器的色彩空间，一般用HSLA表示。
构：UI容器中元素的布局，如对齐方式、自适应等。
质：UI元素和容器的材质，如毛玻璃、粘土、纸等。
字：UI元素中包含的文字及版式，如行距、行高等。
动：UI元素和容器支持的交互事件及过渡动画或动效。
音：UI元素和容器在触发动作动效时的声音。

八要素的顺序，也是依据大脑视觉和听觉皮层结构，根据视听皮层认知多媒体信息特征的先后顺序进行排列。此外，根据认知学理论，人脑的认知顺序，一定程度上与该特征的重要性呈正相关。因此，八要素的顺序，也代表UI描述维度的重要性排序，依次为形、度、色、构、质、字、动、音。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

大脑视听皮层对多媒体信息的认知顺序

八要素描述的 UI 示例

我们以场景匹配自然语言语意的格式进行示意，来说明设计师和开发者如何通过八要素对UI进行描述。例如，用户个人偏好结合当前的场景可以形成商务、现代、沉浸等一系列标签；标签对应着语意化的八要素描述，比如圆润柔软、清晰易读等；语意化描述可以解析成具体的样式属性及数值，从而实现UI在Runtime中的渲染。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

用八要素描述 UI 的示例

具体到一个操作系统的界面上，在下图中，展示了八要素具体是如何通过一系列属性及其值，描述的UI特征。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

八要素在UI页面上的具体体现

元件与底板：DingOS智能编排的基础单元

在AIGUI的设计体系中，八要素是用来描述元件和底板的一种数据格式，元件是指在AIGUI体系中通用的一些UI元素，它可以被AI组合、调节以生成不同的用户图形界面。如果类比现有的概念的话，我们可以把元件理解为一种基于声明式思想的组件或控件。底板起到了连接设计与功能的桥梁作用，底板中包含了对元件容器布局的描述、子元件的id、以及部分需要作用于底板中包含的所有元件上的特殊样式描述。

在 DingOS 生态中，元件与底板与八要素相互依存：

元件作为遵循八要素标准的声明式UI单元，具备“跨设备语义一致性”—— 例如DingOS的按钮元件，无论在手机、平板还是车载终端，其“动”要素的点击反馈动画均通过统一的令牌 {time.transition.base: 400ms} 定义，确保用户体验的一致性；
底板则是DingOS粒子服务的载体，通过八要素布局规则（“构”要素）动态编排元件。例如会议预约底板会根据DingOS的日历数据，自动通过“度”要素调整时间选择器的尺寸，通过“色”要素高亮显示可用时段，这种智能编排能力正是DingOS“主动服务”理念的体现。

八要素是构成元件与底板的基础描述维度，元件作为遵循八要素标准的通用UI单元，通过形、度、色等要素定义交互行为与视觉特征，而底板更加侧重于对八要素中“构”的描述，将元件按场景需求编排为服务载体 —— 若想深入了解元件如何通过八要素实现跨设备复用，以及底板怎样依托八要素完成智能布局，可继续探索后续关于元件与底板的详细解析，欢迎关注。

AIGUI的八要素体系，本质是DingOS“以用户为中心”技术理念的设计表达 —— 通过将认知科学、AI生成与工程实现统一在八要素框架下，DingOS让每个界面都成为动态适配用户需求的智能体。从指令式交互的被动响应，到顾问式交互的主动服务，DingOS依托八要素实现的不仅是界面形态的进化，更是人机关系的重构：当界面能够通过“形”“色”等要素理解用户的使用场景，通过“动”“音”等要素自然反馈交互意图，DingOS便真正成为了用户与数字世界之间的智能桥梁。未来，随着八要素体系在DingOS生态中的深度渗透，智能交互将不再受限于预设框架，而是像水一样无形却精准地填满每个用户的需求空间。这正是 DingOS通过AIGUI为智能操作系统时代交出的创新答卷。