传达出设计的“灵魂”——关于设计文档的分析

设计师无论“点子”多酷、多富创意,难免面对实际“交付物”——交互文档书写的问题。尤其在一些大公司,文档书写的漂不漂亮有时是“Make-your-work-visible”的关键。

实际项目中,文档大体可以分为三类:-
用户需求文档-商业战略文档-设计文档用户需求文档主要解决网站为“谁”提供服务,用户是谁?的问题。商业战略文档主要是对">产品概念模型、网站主要内容和商业竞争分析。而设计文档的书写才是这里讨论的
重点。

首先,要弄清文档和哪些人联系在一起:

- 写文档的人

- 用文档的人

- 批准文档的人

如果你是“写文档的人即设计师”,那么还要满足其他两类人的需求——让“用文档的人”(无论是用研还是开发人员)领会你的设计意图;让“批准文档的人”(也许是你的老板或股东)清楚理解你这样设计的优势,计划合理的工期和费用。

不同公司对设计文档的称呼各有不同,阿里这里称作“DRD”,下文就用DRD简称来指代设计文档。

设计文档内容主要有四类:

1、站点地图(site maps)

2、流程图(flow charts)

3、线框图(wireframes)

4、视觉样式(screen designs)

下面逐一进行分析:

1、站点地图(site maps):就是用视觉的方式来表达出网站的层级结构。

2、流程图(flow charts):表达用户或系统对某项任务执行的流程。 3、线框图(wireframes):更像最终产品呈现的毛胚。简单来说,就是抛去配色、字体样式、图片等的原型设计。4、视觉样式(screen designs):几乎是网站最终呈现的状态。其中包含尺寸和对css等定义。

最后关于文档的使用再啰嗦几句。文档听起来就是个乏味的词,写过文档的设计师可能也有个感受:文档写完没人看;或者把文档交给工程师,文档规范是一套内容,开发出来的版本是另外一套内容;有时候文档的沟通效率还不如口头的效率高…..其实文档除了传达出你的设计理念以外还很多其他好处:

- 团队沟通的有力工具:无论是对新点子的记录,还是通过文档和其他环节的人沟通,“有型”的设计文档总比“无形”的理念让人容易理解。

- 规避团队对设计认识不同:一个团队中,不同人对于同一设计可能理解都不同。如果仅用口头传授,难免会出现因各环节理解不同造成最后设计无法对接。通过设计文档可以明确一些概念,固定的说明记录使得团队保持对设计认识的一致。

- 可追踪:文档记录项目变动,像一部历史书方便检视每次改版的成果。对于后面迭代设计开发和分析变化产生的结果都很有好处。也可以避免因人员调动或新人加入产生的项目延迟。

源地址:http://www.zhangyq.com/de……ve-documents/

时间: 2024-12-27 08:47:50

传达出设计的“灵魂”——关于设计文档的分析的相关文章

传达出设计的“灵魂”——关于交互文档的分析

设计师无论"点子"多酷.多富创意,难免面对实际"交付物"--交互文档书写的问题.尤其在一些大公司,文档书写的漂不漂亮有时是"Make-your-work-visible"的关键. 实际项目中,文档大体可以分为三类: -用户需求文档 -商业战略文档 -设计文档 用户需求文档主要解决网站为"谁"提供服务,用户是谁?的问题.商业战略文档主要是对http://www.aliyun.com/zixun/aggregation/8780.

Axure RP交互设计软件使用教程:文档管理

上一篇教程:Axure RP交互设计软件使用教程 交互原型设计软件Axure中文教程--文档管理 文档管理(Document) 开章要说的是文档管理.文档管理看似简单,但是这是从操作功能上来说的,而我在说功能上的时候,想把我对文档管理的理解也一并说一下. 文档管理的目的,其实是为了有一个清晰的产品思路.刚开始工作的时候,我发现很多刚从学校出来的朋友对文档的命名与放置都是随心所欲的,我也不例外.没有好的整理习惯,这直接导致每次寻找先前的文档都要花费相当长的时间,甚至不小心误删,如果恰好有事请假,别

《Adobe Acrobat X中文版经典教程》—第1章1.8节设计供在线阅读的文档

