omnigraffle流程图绘制学习资料

1、学习流程图的制作,首先要明白不同图标代表的意义 https://www.douban.com/note/310371289/

omnigraffle流程图绘制学习资料_第1张图片
image.png
omnigraffle流程图绘制学习资料_第2张图片
image.png
omnigraffle流程图绘制学习资料_第3张图片
image.png

1、矩形

作用:一般用作要执行的处理(process),在程序流程图中做执行框。

在axure中如果是画页面框架图,那么也可以指代一个页面。有时候我们会把页面和执行命令放在同一个流程中做说明,这个时候将两类不同的矩形做色彩区别,然后做说明就好了。

2、圆角矩形或者扁圆

作用:表示程序的开始或者结束,在程序流程图中用作为起始框或者结束框。

3、斜角矩形

作用:斜角矩形平时几乎不使用,可以视情况自行定义。或者在其他的流程图中,有特殊含义,暂不知晓,也希望有识之士指点一二。

4、菱形

作用:表示决策或判断(例如:If...Then...Else),在程序流程图中,用作判别框。

5、文件

作用:表达为一个文件,可以是生成的文件,或者是调用的文件。如何定义,需要自己根据实际情况做解释。

6、括弧

作用:注释或者说明,也可以做条件叙述。一般流程到一个位置,做一段执行说明,或者特殊行为时,会用到它。

7、半圆形

作用:半圆在使用中常作为流程页面跳转、流程跳转的标记。

8、三角形

作用:控制传递,一般和线条结合使用,画数据传递。

9、梯形

作用:一般用作手动操作。

10、椭圆形或圆形

作用:如果画小圆,一般是用来表示按顺序数据的流程。

如果是画椭圆形,很多人用作流程的结束。如果是在use case用例图中,椭圆就是一个用例了。

11、六边形

作用:表示准备之意,大多数人用作流程的起始,类似起始框。

12、平行四边形

作用:一般表示数据,或确定的数据处理。或者表示资料输入(Input)。

13、角色

作用:来自于use case 用例,模拟流程中执行操作的角色是谁。需要注意的时,角色并非一定是人,有时候是机器自动执行,有时候也可是是模拟一个系统管理。

14、数据

作用:就是指保存我们网站数据的数据库。

15、图片

作用:表示一张图片,或者置入一个已经画好的图片、流程或者一个环境。

基本上,axure讲基本流程图、页面框架图、use case 用例图涉及到的一些关键图形都囊括在流程图流程工具中,模糊了流程图的区别,而尽量贴近交互设计时的工作内容。

流程图无疑只是一个表达的工具,我们在使用的时候应该根据自己的实际情况使用,而不应该死钻牛角尖,非要知道某个图形的通用标准。理解和沟通是第一位的。而对于某些具有标准性含义的图形,大家人所共知,则我们应该遵循共同的准则,这样就能达到表达的目的。


Mac上有omnigraffle,可以很方便的绘制流程,基本的入门可以参照如下文章的介绍一步步熟悉各种基本用法:

http://www.jianshu.com/p/cca7ce55aee1

更多教程请访问官网The OmniGroup
OmniGraffle: Flowchart Tutorial

你可能感兴趣的:(omnigraffle流程图绘制学习资料)