流程图制作方法

如何做流程图

流程图在各单位应用比较广泛，但大多是手工制作或利用割字机割出字后，按草图粘贴而成，这样，势必就要求人制作。

其实，利用手中常用的电脑软件，不求任何人就可以制作并打印出精美绝伦的流程图。不信？那就跟我来做一做，看是不是很简单很美妙。

流程图的制作利用word中的[绘图]→[自选图形]→[流程图]里面的各种图形，制作起来比较容易，只是要具备一定的耐心，尤其是那种复杂而庞大的流程图。当然，它也和任何事物一样，有其规律和技巧可寻。

掌握了这些规律和技巧就可以变繁为简， *** 作起来得心应手，事半功倍。制作过程中应把握以下三大规律：1. 先难后易 流程图一般最下面的部分比较复杂，做起来困难一些，那就先从它着手，这样，整个图的框架搭起来了，剩下的就非常容易了。

2. 先框后线 先设置框型图形，待整个图的框架定位后，再进行连线，这样减少了调整的工作量。3. 先图后文 先将所有的图形及其格式设置好，定位之后再输入文字。

当然，标题最好一开始就输入，否则，留到后面是麻烦。技巧提示：掌握了上面的制作规律，还得充分利用下面的一些技巧。

1. 使用网格和标尺，便于准确快捷地定位。2. 制作图形和线条时，利用图形复制快捷键[crtl+d]进行复制，既快捷又使图形和线条大小形状一致。

3. 利用格式刷使所有图形格式保持一致。4. 调整图形和线条时，利用[ctrl+方向键]，可以精确定位。

图1 完成的流程图5. 如果同一行内方框很多，内容复杂，而且格式又相似，可以利用表格插入来完成，既方便快捷，又美观大方。图1中，最下面的一排就是插入一行表格后制成的，方框之间不相连接处用工具栏上橡皮擦去上下横线即可；文字输入时，按鼠标右键，调整文字方向为纵向。

怎么样，流程图已经制作出来了吧？是不是很简单？流程图的打印如何打印？你可能要说了，单位里只有激光或喷墨打印机，最大可打a3或a4幅面，而头儿要的是几倍于它的大型图幅，要挂上墙的。没问题，利用图像处理软件中的“海报打印”不就解决问题了？你可能会说：“是photoshop吗？那可是专业级的东东，我不会”。

是的，photoshop太专业了，复杂的 *** 作程序令人头大。其实，我们手里早就有了连菜鸟都会 *** 作，其作品也还专业的好工具，这就是全中文界面的“我形我速4”。

首先，我们需要将刚刚制作好的流程图转换成图像文件。方法一：1. 选中word中的流程图，按下[ctrl+c]键，将其复制到剪贴板，保存并关闭word文档；2. 接着再打开word空文档，单击[编辑]→[选择性粘贴]→[图片（增强型图元文件）]；3. 再次选中刚粘贴过来的图像，并按下[ctrl+c]快捷键；4. 打开“我形我速”，新建相片，设置好页面大小和页面方向（最好是横向）以及分辨率，单击菜单栏上的[编辑]→[粘贴]，流程图就乖乖地来到了“我形我速”的工作区。

5. 单击工具栏上的[编辑]→[调整]→[旋转和调整大小]，按住[shift]键，将图像调整到新建相片大小，单击鼠标右键，点击“全部合并”项，使之与新建相片合并。方法二：1. 流程图制作后，随即按下万能抓图快捷键[alt+printscreen]，将屏幕图抓取存入剪贴板，保存并关闭word文档；2. 打开“我形我速”的[文件]→[新建]→[新建相片]，调整页面大小，并设置为横向，然后按下[确定]键；3. 单击菜单栏上的[编辑]→[粘贴]，所抓图像进入工作区；4. 调整与合并， *** 作过程同方法一中的第五步；5. 单击工具栏上选定[范围]→[形状]，在左侧选项区中，选取模式下拉框中选定“创建新的选定范围”；形状下面单击矩形框（最左边）；鼠标在工作区中选取流程图，此时流程图四周被虚线包围（如图2），点击[下一步]“以当前选定范围修剪”，此时，word界面将被去掉，剩下一张纯正的流程图。

