如何制作好的设计文档.pdfVIP

如何制作好的设计文档 编辑标注：来自用户体验设计师 Mofei QIAN 根据自己的经验总结的如何制作好的设计文档，原文 分理论和技术两篇，这里合二为一分享给大家。 设计文档的重要性 以前一直对设计文档的制作不是很上心，仅仅把它当做一个标准流程来完成，并没有花过多时间和 精力去研究设计文档的制作。后来在进行各种项目的过程中慢慢发现设计文档的制作其实是很重要 的一环，设计文档的好坏直接关系到项目组对设计方案的理解和解读。一份好的设计文档可以极大 减少沟通的成本，加快项目开发的进程。 既然认可了设计文档的重要性，现在就来关注一下如何制作好的设计文档。这些年各种项目做下来 ，接触和制作过各种类型的设计文档。一直觉得没有哪种模式是特别有效率的，最近刚刚跑了一个 敏捷开发，又碰上了很多沟通的问题，鉴于同样的沟通问题以前也经常碰到，所以借着这个机会深 入研究了一下设计文档的制作，希望能设计一份更有效的文档制作方式，解决一些常碰到的沟通类 问题，以利于以后的项目运作。 好的设计文档的特性 我觉得设计文档存在的目的是为了 提高沟通效率 和记录设计的过程 ，而一份好的设计文档应该具备 如下几张特性。 1. 精简的文档内容 2. 美观、实用的设计排版 3. 全面、高时效性的信息类型 其实具体的设计文档会因为项目类型的大小，开发进度的快慢，人员配置的多少而展现出不同的 样式，所以除了设计文档本身的制作，设计师还应该做到以下几点来保证自己的设计文档能达到和 团队流畅沟通的目的。 以上是对如何制作一份好的设计文档的分析总结，下面是制作设计文档的具体技术细节。相比于长 篇大论的理论研究，落实到技术层面的实际操作就简单的多了。经过对几种软件和文件格式的搭配 ，最后选择用 Indesign + PDF 来尝试制作下个项目的设计文档。 选择 PDF 文件格式的原因 排版对设计文档的重要性 其中美观的排版是重点，只要是文档，多多少少都不受待见，所以如果能让文档美观简洁，那该文 档实际使用中被认真阅读的可能性无疑会增加很多。至于如何能把文档从视觉上设计的美观简洁， 个人建议不要去看其它的项目文档，因为绝大多数文档都是用字码出来的，谈不上美观简洁。推荐 多参考各类公司的年报或设计类商品的说明书。如果能把一个操作流程的解释做得和宜家家具安装 提示这么简单的话，相信可以极大地增加沟通效率。 选择用 Indesign 来制作 PDF 文档的原因是因为它本身就是设计排版软件，本身功能非常适合用于 文档类的编辑和修改。该软件还有一大便利就是可以更新连接的外图，这对经常需要更新的设计文 档来说真是再方便不过了。 及时更新设计图的流程 说到及时更新设计图，可以参考腾讯 CDC 的一篇文章《如何制作实用美观的设计文档 》，文中作者 提出直接在 Indesign 里面做设计或者直接链接 PSD 源文件。这种做法的确可以增加文档更新、维 护效率，不过根据个人经验，实际操作中会有几个技术问题。一是用 Indesign 来创建线框 图(Wireframe) 的问题不大，但是如果要做流程图 (Flow chart) 的话效率太低，建议流程图还是在 Visio 或者 OmniGraffle 里面做好，导出 Jpeg 。然后在 Indesign 里面链接到相对应的 Jpeg 。以后 更新了 Jpeg 的话，只要文件名字不变，只要在 Indesign 里面更新一下链接即可，还是蛮方便的。 该方法同样适用于视觉设计图的链接。同样个人不建议直接把 PSD 文件导入 Indesign ，虽然从流程 上说少了从 Photoshop 导出视觉设计 Jpeg 图片这一步，但是站在视觉设计的角度来看，这样会让 PSD 源文件的管理变得比较麻烦。所以同样还是不去链接源文件，而只链接相对应的 Jpeg 比较有 效率。 另外对于 Indesign 这个工具来说，就算是以前没有用过 Indesign ，只要是使用过 Adobe 其它软 件的，应该也能很快上手，学习成本相对来说是比较低的。 来源：极客公园 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台