# AI工作台界面设计：图片资料库与任务回查

原网页：https://www.jvds.cn/share/ui-design/cortex-chat-library-workspace-u144
语言：zh-CN
发布：2026-10-22
作者：界达设计工作室（JVDS）

Cortex把AI助手展示为一个可以记忆、整理和浏览成果的工作台。浅紫色贯穿标志、能力卡和局部选中，黑色主要动作则给柔和界面一个明确锚点。生成资料库的图片排列很醒目，但对于持续使用的工具，成果的价值还取决于它能否回到原任务。新对话、历史、输入文件与生成结果之间，需要一种比漂亮图片墙更稳定的联系。

## 核心结论

- 生成库以图片网格提供直观浏览，固定侧栏保留新建与历史入口。
- 任务图将导航、命令和账户管理分支拆开，仍需补全执行与结果状态。
- 宣传卡把记忆、资料库和整理分列，界面应说明不同对象保存在哪里。

## 生成库让成果成为可浏览的集合

Generation Library主区上方写194 files in your collection，右侧三种视图图标中第一项以紫色选中。下面不同高宽的图片组成错落网格，从人物场景到服装、物件都有可见预览。大面积画面适合认外观，相同圆角与留白又保持了统一秩序。

侧栏把New chat做成黑色宽按钮，搜索在其下，Explore、Library、Files与History沿同一列排列，Library浅灰选中。再往下按Today、Yesterday等时间分组列出对话标题。当前集合与最近任务并存，用户有机会一边浏览结果，一边返回已有工作。

图片网格在这一状态里没有明显的名称或任务摘要，视觉相近时可能难以区分。JVDS更偏好让生成成果保留可找的名称、创建时间和[原任务入口](https://www.jvds.cn/share/ui-design/ai-agent-task-history-audit-log)，在大图浏览之外提供列表或详细资料。这样用户看到一张图片之后，可以知道它来自什么要求，继续修改也不必重新描述上下文。

![Generation Library图片网格与侧栏的新建、资料和历史入口](https://www.jvds.cn/upload/2026/1008/d187-tp/u144-i1.webp)

图片适合认外观，名称和原任务关系帮助成果再次使用。

## 任务图分出了入口，还需串起执行过程

Flow-Driven UX图从Splash、登录注册和Onboarding进入中心，再向左分User Navigation，向右分New Command，向下分Account Management。导航连接Explore、Library、Files和History，新命令连接Enter Prompt、Deeper Research与Attach File，账户再进入价格、账单、设置和退出。它把产品栏目与操作范围整理成几个可辨认的分支。

提示词、研究与附件出现在同一分支里，说明命令可以有不同输入。接下来需要明确附件作为输入资料还是独立保存文件，研究模式怎样改变任务，以及同一任务是否可以同时包含文字和文件。这些关系影响Library与Files的分类，也影响历史页里能回看哪些内容。

图中没有展开提交后的[等待、失败](https://www.jvds.cn/share/ui-design/ai-progress-feedback-streaming-loading-ux)、取消与结果确认。可以围绕一条实际任务补充这些状态，再定义结果从哪里打开、修改和保存。对工作台来说，栏目齐全只是起点，输入到结果的路线完整，成果才能稳定回到原来的任务。

![Cortex任务图里的导航、新命令和账户管理分支](https://www.jvds.cn/upload/2026/1008/d187-tp/u144-i2.webp)

入口分类提供结构基础，执行到结果还需更细的状态关系。

## 能力介绍要对应可找到的内容

宣传页首屏用两部手机和漂浮的语音卡表达随身助手，Get App与Learn More一主一次。下方Full Memory & History、AI Library & Vault与Personal AI curator三卡并排，浅紫背景和短标题将记忆、资料保存与整理区分成三种能力。

这些标题可以成为产品导航的解释：History负责哪类记录，Library保存哪些成果，Files又承载什么。若自动整理会改变集合或项目归属，也应让用户能看见和调整。描述越接近实际对象，宣传卡就越容易接到使用中的页面。

手机顶部姓名写Emerson Sterling，中央问候却写Hello, Jackson，这种示例身份需要统一。对于强调记忆与个人助手的产品，同一屏的姓名差异尤其影响理解。先校对身份、任务与资料归属，再用语音、图片和紫色光泽丰富表达，会让整套介绍更连贯。

![助手宣传首屏与三张记忆资料整理能力卡](https://www.jvds.cn/upload/2026/1008/d187-tp/u144-i3.webp)

能力名称应接到实际对象，个人身份也需在同一界面一致。

## 常见问题

### 生成库和输入文件应该合在一起吗？

可以共用管理方式，但要保留来源区别。输入文件、生成结果和对话历史承担不同任务，名称、来源和关联任务能帮助用户在同一个集合里判断它们的用途。

## 设计检查清单

- 为结果保留名称、时间和原任务关系。
- 补齐附件提交、执行、失败和结果确认的路线。
- 区分文件、成果与历史的保存范围，校对个人身份与归属。

## 把AI成果接回持续工作

如果AI产品需要管理对话、附件与生成资料，界达设计工作室（JVDS）可协助UI/UX设计与网站设计、开发，梳理任务、结果和资料库的关系。

可以从一次输入到再次修改的过程出发，讨论导航、状态反馈和回查入口。

[联系界达设计，聊聊你的项目](https://www.jvds.cn/contact)