如何编写适用于web开发的原型设计文档? - 陶宝

时间:2024-02-16 22:17:33

如何编写适用于web开发的原型设计文档?

     产品经理根据自己的爱好,可以选择自己喜欢的原型设计工具,根据自身经验来讲,做原型设计一般会给两类人看,一类是老板,一类是美工与程序员:

    给老板看的文档应该是方便阅读与修改的,比如改改文字,我们也可以称之为产品需求识别或产品定义,老板需要知道下属是否理解了需求,老板都忙,不会观注细节,所以文档中应该有流程图(增加可读性),另外,老板是善变的,需求也会变化,每一个文档都应该有版本号,每一个版本的文档都应该单独保存,如果用svn做版本控制器也可以,好处就不言而誉了。

    给美工与程序员看的文档需要细化,具体内容包括页面原型图、流程图、流程描述、术语解释、版本号、用户实列、页面设计标准,再具体到每一个操作,每一个提示页面,每一句提示语言,当然这需要时间,如果项目时间很紧,可以忽略一些细节,当面交流或组织会议也不适为一个好方法。下面介绍几个设计原型与流程图的软件:(转)

  1.Axure

  算得上是Windows上最出色的原型设计软件,原因是:够快,够简单,比Visio更加快,既然是原型设计,当然是低保真的。Axure提供的几个形状能满足基本的需求,但是形状的定制功能太弱,比如大尺寸的圆角框,Axure就不能很好的处理,需要用4个形状拼接起来。

  Axure除了提供低保真的形状外,还提供了注释,界面上下文的实现,等等。其中界面上下文非常有用,如果要演示一些界面效果的话,Axure提供的界面上下文是非常直观的。

  另外Axure能够导出HTML和DOC的文件,能很方便的将其文档化。

    在日常开发当中,Axure可能是常用的软件之一,但限于英文版的困饶和高达500多美金的注册费,为此伟大的软件破译者特别放出汉化包和破解出的注册序列号。
此汉化包仅适用于 Axure RP Pro 5.5.0.1945 版(官方原版,点击下载),不多说了,立即下载 简体中文汉化包,解压缩后,复制 Client.dll 文件到 Axure 安装目录,覆盖掉原同名文件即可。

以下是本软件的两个注册序列号(为破解,适用于4 or 5版本)

Name:www.0431.cc
Serial:FnMEYnZGS4bQ1PVTacAM7Shg1rZAvwIC0NNfxbcbprbTvBQK7bSHLjx5i
+fg7iXj

Name:ITQY.COM
Serial:dclXsfv7id2Ig1wJ0zYPu
+cZwKdaD3yZevR5UD06l/e1fCl4rzimp6dRzuR3a30L 

 


Axure RP Pro 教程


以下是比较经典实用的Axure RP应用:
利用Inline Frame嵌入flash/video
下拉选单(droplist)交互设计-控制另一个下拉选单
利用Axure RP封装视觉标准
下拉选单(droplist)交互设计-控制换页
Axure RP如何以渐层色彩来填色?
模拟Yahoo! YUI TabView
模拟旅游网站(网站策划书/RP档下载)
Axure RP Widget效果总览 
Accordion交互介面设计
Auto Complete交互介面设计

 
其他参考教程:
http://www.linlife.com/blog/index.php/archives/230

http://www.2tan.net/default.asp?tag=Axure+rp&distype=list

http://www.5istudy.cn/system/jiqiao/6975.html 

 

 2.Microsoft Visio

  最常用的原型设计工具之一,几乎是Windows平台下惟一的“最佳”选择。有很多的模板可以选择,可以制作包括流程图、平面布置图、工程绘图、日程图、软件界面、UML ,Visio的优点很明显,上手很快,能比较快的画出不同种类的图,但缺点也非常明显,由于要支持不同的“模板”,Visio的外观功能不够强大,而且 Visio2007和Visio2003相比,并没有很大的改变,实在对Visio有些失望,不过在Windows下还有其他的选择吗?

 3.Microsoft PowerPoint 2007

 Office2007最值得称道的是对颜色和形状的快速样式,PowerPoint同样是,这个特点能够帮助用户很快的制作一套UI规范;同时,在展示原型设计是PowerPoint的老本行。

 4.OmniGraffle

    能画出很漂亮的流程图、原型设计,可以说是最好的原型设计软件了,但只限在Mac OS上,不能说是一种遗憾,在Windows上的用户没有办法享受到这款软件。自己也没有用过,对于它的介绍也是从它的官方网站心弦的博客中获得的。

   5.客户端原型GUI Design Studio

    大家在画基于web形态的原型时,可以用axure、 Balsamiq Mockups很方便的画出来,,但要是对象是客户端软件呢? Axure还是不是首选呢?或许你现在用Axure用的很熟,但我还是强烈的建议你用一下Gui studio这个软件感受下,闲话不扯我接下来演示讲解一下,
注意了特别是一些做软件pm的朋友。

aa-sort

GUI Design Studio是一款图形用户界面设计工具,您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。你可以用GUI Design Studio快速的把你们的erp软件的界面画出来,把QQ/MSN/飞信的客户端界面原型画出来,你使用标准元素绘制个人化的屏幕、窗口以及控件;因为这些都是基于windows标准协议的。最后将它们整合以展示操作工作流然后运行模拟程序测试您的设计。