流程图的各个图标详解

2023年11月27日发(作者：)

流程图的各个图标详解

1、各司其职的形状

在我的流程图中，适用于不同目的和功能的形状都有各自确定的规范。到目前为止，我一共定义了以下一些形状：

（1）开始和结束

作为整张流程图的头和尾，必须标清楚到底具体指哪个页面，以免日后出现歧义。

（2）网页

如你所见，网页的形状是一个带有漂亮的淡蓝色过渡效果的长方形，它的边框为深蓝色，中间写明了这个网页的用

途，括号中的数字代表这个形状所对应的demo文件的名称（比如这里是），我有时会把流程图输出为网页的形

式，并把每个网页形状和它所对应的demo文件链接起来，这样查看起来非常方便。对OmniGraffle来说这是小菜一碟，

如果你被迫用Visio，嗯……

另外，所有从形状出来的线条，都具有和此形状边框一样的颜色。这样的做法不仅看起来漂亮，在复杂的流程图中

还能轻易地标明各形状的关系。我没有见过类似的做法，所以这是由我首创也说不定，呵。

（3）后台判断

很常见的一个形状。我在用法上有一点和其他人的不同在于，我几乎总是让„是‟的分支往下流动，让„否‟的分支向右

流动。因为流程图一般都是从上向下、从左到右绘制的，遵循上述规则一方面可以让绘制者不用为选择方向操心，另一

方面也方便了读者阅读。

（4）表单错误页

既然有表单，当然会有错误信息。其实这个信息很重要，用户出错时惶恐不安，就靠着错误提示来解决问题了。你

不在流程图里说什么时候显示错误页、不在demo里提供错误页，有些程序员会直接在网页上写个“错误，请检查”，所

以UI设计师一定要对这个东西重视起来。

但一般来说也没必要把每种错误都在流程图中表示出来，因为含有两个文本框的表单就有三种出错情况了，多了就

更不用说了。所以我都是把错误页变为表单的附属页，比如表单页的编号为2，那么此表单错误页的编号就从2.1开始

排下去，每种错误放到一个附属页中，这样程序员在拿到demo时也能搞清楚什么意思。

结合网页和表单的形状，一个表单验证的流程图就是这样的：

（5）后台动作

并非所有后台动作都绘入流程图中（否则流程图就会变成庞然大物了），只有需要特别强调的后台动作（和用户体

验直接相关的）才使用此形状。

（6）多重分支

多重分支指的是几种并列的情况，每种情况都有发生的可能，发生哪种取决于分支起始处的判断结果。

（7）对话框

有时候一些操作可以利用对话框来完成， 这些对话框由js生成，显示在父界面之上。

（8）注释

这个形状（比如页面）详细的内容，或者需要解释的业务逻辑，甚至用户此处的情况等，我都会放到注释中，这样

既降低沟通成本，又可作为备忘。

（9）跳转点

在一个复杂的流程图中，往往出现跳转到另外一个远处结点的情况，此时如果直接用线连过去，未免使得流程图显

得凌乱，用一个跳转点就解决问题了。在点内标明跳转到的形状的编号，画起来容易，看起来也清楚。

此外，也可以利用跳转点来分割篇幅巨大的流程图，Yahoo!就这么用。

（10）子流程

分割篇幅巨大的流程图，更好的办法是用子流程。

要注意的是，如果你在流程图中使用了子流程这一形状，一定记得同时附上子流程图，以消除影响项目质量的不确

定性因素。另外，在子流程图中也可以标明其所属关系。

（11）流程块

可以用流程块将整张流程图分隔为几个部分，并为每个部分单独命名（比如“流程块1”等）。这样做的目的在于从视

觉上使复杂的流程图变得更为清晰，在沟通时也方便。

2、图例和流程图信息

在团队合作中，图例是必须的，否则没人知道你画出来的东西到底是什么。即使流程图只给自己看，也最好养成标

注图例的好习惯。其实这道理有点类似程序中的注释。

流程图信息也是必备的。其内容至少应包括作者、时间、流程图名称和版本（如下图）。这一方面可以让读者（其

他同事）在有问题时能够方便地找到作者你，也起到了meta的作用。

3、绘制流程图的工具

Mac下首选OmniGraffle，Windows下除了Visio，似乎没有更好的选择（虽然Visio已经很难用了）。

4、评价流程图的好坏

我觉得一个好的流程图至少应做到以下几点：