1.8 设计供在线阅读的文档 Adobe Acrobat X中文版经典教程 如果预期文档将被在线查看,需要做出有助于出版物引人入胜和易于使用的设计和出版决策.如果只想将纸质文档转换为电子格式,需要在重新设计带来的好处与其所需的时间和费用之间进行权衡.如果出版物需要在屏幕上阅读和作为印刷品发行,需要在设计中考虑这两种不同的需求. 首先来看一个打印的文档,该文档被转换为电子格式,但未作任何修改.将文档转换为Adobe PDF,可以方便地传播它,且费用低廉.同时,可以使用诸如链接和书签等功能,使得导览

打印文档内容分析:能自动搜索出用户曾经打印过的文档内容

问题描述 打印文档内容分析:能自动搜索出用户曾经打印过的文档内容希望大家能提供点资料.菜鸟找了好久都没找到什么有用的资料. 解决方案 解决方案二:需要使用软件工具吧,推荐一种:快速案件调查工具CaseFast,下载地址::https://cyberbox.inetcop.com.cn/dispbbs.asp?boardID=44&ID=1916&page=1解决方案三:虽然不用工具但是还是谢谢楼上的.我希望能有些技术文章.文档

“双子星”文档攻击预警:新型的跨平台恶意文档攻击分析报告

本文讲的是"双子星"文档攻击预警:新型的跨平台恶意文档攻击分析报告,近日,360公司QEX团队和追日团队发现了一种新型的跨平台恶意文档攻击开始流行,并捕获到了该攻击在野外出现的恶意样本.该恶意文档支持跨平台攻击,使用了白利用.无文件和windows安全策略绕过等高端攻击技术.以往的office文档只针对windows操作系统和苹果操作系统分别进行攻击,而最新的攻击样本兼容了两个操作系统,用户无论是在哪个系统打开这个文档,都有可能中招,我们将其命名为"双子星"文档攻击

设计理念-有关设计文档的分析

设计师无论"点子"多酷.多富创意,难免面对实际"交付物"--交互文档书写的问题.尤其在一些大公司,文档书写的漂不漂亮有时是"Make your work visible"的关键. 实际项目中,文档大体可以分为三类: - 用户需求文档 - 商业战略文档 - 设计文档 用户需求文档主要解决网站为"谁"提供服务,用户是谁?的问题.商业战略文档主要是对产品概念模型.网站主要内容和商业竞争分析.而设计文档的书写才是这里讨论的重点. 首先

DoctorJ 5.2.0发布 Java文档的分析工具

DoctorJ是一个用于分析Java文档的应用程序,以符合Java标准和代码的准确性,其功能超过javadoc. DoctorJ 5.2.0该版本增加了拼写检查的功能,多个代码已经重写. 软件信息:http://www.incava.org/projects/java/doctorj 下载地址:http://www.incava.org/files/doctorj-5.2.0.zip

设计理论:制作网页前端开发的文档

前端开发的文档相信大多数情况下都没有后端的服务描述详细,而大多数测试也仅仅在黑盒测试,所以很多情况下对这片文档的描述都廖廖无几. 前端文档缺失的原因 前端开发的文档相信大多数情况下都没有后端的服务描述详细,而大多数测试也仅仅在黑盒测试,所以很多情况下对这片文档的描述都廖廖无几. * 前端开发的代码分散--没有规范化,没有很好的设计,大多数人仍以业务为主的开发方式.* 测试人员对前端仍然处于黑盒测试,有没有文档都不影响到他们的测试进程.* 一旦业务定型,用传统方式的文档模式,很难复制到前端开发来.

基于WPF系统框架设计(5) Ribbon整合Avalondock 2.0实现多文档界面设计(二)

AvalonDock 是一个.NET库,用于在停靠模式布局(docking)中排列一系列WPF/WinForm控件.最新发布的 版本原生支持MVVM框架.Aero Snap特效并具有更好的性能. AvalonDock 2.0版本已经发布了,新版本 是用MVVM框架重新编写,似乎也用了Command(命令)模式.2.0版的文档尚未发布,但你可以参考 Avalon.TestApp 或者2.0版源码中的Avalon.MVVMTestApp文件夹来查看新的API. 前一篇博文有介绍关于AvalonDoc