流程图基本形状解析讲解学习
流程图基本形状解析
流程图里的形状符号的代表意义
VISIO里的基本流程图形状
Axure里的流程图形状组件面板
对于画流程图,是我们经常会遇到的问题。
我们和程序工程师沟通,用再多的口水,也无法挑明的事情,画一张简明的流程图,就能很直白的说明关键问题。
有时候你可能会懊恼,因为程序员的思维犹如计算机,你告诉他为什么没有用,你就告诉他该怎么做,是左是右,是0是1就好了。
这个时候,产品经理需要的是理性思维,清晰的思路,如果你不清晰,工程师大多数会跟着你的思路乱做一团。
所以多画几个流程,多根据页面需求画清晰的流程,就能解决实际的问题。
话不多说,本章主要介绍流程图里面的工具,因为图形其实很好介绍,简单的英文翻译就好了,所以也顺带说说这些图形在流程里的作用。
方式还和以前一样,编号,对号入座,咱们来一个萝卜,一个坑:
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 用例图涉及到的一些关键图形都囊括在流程图流程工具中,模糊了流程图的区别,而尽量贴近交互设计时的工作内容。
流程图无疑只是一个表达的工具,我们在使用的时候应该根据自己的实际情况使用,而不应该死钻牛角尖,非要知道某个图形的通用标准。
理解和沟通是第一位的。
而对于某些具有标准性含义的图形,大家人所共知,则我们应该遵循共同的准则,这样就能达到表达的目的。
其实axure里面由于不涉及到具体的程序流程,所以有些标准的图形并没有提供,如不规则图形、侧面双矩形
等。
大多数情况下,还是自己自定义一下自己的符号标准,就跟prd文档加上名词解释一样,才是解决方法。
流程图的各个图标详解
流程图的各个图标详解1、各司其职的形状在我的流程图中,适用于不同目的和功能的形状都有各自确定的规范。
到目前为止,我一共定义了以下一些形状:(1)开始和结束作为整张流程图的头和尾,必须标清楚到底具体指哪个页面,以免日后出现歧义。
(2)网页如你所见,网页的形状是一个带有漂亮的淡蓝色过渡效果的长方形,它的边框为深蓝色,中间写明了这个网页的用途,括号中的数字代表这个形状所对应的demo文件的名称(比如这里是2.html),我有时会把流程图输出为网页的形式,并把每个网页形状和它所对应的demo文件链接起来,这样查看起来非常方便。
对OmniGraffle来说这是小菜一碟,如果你被迫用Visio,嗯……另外,所有从形状出来的线条,都具有和此形状边框一样的颜色。
这样的做法不仅看起来漂亮,在复杂的流程图中还能轻易地标明各形状的关系。
我没有见过类似的做法,所以这是由我首创也说不定,呵。
(3)后台判断很常见的一个形状。
我在用法上有一点和其他人的不同在于,我几乎总是让‘是’的分支往下流动,让‘否’的分支向右流动。
因为流程图一般都是从上向下、从左到右绘制的,遵循上述规则一方面可以让绘制者不用为选择方向操心,另一方面也方便了读者阅读。
(4)表单错误页既然有表单,当然会有错误信息。
其实这个信息很重要,用户出错时惶恐不安,就靠着错误提示来解决问题了。
你不在流程图里说什么时候显示错误页、不在demo里提供错误页,有些程序员会直接在网页上写个“错误,请检查”,所以UI设计师一定要对这个东西重视起来。
但一般来说也没必要把每种错误都在流程图中表示出来,因为含有两个文本框的表单就有三种出错情况了,多了就更不用说了。
所以我都是把错误页变为表单的附属页,比如表单页的编号为2,那么此表单错误页的编号就从2.1开始排下去,每种错误放到一个附属页中,这样程序员在拿到demo时也能搞清楚什么意思。
结合网页和表单的形状,一个表单验证的流程图就是这样的:(5)后台动作并非所有后台动作都绘入流程图中(否则流程图就会变成庞然大物了),只有需要特别强调的后台动作(和用户体验直接相关的)才使用此形状。
流程图中各图形代表
流程图中各图形代表流程图是一种用于展示流程、步骤和决策的图形化工具。
它通过使用不同的图形符号来表示不同的元素和行为。
在流程图中,每个图形都有其特定的含义和用途。
本文将介绍流程图中常见的几种图形及其代表的含义。
开始/结束符号在流程图中,开始和结束符号通常用圆形或椭圆形表示。
开始符号标志着流程的起始点,而结束符号则标志着流程的终点。
开始和结束符号是流程图中最基本的元素之一。
例如:开始 --> 执行某些操作 --> 结束过程/操作符号过程/操作符号用矩形表示。
它代表了一个具体的操作、步骤或任务。
过程符号可以表示任何类型的操作,例如计算、输入/输出、判断、循环等。
在流程图中,过程符号常用于展示具体的工作流程或步骤。
例如:开始 --> 输入数据 --> 处理数据 --> 输出结果 --> 结束判断/决策符号判断/决策符号用菱形表示。
它代表了一个条件判断的处理过程。
判断符号通常有两个分支,分别表示条件为真或条件为假的情况。
根据判断结果,流程会相应地选择不同的路径进行后续操作。
例如:开始 --> 输入数据 --> 判断数据是否符合条件 -->是 --> 处理数据 --> 输出结果 --> 结束否 --> 结束连接线/箭头连接线或箭头用于连接不同的图形符号,表示流程的执行顺序。
它们指示了流程从一个步骤到下一个步骤的方向。
箭头一般从上到下、从左到右或从左上到右下连接各个符号。
例如:开始 --> 输入数据 --> 判断数据是否有效--> 是 --> 处理数据 --> 输出结果 --> 结束--> 否 --> 结束输入/输出符号输入/输出符号用平行四边形表示。
它代表了流程中的输入和输出。
输入符号表示数据或信息的输入,输出符号表示结果或反馈的输出。
例如:开始 --> 输入数据 --> 判断数据是否有效--> 是 --> 处理数据 --> 输出结果 --> 结束--> 否 --> 结束循环/循环开始/循环结束符号循环/循环开始/循环结束符号用弧线形表示。
流程图中的菱形代表
流程图中各种图形代表什么含义首先,给大家上个例子,一个实际流程图如下:
其次,我们讲解下流程图中各种图形代表什么意义!
1、椭圆表示:“开始”与“结束”;
2、矩形表示:行动方案、普通工作环节用;
3、菱形表示:问题判断或判定(审核/审批/评审)环节;
4、用平行四边形表示:输入/输出;
5、箭头代表:工作流方向。
6、圆形表示:流程图之间的链接。
最后,绘制流程图中的注意事项:
1、绘制流程图时,为了提高流程图的逻辑性,应遵循从左到右、从上到下的顺序排列。
2、绘制流程图时,为了提高流程图的逻辑性,应遵循从左到右、从上到下的顺序排列。
一个流程从开始符开始,以结束符结束。
开始符号只能出现一次,而结束符号可出现多次。
若流程足够清晰,可省略开始、结束符号。
3、菱形为判断符号,必须要有“是和否(或Y和N)”两种处理结果,意思是说,菱形判断框一定需要有两条箭头流出;且判断符号的上下端流入流出一般用“是(或Y)”,左右端流入流出用“否(或Y)”。
4、同一流程图内,符号大小需要保持一致,同时连接线不能交叉,连接线不能无故弯曲。
5、流程处理关系为并行关系的,需要将流程放在同一高度。
6、必要时应采用标注,以此来清晰地说明流程,标注要用专门的标注符号。
7、处理流程须以单一入口和单一出口绘制,同一路径的指示箭头应只有一个。
流程图形状
流程图形状流程图是用特定的图形符号表示操作步骤、流程顺序、控制流程、判断条件等各种信息的图形化表示方法。
在流程图中,不同的图形符号代表不同的含义和操作。
下面将介绍几种常见的流程图形状。
1. 开始/结束符号:表示流程的开始或结束,一般使用圆形或椭圆形。
开始符号通常标注为“开始”或“起点”,结束符号通常标注为“结束”或“终点”。
2. 过程符号:表示流程中的某个具体操作或处理过程,一般使用矩形。
矩形内部写明具体的操作或步骤。
3. 判断符号:表示根据某个条件选择不同的分支方向,一般使用菱形。
菱形内部写明判断条件。
4. 连接线:用于连接不同的流程图形状,表示流程的顺序和逻辑关系。
连接线可以是直线、弯曲线、箭头线等。
5. 输入/输出符号:表示流程中的输入或输出数据,一般使用梯形。
梯形内部写明输入或输出的数据内容。
6. 循环符号:表示重复执行某个操作或处理过程,一般使用双弧形。
双弧形内部写明循环条件。
7. 子流程符号:表示某个复杂的操作或处理过程可以进一步细化为子流程,在子流程图中进行详细描述,一般使用圆角矩形。
圆角矩形内部写明子流程的名称。
8. 数据存储符号:表示流程中需要存储的数据,一般使用平行四边形。
平行四边形内部写明存储的数据内容。
9. 手动输入/输出符号:表示流程中需要人为干预的操作,一般使用椭圆形。
椭圆形内部写明人为操作的内容。
10. 注释符号:表示流程中的注释、说明或者备注,一般使用矩形框。
矩形框内部写明注释的内容。
以上就是流程图中常见的一些图形符号。
在绘制流程图时,根据具体的流程和需求,可以选择适当的图形符号来表示不同的操作和流程。
这些图形符号的使用可以提高流程图的可读性和易懂性,让读者能够更好地理解和掌握流程。
流程图图形含义
流程图图形含义
扁圆:表示程序的开始与结束
方框:表示要执行的处理(Process)
平行四边型:表示资料输入(Input)
不规则图形:表示资料输出(Output)或报表输出(Print)
菱形:表示决策或判断(例如:If...Then...Else)
箭头:表示程序执行的方向
圈里有字母是换页标示,当一页画不下时,可使用此图标标明换页的页数,使用英文或数字皆可。
二、关于流程图图示是否有国际间认同定义,我也曾请教过一些专业人士,但似乎没有一致的定论。
以目前微软产品visio应用最多,当然国际上也有专业的smart draw,国内也有些产品,因此我的做法是基础图示如开始(六角菱型)、过程(四方型)、决策(菱型)、终止(隋园型)掌握著,其它也就自已和别人知道什么意义就可以,当然能自已在流程图面上说明图示定义那就更好。
一、国际通用的流程图形态和程序:
开始(六角菱型)、过程(四方型)、决策(菱型)、终止(椭圆型) .在作管理业务流程图时国际通用的形态:方框是流程的描述;菱形是检查、审批、审核(一般要有回路的);椭圆一般用作一个流程的终结;小圆是表示按顺序数据的流程;竖文件框式的一般是表示原定的程序;两边文件框式的一般是表示留下来的资料数据的存储.
一、国际通用的流程图形态和程序:
开始(六角菱型)、过程(四方型)、决策(菱型)、终止(椭圆型)
在作管理业务流程图时国际通用的形态:方框是流程的描述;菱形是检查、审批、审核(一般要有回路的);椭圆一般用作一个流程的终结;小圆是表示按顺序数据的流程;竖文件框式的一般是表示原定的程序;两边文件框式的一般是表示留下来的资料数据的存储.。
流程图的框图学习技巧与知识(PPT 34页)
第五步: i =i+1 (i增加1),转到 第三 步。
第六步:输出s
s=0
i≤100? 否
输出s
结束
i=i+1 s=s+i 是
设计算法解决问题的主要步骤:
第一步、用自然语言描述算法;
算法可以用自然语言来描述,但为了使算法的程 序或步骤表达得更为直观,我们更经常地用图形 方式来表示它。
3、再逐步细化各层要素; 4、画出结构图,表示整个系统。
三、结构图题型:
题型一、首先要确定组成结构图的基本 要素,然后通过连线来标明各要素之 间的关系。
如:P87 “统计”的知识结构图。
题型二、在结构图中也常出现一些“环”形 结构,这种情形常在表达逻辑先后关系时 出现。
如:P88 “概率”的知识结构图。
零件到达 这种用于描述工业生产流程的 粗加工 流程图通常称为工序流程图。
不合格
检验
返修加工
合格
合格
精加工
不合格
返修检验
不合格
废品
最后检验
成品
合格
探究:
双线流程图:
某“儿童之家”开展亲子活动,儿童与家长如约来到“儿童之家”
计划活动步骤如下:
首先,儿童与家长按事先约定时 间来到“儿童之家”。 然后,一部分工作人员接待儿童,
输入、 输出框
处理框 (执行框)
表示一个算法输 入和输出的信息
赋值、计算
判断框
判断某一条件是否成 立,成立时在出口处标 明 “ 是 ” 或 “ Y”, 不 成立时标明“否”或 “N”.
问题一
开始
i=1
1+2+3+….+100=?
流程图中各种图形都代表什么含义
流程图中各种图形都代表什么含义
小知识:流程图中各种图形都代表什么含义2018-06-16 20:59大家
来源:紫豆子设计站(公众号)
作者:紫豆子
之前想把Axure的所有教程压缩成5天,后来发现是一件很难的事,接受也不会太全面,所以从学习角度出发,豆子尽量把课程讲的详细一点,课程也会多一些,大家觉得有用的话可以多多转发,感谢。
大家在绘制流程图时,有各种各样的形状,有圆形、菱形、矩形等等,他们都代表什么概念呢?
如果我们画的流程图用错图形,发给别人看,那是一件很尴尬的事。
重要的事说三遍,不要用错图形符号!不要用错图形符号!不要用错图形符号!掌握并熟练使用各种流程图图形,才能让我们的流程图显得更加清晰、易读,显得我们更加专业。
1,开始形状/结束形状,“跑道圆”形状代表开始或者结束。
2,处理过程,“矩形”
这里可以写一些“工序”“处理过程”
3,判断,“菱形”
判断是流程图中经常用到的
判断是否
判断条件4,文件
普通的流程图中文件长这样↑
Axure中的文件↑
文件一般是用在输出文件或者写入、修改文件
5,括弧,注释
用于注释流程、条件叙述。
6,平行四边形,数据的输入或者输出
表示数据输入或者计算机输出信息7,双边矩形,预设处理
可以理解为子流程,像一个黑盒。
双边矩形中包着一个流程图,只是没有详细显示而已。
Axure中并没有这个图标。
常见的图形都介绍完了,其他的一般用不到,豆子也没用过。
详细的自己可以看看资料。
用对图形只是基础,大家在画流程图的时候,思路清晰才是最重要的。
最新流程图基本形状解析(精品收藏)
流程图里的形状符号的代表意义ﻫVISIO里的基本流程图形状Axure 里的流程图形状组件面板对于画流程图,是我们经常会遇到的问题。
我们和程序工程师沟通,用再多的口水,也无法挑明的事情,画一张简明的流程图,就能很直白的说明关键问题。
有时候你可能会懊恼,因为程序员的思维犹如计算机,你告诉他为什么没有用,你就告诉他该怎么做,是左是右,是0是1就好了。
这个时候,产品经理需要的是理性思维,清晰的思路,如果你不清晰,工程师大多数会跟着你的思路乱做一团。
所以多画几个流程,多根据页面需求画清晰的流程,就能解决实际的问题.话不多说,本章主要介绍流程图里面的工具,因为图形其实很好介绍,简单的英文翻译就好了,所以也顺带说说这些图形在流程里的作用.方式还和以前一样,编号,对号入座,咱们来一个萝卜,一个坑:1、矩形作用:一般用作要执行的处理(process),在程序流程图中做执行框。
在axure中如果是画页面框架图,那么也可以指代一个页面。
有时候我们会把页面和执行命令放在同一个流程中做说明,这个时候将两类不同的矩形做色彩区别,然后做说明就好了。
2、圆角矩形或者扁圆作用:表示程序的开始或者结束,在程序流程图中用作为起始框或者结束框。
3、斜角矩形作用:斜角矩形平时几乎不使用,可以视情况自行定义.或者在其他的流程图中,有特殊含义,暂不知晓,也希望有识之士指点一二。
4、菱形作用:表示决策或判断(例如:If...Then。
.Else),在程序流程图中,用作判别框.5、文件作用:表达为一个文件,可以是生成的文件,或者是调用的文件.如何定义,需要自己根据实际情况做解释。
6、括弧作用:注释或者说明,也可以做条件叙述。
一般流程到一个位置,做一段执行说明,或者特殊行为时,会用到它。
7、半圆形作用:半圆在使用中常作为流程页面跳转、流程跳转的标记。
8、三角形作用:控制传递,一般和线条结合使用,画数据传递.9、梯形作用:一般用作手动操作.10、椭圆形或圆形作用:如果画小圆,一般是用来表示按顺序数据的流程.如果是画椭圆形,很多人用作流程的结束。
流程图的图形说明
流程图的图形说明首先,我们来介绍流程图中最常见的几种基本图形符号。
其中,矩形框代表着流程中的步骤或操作,它是流程图中最基本的符号之一。
另外,菱形框则代表着流程中的决策点,通常用来表示一个条件的判断或者选择。
箭头则表示着不同步骤之间的连接关系,通过箭头的连接,可以清晰地展现出流程的顺序和逻辑。
除此之外,流程图中还有一些其他的符号,比如圆形框用来表示起始或结束点,圆角矩形框用来表示输入或输出等。
在使用流程图时,我们需要根据具体的情况选择合适的图形符号,并正确地连接它们,以展现出流程的完整逻辑。
在连接不同的符号时,我们需要注意箭头的指向,箭头通常表示着流程的方向,所以要确保箭头的指向是符合逻辑顺序的。
此外,我们还需要注意符号之间的间距和排列,尽量让整个流程图看起来清晰、简洁,方便他人阅读和理解。
除了基本的符号外,流程图中还可以使用一些附加符号来增加图形的表达能力。
比如,我们可以在箭头上标注一些文字,用来说明箭头所代表的具体操作或者条件。
另外,我们还可以在符号旁边加上一些注释或者说明,帮助读者更好地理解流程图所代表的含义。
这些附加符号的使用需要适度,不能过多地添加,以免影响整个流程图的清晰度和简洁性。
在实际应用中,流程图可以用来描述各种不同的流程和系统,比如生产流程、项目管理、决策流程等等。
通过绘制流程图,我们可以更清晰地了解一个流程的运作方式,找出其中的问题和改进空间。
同时,流程图也可以作为沟通工具,帮助团队成员更好地理解和协作。
因此,掌握流程图的绘制和理解是非常重要的,它可以帮助我们更高效地进行工作和决策。
总之,流程图是一种非常有用的图形化工具,它可以帮助我们更直观地理解和展示一个流程或系统的运作方式。
在绘制流程图时,我们需要选择合适的图形符号,并正确地连接它们,以展现出流程的完整逻辑。
同时,我们还可以使用一些附加符号来增加图形的表达能力,帮助读者更好地理解流程图所代表的含义。
希望本文的介绍能够帮助大家更好地理解和运用流程图,提高工作和决策的效率。
流程图各个形状的意思
流程图各个形状的意思流程图是一种常见的图形表示方法,它通过图形化的方式展示了一个流程或者系统的各个步骤和流程之间的关系。
在流程图中,各种形状都代表着不同的意思,了解这些形状的含义对于正确理解和绘制流程图至关重要。
本文将针对流程图中常见的各种形状进行详细介绍,希望能够帮助大家更好地理解和运用流程图。
1. 矩形框。
矩形框是流程图中最常见的形状之一,通常用来表示流程中的具体步骤或者操作。
每个矩形框内部通常包含着一个动作或者操作的描述,例如“输入数据”、“处理数据”、“输出结果”等。
矩形框的边框通常是黑色,可以使用不同的填充颜色来表示不同的功能模块或者部门。
2. 圆角矩形框。
圆角矩形框通常用来表示流程图中的起始或者结束节点。
在流程图中,起始节点表示流程的开始,而结束节点则表示流程的结束。
圆角矩形框通常使用绿色或者红色填充,以便于区分起始节点和结束节点。
3. 菱形框。
菱形框通常用来表示流程图中的判断或者决策点。
在流程图中,当需要进行判断或者做出决策时,就可以使用菱形框来表示。
菱形框内部通常包含着一个判断条件,例如“是/否”、“是/否/其他”等。
根据判断条件的结果,流程会分别向不同的方向发展。
4. 圆形框。
圆形框通常用来表示流程图中的连接点或者交互点。
在复杂的流程图中,可能会存在多个流程之间的交互或者连接,这时就可以使用圆形框来表示。
圆形框通常使用蓝色填充,以便于区分于其他形状。
5. 箭头。
箭头是流程图中连接各个形状的重要工具,它表示了流程的方向和流向。
在流程图中,箭头通常从一个形状指向另一个形状,表示了流程的流向和关联关系。
箭头的样式和方向可以根据实际需要进行调整,以便于清晰地表达流程的逻辑关系。
综上所述,流程图中的各种形状都具有特定的含义和用途,正确理解和使用这些形状对于绘制清晰、准确的流程图至关重要。
希望本文所介绍的内容能够帮助大家更好地理解和应用流程图中各个形状的意思,从而提高流程图的表达和传达效果。