图2 裁切流程图如果用彩色打印机输出，可以通过工具栏上[编辑]→[效果进行染色处理]（如图3），还可单击工具栏上的[编辑]→[调整]，改变其焦距、照明、色彩平衡等。单击工具栏上的[打印]→[海报]命令，在界面的左侧选项区，指定要使用的打印机名称，纸张大小（应选打印机最大输出幅面），布局（横向），根据流程图实际尺寸设置百分比，从而决定图像将被打印到多少页纸张上（如图3，百分比设为350，图像被分割成16张a 4纸张）。

图3 打印设置好了，一切准备工作已经就绪，现在我们按下左下角的[打印]按钮，等着你的成果吧。如果在输出过程中发现部分图像的输出效果不理想，需要重新来过，或者有无需打印的空白页面（单色输出时），可以在工作区中不希望输出的页面上单击鼠标，所选择的区域被网格状线条覆盖而不被打印。

要重新显示图像，只需在网格上再次单击鼠标即可。打印完了吗？赶快拼接起来，你所追求的大型流程图就这样诞生了，是不是很酷？当你的头儿夸你的时候可别忘了布哼哟！。

过程流程图的步骤

分析：利用过程流程图来说明产品（服务）形成全过程，为了说明过程所有可能的波动偏差，应把所有人力资源、文件、程序方法、设备和测量仪器等都包括在过程的说明中。

过程流程图应使用标准或公认的图形符号（或语言）及结构来绘制过程流程图。常用的绘制流程图的符号如下： 椭圆符号表示终端。

它表示一个过程的开始（输入）或结束（输出），“开始”或“结束”写在符号内； 矩形符号表示活动。它表示在过程中一个单独的步序，活动的简要说明写在矩形内； 菱形符号表示判断。

它表示过程中的一项判定或一个[1] 分岔点，判定或分岔的说明写在菱形内，以问题的形式出现；对该问题的回答判定了在判定符号之外引出的路线；每条路线标上相应的回答； 流线符号表示进展。 它表示过程的流程方向（流线箭头指向）； 文件符号表示信息。

它表示过程的书面信息、文件的题目和说明写在符号内； 数据库符号也表示信息。它表示过程的电子储存信息、数据库的名称和说明写在符号内； 圆圈符号表示延续。

它表示在相互联系的流程图内，圈内使用同样的字母或数字，以表示各个过程间是如何连接的。 整车销售业务过程流程图。

步骤： 1、检查每个判定符号 这是一种检查活动吗？ 这是一种全面检查吗？还是仅检查几类故障？ 这是不是冗余的检查？ 2、调查每个循环 如果没有故障，是否需做这些活动？ 循环有多少“长” （步骤，时间损失，资源损失）？ 这个循环能防止问题发生或再发生吗？ 3、分析每项活动符号 是冗长的活动吗？ 活动的成本/效益如何？ 在该项活动中，我们如何防错？ 4、研究每个文件或数据符号 是否必要？ 如何保持其更新？ 是否只有唯一的信息来源？ 我们能够如何利用这一信息，监视并改进该过程？ 实际案例： 。

如何制做流程图

Word

在“绘图”工具栏 （工具栏：工具栏中包含可执行命令的按钮和选项。若要显示工具栏，请单击“工具”菜单中的 “自定义”，然后单击 “工具栏”选项卡。）上，单击“自选图形”，指向“流程图”，再单击所需的形状。

单击要绘制流程图的位置。

若要向流程图中添加额外的形状，请重复步骤 1 和步骤 2，再按所需的顺序对其进行排列。

在各形状间添加连接符。

在“绘图”工具栏上，单击“自选图形”，指向“连接符”，再单击所需的连接符线。

指向要锁定连接符的位置。

当指针滑过形状时，连接位置将显示为蓝色圆形。

单击要连接的第一个点，指向另一个形状，再单击第二个连接点。

锁定连接符将使形状保持连接，即便是在移动它们的时候。

向形状添加文字。

用鼠标右键单击形状，单击“添加文字”并开始键入。

注释 不能向线段或连接符上添加文字，使用文本框 （文本框：一种可移动、可调大小的文字或图形容器。使用文本框，可以在一页上放置数个文字块，或使文字按与文档中其他文字不同的方向排列。）可在这些绘图对象附近或上方放置文字。

为连接符更改线型或添加颜色。

选取要更改的线条或连接符。

执行下列 *** 作之一：

更改线条或连接符的颜色

在“绘图”工具栏上，单击“线条颜色” 旁的箭头。

执行下列 *** 作之一：

