本文翻译海外文章，系统梳理 UX 项目全流程可交付物（交付文档 / 产出物），按照研究阶段、UX 设计阶段、界面设计阶段划分，说明每份产出的用途、内容要点，同时说明交付与后续支持的完整流程。
交付物会根据项目预算、排期、产品规模灵活取舍，项目过程并非严格线性，部分工作可以并行开展。
一、研究阶段交付物
- 用户调研文档 整合访谈、问卷、卡片分类等调研结果；包含核心发现、用户人物角色、设计建议；附带原始素材：调研计划、访谈笔记、音视频记录。用于对齐各方，确认用户目标与产品特性。
- UI/UX 竞品研究文档 选取 5‑7 个直接竞品，分析竞品优劣势、工作流、设计模式、行业术语；也会参考非直接竞争的优秀产品；输出调研结论，作为设计决策参考手册。
二、UX 设计阶段交付物
- 信息架构思维导图 可视化产品整体结构，展现模块之间关系；便于和项目相关方确认产品范围、功能优先级，用来规划导航与内容组织。
- 用户流程文件 描述用户达成目标的全部操作路径，覆盖主流程、边缘场景、异常、错误状态；属于迭代文档，项目全程持续更新；早期绘制草图，后续逐步替换线框、视觉稿，提前发现流程混乱问题。
- 线框图（框架稿） 定义页面布局、内容排布、业务工作流，用来快速迭代想法、收集反馈。
- 项目初期：低保真线框，快速产出多套方案讨论；
- 方案确认后：转向高保真线框，降低沟通成本，减少评审时大量 “脑补” 解释。
- 交互式原型 基于线框 / 视觉稿制作，工具包含 InVision、Framer、HTML/CSS；用于内部自查缺陷、向客户演示、开展可用性测试，验证设计假设。
- 用户测试报告 可用性测试产出物；写明测试背景、目标、被测用户信息，汇总问题，给出优化建议；附带测试音视频原始素材。
三、界面设计阶段交付物
- 视觉设计原型 先做情绪板、视觉方向探索，确定风格；定稿后输出全套页面视觉稿，给到开发落地。
- UI 动效文件 输出动效演示视频与动效规范，指导开发实现交互动画，增加体验愉悦感。
- 设计系统 三大部分： ①风格指南：设计原则、色彩、字体、图片、响应式规则； ②组件库：包含组件全部状态的 UI 源文件； ③UX 使用指南：导航规则、设计模式使用说明。 作用：保障产品体验统一，新增功能可以复用组件。
- 设计规范（切图标注） 过去常用静态 PDF，维护麻烦；现在多使用 Zeplin 这类线上工具，输出尺寸、边距、代码片段、可导出素材，支持评论沟通，方便迭代维护。
四、项目收尾与后续服务
- 打包全部产出文件，把原型、标注工具项目权限移交客户；
- 可提供后续增值支持：开发走查还原、持续迭代设计、面向团队开展设计系统培训。
补充思考
很多新人只关注最终视觉稿，忽略前期调研、流程文档。完整 UX 交付是一套 “证据 + 方案 + 规范” 的组合，不只是界面图片；文档不只是给客户看，更是用来约束开发、沉淀知识，方便后续迭代新增功能。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