密切地迎合了用户的心理状态、如实的反映了用户的操作习惯。流程图是要指导UI设计的，是UI设计的参照物，

如果流程图本身无法正确描绘出用户的情况的话，UI十有八九会出问题；

覆盖了各种可能的情况和细节。这非常重要。任何在先期不确定的因素，都会在项目中成为随时引爆的地雷，都会直接

降低最终上线的UI质量。此种情况真是屡见不鲜。但同时这条又很难做到，因为它不仅要求设计师熟悉用户，也要设

计师充分知晓产品的商业逻辑，还要了解系统的运作机制，落下以上任何一个方面，都会在流程图中留下死角。这个问

题我不知道有没有更好的解决方案，不过与PD和系分反复沟通是个行之有效的方法；

考虑到系统的设计和承受能力。系统的运作机制和承受能力必须在绘制流程图过程中考虑进去，以免出现流程图被开发

人员枪毙的情况。我的习惯是，在绘制流程图时和系统分析师频繁沟通和交流，确保每一个环节都是可行的；

确保别人看得懂你的流程图。别人现在看不懂，你自己以后也一样看不懂。为了降低沟通成本，把流程图画清楚吧。

下面是赠送的团队管理名言学习，

不需要的朋友可以编辑删除谢谢

1、沟通是管理的浓缩。

2、管理被人们称之为是一门综合艺术--“综合”是因为管理涉及基本原理、自

我认知、智慧和领导力；“艺术”是因为管理是实践和应用。

3、管理得好的工厂，总是单调乏味，没有任何激动人心的事件发生。

4、管理工作中最重要的是：人正确的事，而不是正确的做事。

5、管理就是沟通、沟通再沟通。

6、管理就是界定企业的使命，并激励和组织人力资源去实现这个使命。界

定使命是企业家的任务，而激励与组织人力资源是领导力的范畴，二者的结合就是

管理。7、管理是一种实践，其本质不在于“知”而在于“行”；其验证不在于逻辑，

而在于成果；其唯一权威就是成就。

8、管理者的最基本能力：有效沟通。

9、合作是一切团队繁荣的根本。

10、将合适的人请上车，不合适的人请下车。

11、领导不是某个人坐在马上指挥他的部队，而是通过别人的成功来获得自

己的成功。

12、企业的成功靠团队，而不是靠个人。

13、企业管理过去是沟通，现在是沟通，未来还是沟通。

14、赏善而不罚恶，则乱。罚恶而不赏善，亦乱。

15、赏识导致成功，抱怨导致失败。16、世界上没有两个人是完全相同的，

但是我们期待每个人工作时，都拥有许多相同的特质。 17、首先是管好自己，对

自己言行的管理，对自己形象的管理，然后再去影响别人，用言行带动别人。18、

首先要说的是，CEO要承担责任，而不是“权力”。你不能用工作所具有的权力来

界定工作，而只能用你对这项工作所产生的结果来界定。CEO要对组织的使命和行

动以及价值观和结果负责。

19、团队精神是从生活和教育中不断地培养规范出来的。研究发现，从小没

有培养好团队精神，长大以后即使天天培训，效果并不是很理想。因为人的思想是

从小造就的，小时候如果没有注意到，长大以后再重新培养团队精神其实是很困难

的。

20、团队精神要从经理人自身做起，经理人更要带头遵守企业规定，让技术

及素质较高的指导较差的，以团队的荣誉就是个人的骄傲启能启智，互利共生，互

惠成长，不断地逐渐培养员工的团队意识和集体观念。

21、一家企业如果真的像一个团队，从领导开始就要严格地遵守这家企业的

规章。整家企业如果是个团队，整个国家如果是个团队，那么自己的领导要身先士

卒带头做好，自己先树立起这种规章的威严，再要求下面的人去遵守这种规章，这

个才叫做团队。

22、已所不欲，勿施于人。

23、卓有成效的管理者善于用人之长。

24、做企业没有奇迹而言的，凡是创造奇迹的，一定会被超过。企业不能跳

26、不善于倾听不同的声音，是管理者最大的疏忽。

关于教师节的名人名言|教师节名人名言

1、一个人在学校里表面上的成绩，以及较高的名次，都是靠不住的，唯一

的要点是你对于你所学的是否心里真正觉得很喜欢，是否真有浓厚的兴趣……--邹韬

奋