若要更改为默认颜色，请单击“自动”。

若要更改为其他颜色，请单击“自动”之下的一种颜色。

更改线条或连接符的线型

在“绘图”工具栏上，单击“线型”。

单击所需的线型；或者单击“其他线条”，再单击一种线型。

为形状添加颜色或填充。

流程图是？

流程图：使用图形表示算法的思路是一种极好的方法，因为千言万语不如一张图。

流程图在汇编语言和早期的BASIC语言环境中得到应用.相关的还有一种PAD图，对PASCAL或C语言都极适用。流程图是流经一个系统的信息流、观点流或部件流的图形代表。

在企业中，流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。

例如，一张流程图能够成为解释某个零件的制造工序，甚至组织决策制定程序的方式之一。这些过程的各个阶段均用图形块表示，不同图形块之间以箭头相连，代表它们在系统内的流动方向。

下一步何去何从，要取决于上一步的结果，典型做法是用“是”或“否”的逻辑分支加以判断。 流程图是揭示和掌握封闭系统运动状况的有效方式。

作为诊断工具，它能够辅助决策制定，让管理者清楚地知道，问题可能出在什么地方，从而确定出可供选择的行动方案。为便于识别，绘制流程图的习惯做法是： 一般用椭圆表示“开始”与“结束”。

行动方案普通工作环节用矩形表示 （例如输入输出） 问题判断或判定（审核/审批/评审）环节用菱形表示 箭头代表工作流方向 流程图实例图 输入输出为平行四边形打算的。

请问WORD文档中怎么做流程图,就是那种带箭头和框框的,谢谢了 -

WORD文档中做流程图，可在插入图形中选择流程图框件和箭头完成流程图的制作。

方法步骤如下：

1、打开需要 *** 作的WORD文档，在工具栏“插入”中找到并点击“形状”。

2、在d出的选项中选择流程图框图和线条进行流程图制作。

3、在框图上点击鼠标右键，选择“添加文字”可为框图添加文字。

4、返回主文档发现流程图制作完成。

WORD文档中怎么做流程图,就是那种带

第1步，打开Word文档窗口，切换到“功能区”。在“插图”分组中单击“形状”按钮，并在打开的菜单中选择“新建绘图画布”命令。 选择“新建绘图画布”命令

小提示：也可以不使用画布，而只直接在Word文档页面中直接插入形状。

第2步，选中绘图画布，在“插入”功能区的“插图”分组中单击“形状”按钮，并在“流程图”类型中选择插入合适的流程图。例如选择“流程图：过程”和“流程图：决策”，选择插入流程图形状

第3步，在Word“插入”功能区的“插图”分组中单击“形状”按钮，并在“线条”类型中选择合适的连接符，例如选择“箭头”和“肘形箭头连接符”，选择连接符

第4步，将鼠标指针指向第一个流程图图形（不必选中），则该图形四周将出现4个蓝色的连接点。鼠标指针指向其中一个连接点，然后按下鼠标左键拖动至第二个流程图图形，则第二个流程图图形也将出现蓝色的连接点。定位到其中一个连接点并释放左键，则完成两个流程图图形的连接

第5步，重复步骤3和步骤4连接其他流程图图形，成功连接的连接符两端将显示红色的圆点，

第6步，根据实际需要在流程图图形中添加文字，完成流程图的制作。

相信不少人都看过网上各种酷炫的动态交互原型，笔者也是很欣赏的，以前也学着用flash和AE做过类似的高逼格动态原型，但是个人感觉在实际项目中，动态原型图的性价比并不高。动态高保真原型，更适合用于公开展示，需要有对原型相当了解的人来讲解。而我下面要说的这种全流程交互图，在需求评审，方案传递时更为实用，视觉设计师，程序员只要看图，就能快速理解产品功能，比起文字型文档，交互流程图极大降低理解成本，提高沟通效率，制作成起来也比较快速。

下面是笔者以前画的交互流程图，用的工具是Photoshop，比较注重细节。现在由于时间问题，多用axure，无法像Photoshop 那样扣细节了，也没办法画斜线，但好处是快，导出动态demo比较方便。我个人还是比较推荐用Axure的。

接下来进入正题，说说画出易懂，美观的交互流程图的5个技巧

一、完整的主干闭环+可能出现异常反馈

1、确定一个目标，例如：新用户注册，从第一步开始，按用户页面跳转顺序摆放界面。

