为什么交付物这么重要
苏州吴江有家做电缆光缆的企业,花了4万做APP界面设计。项目结束时设计师发了个压缩包,打开一看——全是JPG预览图。源文件呢?"要的话另加5000。"切图标注呢?"不含在报价里。"最后企业又花了1.2万找别人重新标注切图。这种坑太常见了。很多设计纠纷的根源就是交付物没谈清楚。合同里写了"交付设计稿",什么叫设计稿?JPG算不算?PSD算不算?Figma链接算不算?不说清楚,就有扯不完的皮。
交付物一:设计源文件
这是最核心的交付物。源文件就是你能在设计软件里打开编辑的文件,Figma链接、Sketch文件、PSD文件都算。苏州BioBay有家生物医药公司,设计项目结束后拿到了Figma链接但没注意权限设置。三个月后想改个按钮颜色,发现设计师把链接权限收回了,要改就得再付费。所以合同里要写明:源文件所有权归甲方,设计师提供可编辑权限或下载源文件。别拿个JPG预览图糊弄你。预览图不能改,源文件才能。花了几万块钱设计费,你得拿到能改的东西。
交付物二:标注稿
标注稿就是带尺寸标注、间距标注、颜色标注、字号标注的设计稿。开发人员照着标注稿写代码,不用自己拿尺子量。现在主流做法是设计师在Figma里用Inspect面板,开发直接查看标注。如果设计师用的是本地文件(PSD/Sketch),那就要导出标注稿或者用Zeplin、蓝湖这类标注工具。苏州工业园区一家做SaaS的公司,设计师没给标注稿,开发自己量尺寸,结果一个按钮的高度在iPhone上是44px到安卓上变成了42px,视觉上歪歪扭扭。标注稿的作用就是消除这种"差不多"的误差,让开发实现跟设计稿像素级一致。
交付物三:切图资源包
APP里用的图标、图片、插画这些视觉元素,设计师要导出成开发能直接用的格式和尺寸。iOS需要@1x、@2x、@3x三套图,安卓需要mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi五套图。苏州昆山一家做电子代工的企业APP,设计师只给了一套@3x的图,开发拿到安卓上用,在小屏手机上图标糊得不成样子。重新切图又等了一周。切图规范也要说清楚:命名规则(比如ic_home_selected.png这种)、格式(PNG还是SVG还是WebP)、文件夹结构。命名乱七八糟的话开发找文件都能找半天。
交付物四:交互说明文档
设计稿是静态的,APP是动态的。用户点了这个按钮去哪?下拉刷新触发什么?网络加载失败显示什么?这些光看设计稿看不出来,要靠交互说明文档。一份合格的交互文档包含:页面跳转逻辑图、各页面状态说明(空状态、加载中、错误、成功)、弹窗触发条件、列表排序规则、异常处理方案。苏州太仓那家德资制造企业的APP项目,交互文档写了20多页,开发看完直接动手,几乎没回来问过问题。好文档省的不是纸,是沟通成本。
交付物五到七:视觉规范、动效说明、设计checklist
第五项是视觉规范文档,定义APP的色彩体系(主色、辅色、背景色及色值)、字体规范(各层级标题和正文字号字重)、间距系统(基础间距单位、各种margin/padding标准)、组件库(按钮、输入框、卡片等通用组件的样式规范)。这份文档保证APP迭代时不同设计师做出来的风格一致。第六项是动效说明,哪些地方需要转场动画、动画时长和缓动曲线是什么。第七项是设计验收checklist,列明所有页面和状态,逐项打勾确认。苏州相城区有家做智能家居的,设计师交了一份包含87个检查项的checklist,企业拿着它逐条验收,发现漏了3个页面的空状态设计,当场要求补齐。别觉得麻烦。交付物越完整,后期扯皮越少。合同里把这七项写进去,一项一项验收。你花了钱,就该拿到该拿的东西。