2、教师是蜡烛，燃烧了自己，照亮了别人。--佚名

3、使学生对教师尊敬的惟一源泉在于教师的德和才。--爱因斯坦

4、三人行必有我师焉；择其善者而从之，其不善者而改之。--孔子

5、在我们的教育中，往往只是为着实用和实际的目的，过分强调单纯智育

的态度，已经直接导致对伦理教育的损害。--爱因斯坦

6、举世不师，故道益离。--柳宗元

7、古之学者必严其师，师严然后道尊。--欧阳修

8、教师要以父母般的感情对待学生。--昆体良

9、机会对于不能利用它的人又有什么用呢？正如风只对于能利用它的人才

是动力。--西蒙

10、一日为师，终身为父。--关汉卿

11、要尊重儿童，不要急于对他作出或好或坏的评判。--卢梭

12、捧着一颗心来，不带半根草去。--陶行知

13、君子藏器于身，待时而动。--佚名

14、教师不仅是知识的传播者，而且是模范。--布鲁纳

15、教师是人类灵魂的工程师。--斯大林

16、学者必求师，从师不可不谨也。--程颐

17、假定美德既知识，那么无可怀疑美德是由教育而来的。--苏格拉底

18、好花盛开，就该尽先摘，慎莫待美景难再，否则一瞬间，它就要凋零萎

谢，落在尘埃。--莎士比亚

19、养体开智以外，又以德育为重。--康有为

20、无贵无贱，无长无少，道之所存，师之所存也。--韩愈

21、谁若是有一刹那的胆怯，也许就放走了幸运在这一刹那间对他伸出来的

香饵。--大仲马

22、学贵得师，亦贵得友。--唐甄

23、故欲改革国家，必先改革个人；如何改革个人？唯一方法，厥为教育。

--张伯苓

24、为学莫重于尊师。--谭嗣同

25、愚蠢的行动，能使人陷于贫困；投合时机的行动，却能令人致富。--克

拉克

26、凡是教师缺乏爱的地方，无论品格还是智慧都不能充分地或自由地发展。

--罗素

27、不愿向小孩学习的人，不配做小孩的先生。--陶行知

28、少年进步则国进步。--梁启超

29、弱者坐失良机，强者制造时机，没有时机，这是弱者最好的供词。--佚

名

有关刻苦学习的格言

1、讷讷寡言者未必愚，喋喋利口者未必智。

2、勤奋不是嘴上说说而已，而是要实际行动。

3、灵感不过是“顽强的劳动而获得的奖赏”。

4、天才就是百分之九十九的汗水加百分之一的灵感。

5、勤奋和智慧是双胞胎，懒惰和愚蠢是亲兄弟。

6、学问渊博的人，懂了还要问；学问浅薄的人，不懂也不问。

7、人生在勤，不索何获。

8、学问勤中得。学然后知不足。

9、勤奋者废寝忘食，懒惰人总没有时间。

10、勤奋的人是时间的主人，懒惰的人是时间的奴隶。

11、山不厌高，水不厌深。骄傲是跌跤的前奏。

12、艺术的大道上荆棘丛生，这也是好事，常人望而却步，只有意志坚强的

人例外。

13、成功＝艰苦劳动＋正确方法＋少说空话。

14、骄傲来自浅薄，狂妄出于无知。骄傲是失败的开头，自满是智慧的尽头。

15、不听指点，多绕弯弯。不懂装懂，永世饭桶。

16、言过其实，终无大用。知识愈浅，自信愈深。

17、智慧源于勤奋，伟大出自平凡。

18、你想成为幸福的人吗？但愿你首先学会吃得起苦。

19、自古以来学有建树的人，都离不开一个“苦”字。

20、天才绝不应鄙视勤奋。

21、试试并非受罪，问问并不吃亏。善于发问的人，知识丰富。

22、智者千虑，必有一失；愚者千虑，必有一得。

23、不要心平气和，不要容你自己昏睡！趁你还年轻，强壮、灵活，要永不

疲倦地做好事。

24、说大话的人像爆竹，响一声就完了。鉴难明，始能照物；衡唯平，始能

权物。

25、贵有恒何必三更眠五更起，最无益只怕一日曝十日寒。

26、刀钝石上磨，人笨人前学。以人为师能进步。

27、宽阔的河平静，博学的人谦虚。秀才不怕衣衫破，就怕肚子没有货。