2、针对新用户注册这个功能，完整的功能交互流程图，必须包含：新用户开启APP，触发注册，注册流程，完成注册，进入游戏这几个关键步骤的完整闭环。

3、在关键步骤的主干闭环之外，需要将所有的异常提示展示出来，如：手机号无效，手机号已注册，网络超时等主干流程中可能遇到的异常提示，以及对应处理反馈。

二、按钮点击效果+页面跳转逻辑

1、主干流程的按钮，均要描述点击后的处理，以及可能出现的异常反馈。

2、触发页面跳转后，需要用箭头标注跳转逻辑，两条流程线之间，尽量不要有十字交叠。

三、标题和注解

1、交互流程图中，主要包含四类注解：模块标题、界面标题、界面注解、流程箭头注解。

2、模块标题：一般是主干流程的功能名称，如新用户注册流程、充值流程等。

3、界面标题：即每个界面的名称，如启动页、登录页等，可展示在每个界面上方，并附带编号。

4、界面注解：是交互图中最重要的文字内容，一般展示在对应界面下方，可包含页面动态描述，页面异常情况描述，页面简要逻辑描述等。

5、流程箭头注解：一般是展示在箭头线上的，对于页面跳转的描述，如：点击注册跳转。

四、视觉相关要素

1、视觉焦点：一个界面，尽量只展示一个重点信息，并且使其成为视觉焦点，从面积，放置位置，颜色，字号等元素，都做强化，其他非焦点信息，则弱化。

2、图像：在交互图中，每个模块尽可能用块状底色区分，避免使用过多线框，否则容易使交互图变得复杂，加重视觉负担。

3、配色：建议交互图中，使用一种基准色，如蓝色或灰色，叠放层级靠后的模块，用深蓝色，靠前的模块，用浅蓝色。同时，按钮可单独使用一种颜色，如绿色。部分需重点突出的元素可用提醒色，如橘色。箭头可用半透明的黄色等。

4、摆放：所有界面上下对齐，间隔一致，保证工整的视觉效果。

再附上一张关于手势 *** 作的描述图，每个 *** 作细节都要清楚描述

附录：如何提升互联网产品体验：

1、把用户假设成一个聪明但是很忙的人，不要指望让用户记住任何 *** 作流程，而是随时提供清晰的指引和尽可能自由的页面跳转入口。

2、用户的高频 *** 作，应尽量减少 *** 作步骤，而低频 *** 作，则无需刻意关注步骤数，更应该关注的是每一步的 *** 作难度和界面信息是否易于理解。应尽量降低选择难度，别让用户花时间去理解。

3、一个页面只突出一个重点，用大小，颜色，形状来做分类，让用户一眼可分辨到重要信息。

4、扁平化和渐进披露相结合，视场景而定，而不是机械地执行扁平化。流程扁平化的好处是，可以让用户提前感知流程，页面跳转的成本也比较低，但是比较考验对页面信息的整合处理，渐进披露是预先把次要信息隐藏，当用户触发了对应 *** 作，进入对应流程，才给出相应反馈或指引，好处是让用户更专注，减少理解成本。

5、页面一致性也是这个道理，就我理解，一致性的是为了让用户形成习惯，进而减少理解成本。比如，确定 *** 作永远在右侧，选中状态永远高亮，红色代表严重警告等等。当用户已经形成统一认知，则会大大降低每一次 *** 作的理解成本。但有时候设计师会过于信仰一致性，导致失去个性，我建议在不影响习惯的前提下，可适时打破所谓一致性的束缚，让设计更加出彩。

6、让用户有反悔机会。误 *** 作后，可恢复，且重要 *** 作需二次确认，并强化感知严重性。

7、避免依赖文字说明，多用图形化的方式让用户直接感知，而不是通过理解文字来感知。且文案使用的格式、主语建议统一，这有助于营造整体调性。另外一点，即按钮文案的使用，建议明确告诉用户该页面的目的和功能，同时引导行为，而不是陈述性文案。用动词+宾语的格式来引导用户 *** 作，如：“去购买”比“商城”更清楚，“去玩牌”比“游戏”更清楚。

8、需同时考虑多平台的用户 *** 作习惯，如ios系统上的应用，页面需提供返回按钮，而安卓上的应用，按钮应避免过于靠近手机底部 *** 作栏，以防误 *** 作。

---