设计交付
- 中文名
- 设计交付
- 英文名
- Design Delivery
- 所属领域
- 产品设计 / 研发协作
- 交付物
- 设计规范、切图、标注、原型、组件库
- 参与角色
- 设计师、开发工程师、产品经理
- 相关标准
- GB/T 智能工厂数字化交付 第2部分:设计交付
设计交付一般发生在完成的设计送达开发人员、由开发人员实现它的阶段,是设计人员与开发人员协作的关键环节。11设计交付指南:设计师与开发如何才能好好协作?cloud.tencent.com.cn前往参考资料 ↓在新标签页中打开
定义与范围
设计交付指设计方将设计成果移交给下游协作方(通常是研发工程师)的过程,其完整结构包含交付主体、交付客体、交付方式与交付物四个要素,可概括为「谁向谁、通过什么方式、交付什么」。22产设研深度洞见|大厂团队如何进行设计交付? - MasterGo/莫高设计mastergo.com前往参考资料 ↓在新标签页中打开
在互联网产品产设研协作语境下,设计交付的交付主体主要是设计团队中的用户界面设计师,交付客体是下游的研发工程师,交付物即设计稿及其配套说明。22产设研深度洞见|大厂团队如何进行设计交付? - MasterGo/莫高设计mastergo.com前往参考资料 ↓在新标签页中打开
设计交付并不限于软件界面领域:在智能制造语境下,国家标准项目《智能工厂数字化交付 第2部分:设计交付》将设计交付界定为智能工厂数字化交付的组成部分,规定了其标准框架、交付准备、交付内容和交付形式。33国家标准项目 - 全国标准信息公共服务平台std.samr.gov.cn前往参考资料 ↓在新标签页中打开
该国家标准项目规定,设计交付的交付准备包括交付双方依据交付依据进行文件命名规定、文件编码规定、文件数字化要求和模型交付规定等准备工作。33国家标准项目 - 全国标准信息公共服务平台std.samr.gov.cn前往参考资料 ↓在新标签页中打开
该国家标准项目规定,设计交付的交付内容需从设计阶段、设计专业、交付对象、交付物四个方面界定,交付形式则采用交付平台实现交付物及相关资源的共享和交换。33国家标准项目 - 全国标准信息公共服务平台std.samr.gov.cn前往参考资料 ↓在新标签页中打开
该标准项目编号为 20241597-T-339,由工业和信息化部(电子)归口管理,主要起草单位包括国机工业互联网研究院(河南)有限公司、机械工业第六设计研究院有限公司、中国电子技术标准化研究院等,项目于 2024 年 4 月公示。33国家标准项目 - 全国标准信息公共服务平台std.samr.gov.cn前往参考资料 ↓在新标签页中打开
设计交付的范围因行业而异:软件与数字产品领域侧重界面设计稿及标注、切图、组件等配套资产向研发的移交,工业与工程领域则侧重设计模型、图纸与文档按约定编码和平台进行的数字化移交,两者共享「按约定内容与形式移交设计成果」这一核心含义。22产设研深度洞见|大厂团队如何进行设计交付? - MasterGo/莫高设计mastergo.com前往参考资料 ↓在新标签页中打开|33国家标准项目 - 全国标准信息公共服务平台std.samr.gov.cn前往参考资料 ↓在新标签页中打开
| 维度 | 软件与数字产品设计交付 | 智能工厂数字化设计交付 |
|---|---|---|
| 交付主体 | 设计团队(以用户界面设计师为主) | 设计各方(按交付依据约定) |
| 交付客体 | 下游研发工程师 | 交付各方及交付平台 |
| 交付内容 | 设计稿及标注、切图、组件等配套资产 | 按设计阶段、设计专业、交付对象、交付物四方面界定 |
| 交付形式 | 设计协作工具与平台 | 交付平台,实现交付物及资源交换 |
| 准备要求 | 设计规范与协作约定 | 文件命名、文件编码、文件数字化、模型交付规定 |
交付物构成
设计规范
设计规范(design specification)是设计交付物中的说明性文档,用于把设计决策转译为可执行、可检验的约束,通常涵盖布局栅格、色彩、字体、间距、组件状态与交互行为等规则。44Design specificationen.wikipedia.org前往参考资料 ↓在新标签页中打开
在工程交付语境中,设计规范常以「设计令牌」(design tokens)的形式落地:把颜色、字号、间距等原子值抽象为平台无关的变量,再由构建工具生成 iOS、Android、Web 等各端可用的代码或样式文件。55Design Tokens Format Moduletr.designtokens.org前往参考资料 ↓在新标签页中打开
设计规范与设计系统(design system)不是同义词:规范侧重「规则文本与数值约束」,设计系统则是规范、组件库、工具与治理流程的整体;规范是设计系统的一个子集。66Design Systemsinteraction-design.org前往参考资料 ↓在新标签页中打开
切图与资源
切图(slicing)指把设计稿中的图标、插图、背景等视觉元素按开发需要导出为独立位图或矢量资源的过程;在移动端多倍图工作流中,同一元素通常按 @1x、@2x、@3x 等倍率分别导出,以适配不同像素密度的屏幕。99Human Interface Guidelines: Imagesdeveloper.apple.com前往参考资料 ↓在新标签页中打开|1010Support different pixel densitiesdeveloper.android.com前往参考资料 ↓在新标签页中打开
苹果 iOS 人机界面指南要求应用图标等图像资源按设备屏幕的显示倍率提供对应分辨率的版本,开发者通过资源目录(Asset Catalog)中的 1x/2x/3x 槽位管理这些变体,系统在运行时按屏幕缩放因子自动选取。99Human Interface Guidelines: Imagesdeveloper.apple.com前往参考资料 ↓在新标签页中打开
谷歌 Material Design 的 Android 资源体系使用密度限定符(mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi)区分不同像素密度的位图资源,各密度档位相对 mdpi 的缩放比例依次为 1.0、1.5、2.0、3.0、4.0。1010Support different pixel densitiesdeveloper.android.com前往参考资料 ↓在新标签页中打开
位图切图在缩放或高密度屏幕上会出现模糊或锯齿,因此图标、简单插画等可矢量化元素通常优先以 SVG 等矢量格式交付;但 SVG 在部分旧版 Android 系统上需经 VectorDrawable 转换,且不支持所有滤镜与混合模式,实践中仍需保留位图回退方案。1010Support different pixel densitiesdeveloper.android.com前往参考资料 ↓在新标签页中打开|1111Design handoffen.wikipedia.org前往参考资料 ↓在新标签页中打开
九宫格切图(nine-patch / 点九图)是 Android 平台用于可拉伸背景资源的专用格式,以 .9.png 为扩展名,通过在图像四边标记可拉伸区域与内容填充区域,使同一张图能适配不同尺寸的控件而不变形。1010Support different pixel densitiesdeveloper.android.com前往参考资料 ↓在新标签页中打开
切图命名与目录结构是交付规范的核心内容:业界普遍采用「模块_元素_状态_倍率」一类的语义化命名,并按平台与密度分目录存放,以降低开发查找成本并支持构建脚本自动处理。1111Design handoffen.wikipedia.org前往参考资料 ↓在新标签页中打开|1212Export designs from Figmahelp.figma.com前往参考资料 ↓在新标签页中打开
设计工具侧的导出能力直接影响切图交付效率:Figma 支持为图层或画框预设多个导出倍率与格式并批量导出,Sketch 通过切片(Slice)与导出预设实现同类功能,这些能力使切图从手工逐张导出转向可复用的导出配置。1212Export designs from Figmahelp.figma.com前往参考资料 ↓在新标签页中打开|1313Exporting assetssketch.com前往参考资料 ↓在新标签页中打开
标注与尺寸
标注与尺寸是设计交付物中用于向研发传递页面结构、组件状态、布局尺寸与响应式规则的那部分内容;其目标是让研发能从同一份交付文件中直接找到页面、状态、尺寸、资源和交互规则,而不必依赖口头补充。1515设计稿交付研发清单:标注、状态与验收怎么写modao.cc前往参考资料 ↓在新标签页中打开
在交付包的构成上,尺寸与响应式标注至少应写清容器、栅格、断点与最小宽度,研发据此实现不同屏宽下的布局;页面与流程、组件状态、资源、交互规则与验收标准则与标注并列,共同构成一份可被研发直接使用的交付清单。1515设计稿交付研发清单:标注、状态与验收怎么写modao.cc前往参考资料 ↓在新标签页中打开
标注不应停留在“按钮点击跳转”这类动作描述上,而应写明状态的出现条件与可恢复动作:例如订单已发货时按钮隐藏、提交后按钮进入加载、接口成功展示退款说明、失败保留表单并提示重试,从而让研发无需猜测状态切换。1515设计稿交付研发清单:标注、状态与验收怎么写modao.cc前往参考资料 ↓在新标签页中打开
尺寸标注需要覆盖真实内容边界:长文案、超长订单号和空数据都应使用真实或接近真实的内容进行检查,否则按理想文案标注出的尺寸在真实数据下会失效。1515设计稿交付研发清单:标注、状态与验收怎么写modao.cc前往参考资料 ↓在新标签页中打开
原型与交互说明
原型(prototype)是设计交付物中用于表达交互逻辑与信息架构的可运行或半可运行模型,其保真度从低保真线框到高保真可点击原型不等;交互说明(interaction specification)则是对原型中无法自解释的状态、动效、边界条件与异常路径的文字化补充。1616Prototypinginteraction-design.org前往参考资料 ↓在新标签页中打开|1717Interaction specificationen.wikipedia.org前往参考资料 ↓在新标签页中打开
在交互设计领域,原型被普遍视为以“学习、评估与沟通”为目的的具象化表达,而非最终产品;因此原型交付的核心价值在于传递设计意图与验证假设,而非像素级还原。1616Prototypinginteraction-design.org前往参考资料 ↓在新标签页中打开
交互说明通常需要覆盖状态变化(默认、悬停、按下、禁用、加载、空态、错误态)、触发条件、动效时长与缓动曲线、以及跨端适配规则;缺少这些说明的可点击原型在开发阶段容易产生实现歧义。1717Interaction specificationen.wikipedia.org前往参考资料 ↓在新标签页中打开
业界主流协作工具(如 Figma、Sketch、Axure、ProtoPie 等)支持将原型与标注、流程说明整合在同一交付文件中,使原型与交互说明从分离文档转向“原型即说明”的形态。1818Figma prototypingfigma.com前往参考资料 ↓在新标签页中打开|1919ProtoPieprotopie.io前往参考资料 ↓在新标签页中打开
对于复杂动效与微交互,纯静态标注难以完整表达时序与物理反馈,因此部分团队采用可交互原型工具(如 ProtoPie、Framer)直接交付可运行的高保真原型,以替代部分文字说明。1919ProtoPieprotopie.io前往参考资料 ↓在新标签页中打开|2020Framerframer.com前往参考资料 ↓在新标签页中打开
交付流程
设计评审
设计评审是设计交付流程中的正式质量门禁:交付物在进入开发或下一阶段前,由跨职能评审人对方案的目标契合度、可用性、一致性与可实现性做出书面结论,结论通常分为通过、有条件通过和驳回三类。2222ISO 9241-210:2019 Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systemsiso.org前往参考资料 ↓在新标签页中打开
在设计评审中引入结构化检查表(checklist)能显著提高缺陷发现率:Nielsen 对启发式评估的研究表明,让少量评审人依据可用性准则独立检查界面,可发现大部分可用性问题,且不同评审人发现的问题集合重叠度低,说明评审需要多人参与而非单人把关。2323Heuristic Evaluation of User Interfacesdl.acm.org前往参考资料 ↓在新标签页中打开
在敏捷与持续交付语境下,设计评审的节奏从阶段性大评审转向嵌入迭代的小评审:评审对象由完整设计稿变为可运行的增量或组件变更,评审结论更多以合并请求(merge request)中的评论与批准记录形式留存。2424The Scrum Guidescrumguides.org前往参考资料 ↓在新标签页中打开
设计评审的有效性依赖评审前的材料准备:评审发起方需提前提供设计目标、约束条件、备选方案与待决问题清单,否则评审人只能基于个人偏好发表意见,评审结论难以与交付目标对齐。2525How to Run a Design Review That Actually Worksalistapart.com前往参考资料 ↓在新标签页中打开
交付准备
在智能工厂数字化设计交付的国家标准项目中,「交付准备」被列为设计交付标准框架的独立组成部分,其定位是交付双方在正式交付之前,依据交付依据完成文件命名规定、文件编码规定、文件数字化要求和模型交付规定等准备工作。33国家标准项目 - 全国标准信息公共服务平台std.samr.gov.cn前往参考资料 ↓在新标签页中打开
该标准项目把设计交付的整体结构划分为标准框架、交付准备、交付内容和交付形式四块,交付准备位于交付内容之前,说明准备工作被视为交付能否顺利执行的前置条件,而非交付过程中的附带环节。33国家标准项目 - 全国标准信息公共服务平台std.samr.gov.cn前往参考资料 ↓在新标签页中打开
交付准备的具体动作被归纳为四类规定性文件工作:文件命名规定、文件编码规定、文件数字化要求和模型交付规定,这四类工作共同构成交付双方在交付启动前需要达成一致的约定集合。33国家标准项目 - 全国标准信息公共服务平台std.samr.gov.cn前往参考资料 ↓在新标签页中打开
在网站制作这类设计服务交付中,交付准备体现为需求确认环节:设计师在分配后一个工作日内与客户沟通确认需求,若需求不明确或资料不完整,设计师可以驳回,待需求明确且资料完整后再次确认才能进入下一环节。2626网站制作客户注意事项help.aliyun.com前往参考资料 ↓在新标签页中打开
该网站制作流程把需求确认、原型阶段、视觉设计、内页美化四个环节全部放在交付中心体现,并规定每个环节的确认都有时间限制,一经确认即代表客户认可该环节无问题,已确认环节不再修改。2626网站制作客户注意事项help.aliyun.com前往参考资料 ↓在新标签页中打开
在面向研发的设计稿交付中,交付准备的核心判断标准不是发出一个链接,而是让研发能从同一份文件里找到页面、状态、尺寸、资源和交互规则,并在交付前按真实任务走一遍以发现缺口。1515设计稿交付研发清单:标注、状态与验收怎么写modao.cc前往参考资料 ↓在新标签页中打开
开发实现
开发实现阶段通常以设计交付物(设计稿、规格说明、组件库)为输入,由前端或客户端工程师将其转化为可运行代码;交付质量的核心不在于设计稿是否精美,而在于规格是否包含足够的上下文——例如颜色使用规则、长列表等边界情况的处理方式、验收维度——否则实现结果容易偏离设计意图。2727GitHub - lxxgg92/xianxin-design-workflow: A complete AI-powered workflow for UI/UX designers, from design systems to final delivery. · GitHubgithub.com前往参考资料 ↓在新标签页中打开
一种被公开实践的做法是把页面交付拆成 design → spec → handoff → implement → verify → deliver 六个阶段,其中 implement(开发实现)承接 handoff 阶段产出的规格文档,并在其后进入 verify 验收阶段;每个阶段都明确职责、输入、输出与验收标准,以避免实现阶段职责不清。2727GitHub - lxxgg92/xianxin-design-workflow: A complete AI-powered workflow for UI/UX designers, from design systems to final delivery. · GitHubgithub.com前往参考资料 ↓在新标签页中打开
在开发实现之前,交付流程通常要求先产出结构化的页面规格文档,固定覆盖页面目标、页面结构、模块拆解、字段说明、交互规则、状态规则、响应式规则与视觉规则引用等章节,使工程师在实现时有可逐项对照的依据。2727GitHub - lxxgg92/xianxin-design-workflow: A complete AI-powered workflow for UI/UX designers, from design systems to final delivery. · GitHubgithub.com前往参考资料 ↓在新标签页中打开
走查与验收
在交付前,设计工作通常要经过「验证」与「打包」两个步骤:验证回答「是否完整、有无缺口」,打包则产出可移交的交付文件与测试场景。2929Module 16: Design Deliveryraw.githubusercontent.com前往参考资料 ↓在新标签页中打开
走查与验收的核心逻辑是缺口成本随阶段后移而急剧上升:开发阶段发现的缺口代价高昂,而在验证阶段发现的缺口代价很低,因此完整性检查被前置到移交之前。2929Module 16: Design Deliveryraw.githubusercontent.com前往参考资料 ↓在新标签页中打开
走查的第一层是流程完整性检查,典型检查项包括:入口点是否清晰(用户从哪里开始)、出口点是否清晰(用户最终到哪里)、中间每一个屏幕是否被完整规格化,以及该流程本身是否独立地交付了真实的用户价值。2929Module 16: Design Deliveryraw.githubusercontent.com前往参考资料 ↓在新标签页中打开
协作工具与平台
Figma 是设计交付领域最主流的协作平台之一,其核心机制是把设计文件放在浏览器中实时协作,并通过「分享链接 + 权限」的方式让设计师、产品经理和工程师在同一文件上评论与查看。3030Figma — Collaborate in real timefigma.com前往参考资料 ↓在新标签页中打开
Figma 的 Dev Mode(开发者模式)于 2023 年推出,把设计文件切换为面向工程师的视图,直接暴露间距、尺寸、颜色变量、组件属性和代码片段,是「设计交付」从标注文档转向「文件即交付物」的标志性产品变化。3131Figma Dev Modefigma.com前往参考资料 ↓在新标签页中打开
Sketch 长期以 macOS 原生应用 + 插件生态的方式服务设计交付,其 Cloud 服务提供分享、评论与开发标注(通过插件如 Zeplin、Abstract 等补足版本与交付环节),与 Figma 的浏览器一体化路线形成对照。3232Sketch — Design, prototype, collaboratesketch.com前往参考资料 ↓在新标签页中打开
Zeplin 是较早专门面向「设计交付」这一环节的独立工具,它把设计稿导入后自动生成标注、切图与样式规范,并支持与 Jira、Slack 等工程协作系统联动,代表了「设计稿 → 交付文档」的独立工具路线。3333Zeplin — Design delivery platformzeplin.io前往参考资料 ↓在新标签页中打开
Abstract 为 Sketch 文件提供类似 Git 的版本控制与分支/合并工作流,使设计文件的变更可以像代码一样被审阅和追溯,是设计交付中「版本可追溯」诉求的工具化回应。3434Abstract — Design version controlabstract.com前往参考资料 ↓在新标签页中打开
Storybook 是组件化交付的事实标准工具之一,它把 UI 组件以独立沙箱的方式展示、记录 props 与状态,并生成可发布的组件文档站点,使设计系统与工程实现之间的交付物从静态标注变为可交互的活文档。3535Storybook — Frontend workshop for UI developmentstorybook.js.org前往参考资料 ↓在新标签页中打开
Zeroheight 等设计系统文档平台把设计令牌(design tokens)、组件库与使用规范集中托管,支持从 Figma、Storybook、GitHub 等源自动同步,是设计交付从「单次项目交付」走向「持续维护的系统交付」的代表性平台形态。3636zeroheight — Design systems documentationzeroheight.com前往参考资料 ↓在新标签页中打开
设计令牌(design tokens)作为跨工具传递设计决策的中间格式,已由 W3C Design Tokens Community Group 推进标准化,其草案定义了颜色、尺寸、字体等令牌的 JSON 结构与别名机制,目标是让设计交付在不同平台与工具间可移植。55Design Tokens Format Moduletr.designtokens.org前往参考资料 ↓在新标签页中打开
Jira、Confluence、Slack、Microsoft Teams 等工程与沟通平台常被用作设计交付的「落地容器」:设计稿链接、验收清单与变更记录挂载在任务单或 wiki 页面上,交付状态与工程进度在同一系统中被追踪。3737Atlassian Design System — Design deliveryatlassian.design前往参考资料 ↓在新标签页中打开
在智能座舱等车载 HMI 场景中,设计交付工具链需要与 Unity、Unreal、Kanzi、Qt 等实时 3D/嵌入式 UI 引擎对接,交付物除视觉稿外还包括动效参数、材质与性能预算,通用 Web 设计协作平台往往需要额外的插件或中间格式才能覆盖这一环节。3838Automotive HMI design and developmentrightware.com前往参考资料 ↓在新标签页中打开
围绕协作工具是否真正提升交付质量存在持续讨论:一方认为实时协作与单一事实源减少了标注文档的失真与返工;另一方指出工具只改变了信息载体,交付中的沟通成本与验收标准模糊问题并未因此消失。3939Design collaboration tools and handoffnngroup.com前往参考资料 ↓在新标签页中打开|4040The problem with design handoffuxdesign.cc前往参考资料 ↓在新标签页中打开
| 工具类型 | 代表产品 | 在交付中的角色 |
|---|---|---|
| 一体化设计协作平台 | Figma | 设计文件即交付物,实时协作与开发者视图 |
| 独立交付/标注工具 | Zeplin | 自动生成标注、切图与样式规范 |
| 设计版本控制 | Abstract | 分支、合并与变更审阅 |
| 组件文档与设计系统 | Storybook、zeroheight | 活文档与设计令牌同步 |
| 工程与沟通容器 | Jira、Confluence、Slack | 任务挂载、验收与变更追踪 |
设计系统与组件化交付
设计系统与组件化交付的核心思路,是把设计资产与研发资产做「同源」改造:让设计侧的基础组件、业务组件、Design Token 与前端代码库共享同一套定义,而不是各自维护一份相似但不同步的副本。京东云前端团队与 Relay 设计平台团队联合提出 C2D2C(Code to Design to Code)模式,将 Mobius Design System 的设研资产打通,目标是实现「一套资产,双向流动」。4141"打通设计与研发效率最后一公里”-云事业部前端团队 D2C/C2D落地经验分享-京东云开发者社区developer.jdcloud.com前往参考资料 ↓在新标签页中打开
设研资产不同源会带来三类具体问题:设计师需要重复投入人力研发设计资产(画组件、绑定 Design Token、交付前端编写组件代码、发布 Axure/Figma 元件);设计与代码之间出现版本代差;以及单向的 D2C(设计转代码)效果有限。这三类问题正是组件化交付要解决的对象。4141"打通设计与研发效率最后一公里”-云事业部前端团队 D2C/C2D落地经验分享-京东云开发者社区developer.jdcloud.com前往参考资料 ↓在新标签页中打开
组件化交付的规模效应可以量化。京东云披露其前端业务组件库在一年左右积累了 140 多个业务组件,供各业务线使用,累计提效 840 余人/天,节省人力成本近 300 万元;基础 UI 组件库 Mobius 则逐步适配了由科技前端委员会牵头打造的 B 端设计体系 JDT Design Token。4141"打通设计与研发效率最后一公里”-云事业部前端团队 D2C/C2D落地经验分享-京东云开发者社区developer.jdcloud.com前往参考资料 ↓在新标签页中打开
组件化交付之所以可行,前提是主流设计平台(如 Figma、Relay)的设计理念与前端工程中的许多概念已经对齐,因此可以把设计资产与研发资产做同源改造,而不是仅靠人工翻译设计稿。4141"打通设计与研发效率最后一公里”-云事业部前端团队 D2C/C2D落地经验分享-京东云开发者社区developer.jdcloud.com前往参考资料 ↓在新标签页中打开
在组件化交付的语境下,交付单元从「单个控件或半成品页面」上升为「完整、可测试的用户流程」。BMad 方法把设计交付(Design Delivery)定义为一份 YAML 文件,充当设计与开发之间的契约,打包构建一条完整流程所需的全部信息:交付内容与理由、包含的场景/页面/组件、技术要求、实现验证方式以及工作复杂度。4242Module 16: Design Deliverygithub.com前往参考资料 ↓在新标签页中打开|4343Module 16: Design Deliveryraw.githubusercontent.com前往参考资料 ↓在新标签页中打开
组件化交付中的交付物本身并不承载实际设计工作,而是以引用方式指向设计资产;交付文件的作用是组织与约束,而非替代设计稿或组件库。这一分工使设计系统成为交付的「单一事实来源」,交付文档只负责声明范围与验收条件。4242Module 16: Design Deliverygithub.com前往参考资料 ↓在新标签页中打开|4343Module 16: Design Deliveryraw.githubusercontent.com前往参考资料 ↓在新标签页中打开
| 维度 | 传统逐稿交付 | 设计系统与组件化交付 |
|---|---|---|
| 交付单元 | 单页设计稿或零散控件 | 完整、可测试的用户流程 |
| 资产来源 | 设计侧与代码侧各自维护 | 设计与研发共享同一套组件与 Design Token |
| 版本一致性 | 易出现设计与代码版本代差 | 同源改造,双向流动 |
| 交付载体 | 设计稿 + 口头/文档说明 | 引用设计资产的契约文件(如 YAML 交付单) |
| 验收依据 | 视觉比对为主 | 交付单中声明的技术要求与验证方式 |
工程与标准领域的设计交付
智能工厂数字化交付
中国国家标准 GB/T 43553.2-2025《智能工厂数字化交付 第2部分:设计交付》是专门规范智能工厂设计成果数字化交付内容组成及要求的国家标准,标准状态为现行。4444GB/T 43553.2-2025 智能工厂数字化交付第2部分:设计交付-中国标准在线服务网spc.org.cn前往参考资料 ↓在新标签页中打开
GB/T 43553.2-2025 的适用范围明确覆盖新建、改扩建智能工厂的设计成果数字化交付,即标准同时约束全新建设与既有工厂改造两类项目的设计交付行为。4444GB/T 43553.2-2025 智能工厂数字化交付第2部分:设计交付-中国标准在线服务网spc.org.cn前往参考资料 ↓在新标签页中打开
该标准明确将「与物理工厂实体对象没有直接关系的信息管理系统的设计交付」排除在适用范围之外,说明其数字化交付对象锚定于与实体工厂直接对应的设计成果,而非泛化的信息系统设计文档。4444GB/T 43553.2-2025 智能工厂数字化交付第2部分:设计交付-中国标准在线服务网spc.org.cn前往参考资料 ↓在新标签页中打开
城市轨道交通工程信息模型设计交付
《城市轨道交通工程信息模型 设计交付规范》(T/CAMET 01006-2022)是由中国城市轨道交通协会发布的团体标准,标准状态为现行。4545T/CAMET 01006-2022 城市轨道交通工程信息模型设计交付规范-中国标准在线服务网spc.org.cn前往参考资料 ↓在新标签页中打开
T/CAMET 01006-2022 规定了城市轨道交通工程信息模型在不同设计阶段的交付准备、交付物、交付协同、交付验收与归档的相关要求,即把设计交付拆成准备、交付物、协同、验收归档四个环节来规范。4545T/CAMET 01006-2022 城市轨道交通工程信息模型设计交付规范-中国标准在线服务网spc.org.cn前往参考资料 ↓在新标签页中打开
该标准的适用范围覆盖城市轨道交通的车站工程、区间工程、车辆段工程、设备系统工程、控制中心及主变电所,并适用于新建、改建、扩建设计中应用模型建立的设计信息交付。4545T/CAMET 01006-2022 城市轨道交通工程信息模型设计交付规范-中国标准在线服务网spc.org.cn前往参考资料 ↓在新标签页中打开
该标准同时适用于各参与方之间以及参与方内部的信息传递,说明其规范对象不只是跨单位交付,也包括同一参与方内部的设计信息流转。4545T/CAMET 01006-2022 城市轨道交通工程信息模型设计交付规范-中国标准在线服务网spc.org.cn前往参考资料 ↓在新标签页中打开
智能座舱场景下的设计交付
多屏适配
智能座舱多屏适配指同一套设计需在仪表屏、中控屏、副驾屏、HUD 等多种屏幕尺寸、分辨率、朝向与交互距离下保持一致体验,交付物须包含分屏布局规则、断点定义与组件变体。4646Android Automotive OS: Design for multiple screensdeveloper.android.com前往参考资料 ↓在新标签页中打开
多屏适配交付通常以设计令牌(design tokens)与组件变体(variants)承载不同屏幕的尺寸、密度与主题差异,使同一组件在仪表、中控、副驾等屏幕下按规则自动切换,而非为每块屏单独绘制。1414Design Tokensw3.org前往参考资料 ↓在新标签页中打开
开发可行性约束
智能座舱的设计交付必须首先满足车规级实时性约束:车载信息娱乐系统(IVI)的触控响应、倒车影像显示等关键功能通常要求在数百毫秒内完成,交付给工程的交互原型需标注各状态的响应时限与降级策略,而非仅描述理想态动效。4949ISO 15005:2017 Road vehicles — Ergonomic aspects of transport information and control systems — Dialogue management principles and compliance proceduresiso.org前往参考资料 ↓在新标签页中打开
车载显示与交互硬件的碎片化是设计交付的主要可行性障碍:同一车型平台可能同时存在不同分辨率、不同宽高比、不同触控类型(电容/红外)的屏幕,设计交付需提供多套栅格与安全区标注,并明确最小可点击区域尺寸,否则工程端无法保证跨配置的一致性。5050Automotive UI Design: Challenges and Best Practices for In-Vehicle Interfacesinteraction-design.org前往参考资料 ↓在新标签页中打开
驾驶安全法规对座舱交互施加了硬性约束,设计交付必须包含分心评估依据:例如美国国家公路交通安全管理局(NHTSA)发布的《Visual-Manual NHTSA Driver Distraction Guidelines for In-Vehicle Electronic Devices》要求单个视觉手动操作任务在行驶中尽量控制在较短时长内完成,交付文档需说明关键任务的眼离路面时间与操作步数。5151Visual-Manual NHTSA Driver Distraction Guidelines for In-Vehicle Electronic Devicesnhtsa.gov前往参考资料 ↓在新标签页中打开
智能座舱设计交付需覆盖多模态交互的可行性边界:语音、手势、触控、物理按键在同一场景下可能并行,交付时须定义各模态的触发条件、优先级与冲突消解规则,并标注哪些功能在特定车速或驾驶模式下被禁用,这些规则需以状态机或决策表形式随设计稿一并交付。5252Multimodal Interaction in Automotive User Interfaces: A Reviewdl.acm.org前往参考资料 ↓在新标签页中打开
常见问题与争议
建设工程设计合同纠纷中,设计人起诉发包人追讨设计费占绝大多数:上海市第二中级人民法院《2015—2019年建设工程设计合同纠纷案件审判白皮书》显示,审结的70件案件中涉及设计人追讨设计费的占87.2%;豫章律师事务所统计江西省2008年至2022年103份判决,设计人起诉发包人占比达85.9%。5656全国机关事务管理研究会ggj.gov.cn前往参考资料 ↓在新标签页中打开
设计交付的标的不是工程实体而是智力成果,这一属性使设计合同纠纷缺少专门的司法解释予以规范,司法裁判具有较大不确定性,是设计交付争议频发的制度性成因之一。5656全国机关事务管理研究会ggj.gov.cn前往参考资料 ↓在新标签页中打开
发包人拒付设计费的常见理由包括:项目中止、功能调整、规划变更、审查未通过导致设计成果未实际使用,以及主张设计合同无效;围绕设计修改返工的额外费用,修改原因、是否属于重大修改、修改工作量等也常成为争议焦点。5656全国机关事务管理研究会ggj.gov.cn前往参考资料 ↓在新标签页中打开
设计人违约引发的争议中,发包人的诉请主要包括解除设计合同并退还设计费、返还履约保证金、赔偿因设计质量问题造成的损失、承担延迟交付的违约责任,以及要求交付终版图纸、配合竣工验收等。5656全国机关事务管理研究会ggj.gov.cn前往参考资料 ↓在新标签页中打开
行业上升期与调整期的设计合同纠纷重点不同:上升期甲方资金充裕、对已达阶段目标的设计成果通常乐于及时确认,争议主要集中于合同条款理解与履行情况证明;进入调整期后,案件难度与办案重点发生显著变化。5555新闻动态watson-band.cn前往参考资料 ↓在新标签页中打开
大型设计企业常从概念设计到施工配合全阶段由同一家企业完成,项目时间跨度长但往往只在招投标阶段签订一份合同,导致实际履行过程中出现问题的情况相对普遍,交付节点与范围难以逐段对应。5555新闻动态watson-band.cn前往参考资料 ↓在新标签页中打开
| 争议类型 | 典型主张/事由 | 数据或说明 |
|---|---|---|
| 设计人追讨设计费 | 要求支付正常工作范围内设计费;要求支付设计修改返工额外费用 | 上海二中院2015—2019年70件案件中占87.2%;江西2008—2022年103份判决中占85.9% |
| 发包人拒付理由 | 项目中止、功能调整、规划变更、审查未通过致成果未使用;主张合同无效 | 多见于设计费纠纷抗辩 |
| 设计人违约 | 解除合同并退还设计费、返还履约保证金、赔偿质量损失、承担延迟交付责任 | 另有要求交付终版图纸、配合竣工验收 |
| 交付对象不明确 | 工作成果交付范围与对象界定不清 | 被实务界列为设计合同纠纷首要风险点 |
影响与趋势
随着设计工具与代码之间的鸿沟缩小,传统「设计交付」环节正在被重新定义:部分团队的设计师开始直接在真实媒介(代码、可运行原型)中工作,从而把交付从「交付一份表征物」转变为「交付可运行的结果」。5757The traditional handoff is becoming a relic for top designers. They’re working in the real medium now. For years, design happened in a proxy. Frames. Layers. Pretend interactions. Then we… | Derek Benderlinkedin.com前往参考资料 ↓在新标签页中打开
有从业者指出,AI 提升工程产能后,产品团队的瓶颈从「工程实现」转移到「翻译」——即设计到工程之间的交付与评审循环;因此主张的应对方式不是增加集成管道,而是取消设计与生产之间的边界,让设计师直接发布而非交付。5858Designers will ship, not hand off with AI | Anupam Singh 发布的此话题相关的动态 | 领英linkedin.com前往参考资料 ↓在新标签页中打开
已有团队把设计交付物从「装满截图的文档」替换为「拉取请求(pull request)」,使非技术成员也能直接向生产代码贡献改动,这一变化同时改变了设计工作的终点与团队分工。5959Eve's designers stopped writing handoff docs and started shipping pull requests · Radarradar.zurb.com前往参考资料 ↓在新标签页中打开
在「设计师直接发布」的模式下,速度提升并不自动带来质量提升:若缺陷率不变而交付速度翻倍,用户遭遇的失败次数也会翻倍,因此交付流程的提速需要与质量保障机制同步设计。5959Eve's designers stopped writing handoff docs and started shipping pull requests · Radarradar.zurb.com前往参考资料 ↓在新标签页中打开
设计交付的演进方向可归纳为三条并行趋势:交付物从静态标注转向可运行代码与拉取请求;交付主体从「设计师交给工程师」转向设计师参与甚至主导发布;交付评价标准从「还原度」转向「上线后的用户体验与缺陷率」。5757The traditional handoff is becoming a relic for top designers. They’re working in the real medium now. For years, design happened in a proxy. Frames. Layers. Pretend interactions. Then we… | Derek Benderlinkedin.com前往参考资料 ↓在新标签页中打开|5858Designers will ship, not hand off with AI | Anupam Singh 发布的此话题相关的动态 | 领英linkedin.com前往参考资料 ↓在新标签页中打开|5959Eve's designers stopped writing handoff docs and started shipping pull requests · Radarradar.zurb.com前往参考资料 ↓在新标签页中打开
| 维度 | 传统交付 | 新兴交付 |
|---|---|---|
| 交付物 | 标注稿、截图文档、静态资源 | 可运行原型、生产代码、拉取请求 |
| 交付主体 | 设计师 → 工程师单向交接 | 设计师直接参与发布 |
| 反馈周期 | 以周计 | 以小时计 |
| 主要瓶颈 | 工程实现成本 | 设计与工程之间的翻译成本 |
| 质量风险 | 还原度偏差 | 提速带来的缺陷率放大 |
参考来源
- 1文档 设计交付指南:设计师与开发如何才能好好协作? · 腾讯云开发者社区 · 2019-01-23 · 核验于 2026-10-22
- 2文档 产设研深度洞见|大厂团队如何进行设计交付? - MasterGo/莫高设计 · MasterGo · 2022-11-27 · 核验于 2026-10-22
- 3文档 国家标准项目 - 全国标准信息公共服务平台 · 全国标准信息公共服务平台 · 2025-12-30 · 核验于 2026-10-22
- 4文档 Design specification · Wikipedia · 2024-01-01 · 核验于 2026-10-22
- 5标准 Design Tokens Format Module · Design Tokens Community Group (W3C) · 2024-06-01 · 核验于 2026-10-22
- 6文档 Design Systems · Interaction Design Foundation · 2023-01-01 · 核验于 2026-10-22
- 7标准 Web Content Accessibility Guidelines (WCAG) 2.2 · W3C Recommendation · 2023-10-05 · 核验于 2026-10-22
- 8文档 Versioning design systems · Design Systems Repo · 2023-01-01 · 核验于 2026-10-22
- 9文档 Human Interface Guidelines: Images · Apple Developer Documentation · 2024-06-10 · 核验于 2026-10-22
- 10文档 Support different pixel densities · Android Developers Documentation · 2024-04-03 · 核验于 2026-10-22
- 11文档 Design handoff · Wikipedia · 2023-11-20 · 核验于 2026-10-22
- 12文档 Export designs from Figma · Figma Help Center · 2024-05-15 · 核验于 2026-10-22
- 13文档 Exporting assets · Sketch Documentation · 2024-02-08 · 核验于 2026-10-22
- 14标准 Design Tokens · Design Tokens Community Group, W3C · 2024-03-01 · 核验于 2026-10-22
- 15文档 设计稿交付研发清单:标注、状态与验收怎么写 · 墨刀 · 2026-10-14 · 核验于 2026-10-22
- 16文档 Prototyping · Interaction Design Foundation · 2023-01-01 · 核验于 2026-10-22
- 17文档 Interaction specification · Wikipedia · 2024-01-01 · 核验于 2026-10-22
- 18文档 Figma prototyping · Figma · 2024-01-01 · 核验于 2026-10-22
- 19文档 ProtoPie · ProtoPie · 2024-01-01 · 核验于 2026-10-22
- 20文档 Framer · Framer · 2024-01-01 · 核验于 2026-10-22
- 21文档 Automotive HMI design · Wikipedia · 2023-01-01 · 核验于 2026-10-22
- 22标准 ISO 9241-210:2019 Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems · ISO · 2019-07-01 · 核验于 2026-10-22
- 23论文 Heuristic Evaluation of User Interfaces · Jakob Nielsen, CHI '90 Proceedings · 1990-04-01 · 核验于 2026-10-22
- 24文档 The Scrum Guide · Ken Schwaber & Jeff Sutherland · 2020-11-01 · 核验于 2026-10-22
- 25文档 How to Run a Design Review That Actually Works · A List Apart · 2018-09-12 · 核验于 2026-10-22
- 26文档 网站制作客户注意事项 · 阿里云文档中心 · 2026-07-02 · 核验于 2026-10-22
- 27代码库 GitHub - lxxgg92/xianxin-design-workflow: A complete AI-powered workflow for UI/UX designers, from design systems to final delivery. · GitHub · GitHub · 2026-06-03 · 核验于 2026-10-22
- 28文档 Website Design to Launch: A Seamless Handoff Workflow Guide · BugHerd · 2025-12-17 · 核验于 2026-10-22
- 29文档 Module 16: Design Delivery · GitHub · 2026-02-14 · 核验于 2026-10-22
- 30文档 Figma — Collaborate in real time · Figma · 2024-01-01 · 核验于 2026-10-22
- 31文档 Figma Dev Mode · Figma · 2023-06-21 · 核验于 2026-10-22
- 32文档 Sketch — Design, prototype, collaborate · Sketch · 2024-01-01 · 核验于 2026-10-22
- 33文档 Zeplin — Design delivery platform · Zeplin · 2024-01-01 · 核验于 2026-10-22
- 34文档 Abstract — Design version control · Abstract · 2024-01-01 · 核验于 2026-10-22
- 35文档 Storybook — Frontend workshop for UI development · Storybook · 2024-01-01 · 核验于 2026-10-22
- 36文档 zeroheight — Design systems documentation · zeroheight · 2024-01-01 · 核验于 2026-10-22
- 37文档 Atlassian Design System — Design delivery · Atlassian · 2024-01-01 · 核验于 2026-10-22
- 38文档 Automotive HMI design and development · Rightware (Kanzi) · 2024-01-01 · 核验于 2026-10-22
- 39文档 Design collaboration tools and handoff · Nielsen Norman Group · 2023-01-01 · 核验于 2026-10-22
- 40报道 The problem with design handoff · UX Collective · 2023-01-01 · 核验于 2026-10-22
- 41文档 "打通设计与研发效率最后一公里”-云事业部前端团队 D2C/C2D落地经验分享-京东云开发者社区 · 京东云-开发者社区 · 2025-03-10 · 核验于 2026-10-22
- 42代码库 Module 16: Design Delivery · GitHub · 2026-02-18 · 核验于 2026-10-22
- 43文档 Module 16: Design Delivery · GitHub · 2026-02-18 · 核验于 2026-10-22
- 44文档 GB/T 43553.2-2025 智能工厂数字化交付第2部分:设计交付-中国标准在线服务网 · 中国标准在线服务网 · 2026-03-31 · 核验于 2026-10-22
- 45文档 T/CAMET 01006-2022 城市轨道交通工程信息模型设计交付规范-中国标准在线服务网 · 中国标准在线服务网 · 2023-11-05 · 核验于 2026-10-22
- 46文档 Android Automotive OS: Design for multiple screens · Android Developers · 2024-01-01 · 核验于 2026-10-22
- 47文档 Android Automotive OS: Multi-display support · Android Developers · 2024-01-01 · 核验于 2026-10-22
- 48标准 NHTSA Driver Distraction Guidelines · NHTSA · 2023-01-01 · 核验于 2026-10-22
- 49标准 ISO 15005:2017 Road vehicles — Ergonomic aspects of transport information and control systems — Dialogue management principles and compliance procedures · ISO · 2017-03-01 · 核验于 2026-10-22
- 50文档 Automotive UI Design: Challenges and Best Practices for In-Vehicle Interfaces · Interaction Design Foundation · 2022-06-15 · 核验于 2026-10-22
- 51标准 Visual-Manual NHTSA Driver Distraction Guidelines for In-Vehicle Electronic Devices · NHTSA (DOT HS 811 581) · 2013-04-01 · 核验于 2026-10-22
- 52论文 Multimodal Interaction in Automotive User Interfaces: A Review · ACM Computing Surveys · 2020-05-01 · 核验于 2026-10-22
- 53标准 ISO 26262-1:2018 Road vehicles — Functional safety · ISO · 2018-12-01 · 核验于 2026-10-22
- 54标准 Software Update Management System (SUMS) and OTA Updates in Vehicles · UNECE Regulation No. 156 · 2021-03-01 · 核验于 2026-10-22
- 55文档 新闻动态 · watson-band.cn · 2025-12-04 · 核验于 2026-10-22
- 56文档 全国机关事务管理研究会 · 国家机关事务管理局 · 2024-08-13 · 核验于 2026-10-22
- 57文档 The traditional handoff is becoming a relic for top designers. They’re working in the real medium now. For years, design happened in a proxy. Frames. Layers. Pretend interactions. Then we… | Derek Bender · LinkedIn · Fabian Warislohner · 2026-02-22 · 核验于 2026-10-22
- 58文档 Designers will ship, not hand off with AI | Anupam Singh 发布的此话题相关的动态 | 领英 · LinkedIn · Fabian Warislohner · 2026-04-06 · 核验于 2026-10-22
- 59文档 Eve's designers stopped writing handoff docs and started shipping pull requests · Radar · Radar · 2026-09-07 · 核验于 2026-10-22