VISUAL LANGUAGE / DESIGN GUIDE

AI 原生界面

AI-Native UI

围绕意图输入、生成过程、候选结果和纠错建立交互,而非给普通页面加一个聊天框。系统需要让用户辨别模型建议与已执行动作。

AI 原生界面设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

围绕意图输入、生成过程、候选结果和纠错建立交互,而非给普通页面加一个聊天框。系统需要让用户辨别模型建议与已执行动作。

适用场景

写作、检索、草稿生成和用户能审阅修改的辅助工具。

不适用与取舍

无法核验却自动执行的高后果决定,以及隐藏来源的事实查询。

实现方法

明确输入范围与能力边界;显示处理中、停止、重试和版本比较。结果提供来源或可核对依据,执行外部动作前展示具体对象与内容。

具体界面示例

摘要工具让用户选择原文、查看引用位置并编辑摘要;点击保存前展示最终文本与目标位置。

常见误区

流式文字出现并不代表内容正确;不能让模型自信语气代替证据,也不要把生成完成提示成任务已执行。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。