Axure

Axure,原型设计的好帮手。

最近在做一个项目的需求分析。

一、UML

需求分析的十八般武艺轮番上阵。
用例图
数据流图
活动图
类图
让我一次画个够

然后数据库设计(ER图就免了)

几个看似简单的业务流程讨论来讨论去,大家围在会议桌周围,对着空气指手画脚。仍然一头雾水。

因为赶着给客户汇报,上面那些劳什子都派不上用场,原型最实际。以往,我们都是通过沟通,由美工将仿真度极高的页面画出来,加上一些图片热区可点击串联起来。但这次因为时间仓促,已经来不及了,只好本屌亲自操刀。

二、原型

我用的是Axure。话说,这个东东做原型真是比较方便。同时,再多的UML图也代替不了原型。许多细节,只有在制作原型的时候才能被认识和了解。以下是一些心得。

1、Axure制作的基本载体是页面

默认结构是左侧菜单,右侧页面。点击左侧菜单,打开右侧页面。制作原型的时候,菜单可对应系统结构,页面可对应具体模块功能。是一个很好的梳理思路过程。
在这里插入图片描述

2、点击打开/关闭弹窗

这个弹窗可以用动态面板(Dynamic Panel,其所谓动态,就是可以被控制显隐,并非说里面的内容可以变)。方法如下:

1)在页面上放置一个Dynamic Panel,并起一个名字,方便引用

在这里插入图片描述

2)编辑弹窗内容

双击动态面板,在弹出对话框中选state,编辑
在这里插入图片描述

3)编辑对话框,加入各种元素

在这里插入图片描述
由于动态面板没有边框,我们可以在里面加一个矩形框,设为最底层,Set Order - Send to Back。

4)打开与关闭

打开
在这里插入图片描述
关闭
在这里插入图片描述

5)将动态面板设置为默认隐藏

在这里插入图片描述
在这里插入图片描述
即大功告成。

3、打开新页面

这个可能是最常见的。类似弹出弹窗,
在这里插入图片描述

打开页面,可以指定打开至当前窗口,还是新开页面,或者别的什么方式。注意下图对应的Axure版本(9.0),比上面大多数图片对应的Axure版本都要高。
在这里插入图片描述

4、滚动到相关书签

同理,选scroll。
在这里插入图片描述

5、组件复用

原型制作过程中,常有许多雷同的地方,产生复用的需求。

可以将需要复用部分制作成母版(master)。方法为:

1)选中可复用部分元素
2)鼠标右键,选 “Convert to master”
在这里插入图片描述
3)起个名字
在这里插入图片描述
即制作成一个母版组件。之后想复用,直接拖到页面即可。
在这里插入图片描述

三、后记

原型这么好,是不是意味着UML不用了呢?

应该不是。UML从用户参与、业务流程、数据流向的角度对系统进行了建模,这些是原型制作的基础。当然原型在制作过程中,也可以边做边想,但没有像使用UML各种工具建模从不同角度描述,考虑得这么全面,容易遗漏。另外就是UML的类图是定义业务对象,与ER图结合,从抽象的角度,在更高层面上对系统进行了定义,这是数据库设计的必要步骤。

posted on 2021-12-22 22:10  左直拳  阅读(0)  评论(0)    收藏  举报  来源

导航