范文一：[教学研究]怎么在word里画流程图

怎么在word里画流程图

浏览次数:次悬赏分:解决时间:提问者:27915 | 2011-4-2 18:02 | 14_o

最佳答案

朋友，word只是office 办公软件中的一部分，还有一个叫visio也是office办公

软件中的一个东东，你可以下下来试下，很容易，用它画流程图很快的。希望对

你有帮助

, 2010-6-16在Word里画流程图,文字跟外框能否同时缩小, , 2010-5-26在word里画流程图时如何在线段上添加文字，不要用文本框的, 14

, 2008-11-7想在word里画流程图，很难画，有什么别的工具 5 , 2009-7-14word2007里画完流程图后怎样全选再组合, 9 , 2009-8-12word里怎么画流程图曲线 2

更多关于word 流程图的问题>>

等待您来回答

回答, 0龙井茶梅怎么吃

回答, 020诺基亚5230下载UC浏览器后 打开浏览器手机会闪屏是什么问题啊 刚买的...

回答, 2我好想喝正宗的龙井茶cell

回答, 0请问诺基亚E71怎么下不了页面主题呀,还有好些手机软件都下不来,

回答, 0喝着龙井，看这妹 ，妹 说茶有罪 ~~~~下句怎么接的 更经典

回答, 05你说的这个去掉诺基亚6210s 桌面上 我的共享和搜索 的方法，我怎么用X...

回答, 110从龙井问茶到宋城远吗,如果打车的话多少钱,cell

回答, 05诺基亚5610保密码忘了，手机序列号:359000013561466有谁能帮帮忙吗,...

更多等待您来回答的问题>>

共条 1 其他回答

如何用Word制作流程图

在日常的很多实际任务中，我们可能需要表达某个工作的过程或流程。有些工作

的过程比较复杂，如果你仅仅用文字表达，通常是很难描述清楚的。与此同时，

听者也难于搞懂，在这种情况下，最好的方式就是绘制工作流程图，图形的直观

性会让双方都大大获益。

为了便于更多的朋友轻松地制作工作流程图，下面我们介绍利用Word制作漂亮工作流程图的方法。

任务要求:这里我们还是以制作毕业论文写作流程图为例，该工作流程图表达的是数理信息学院毕业生毕业论文的制作过程。

步骤一:页面和段落的设置

步骤二:制作流程图的标题

步骤三:绘制流程图框架

步骤四:流程图的对齐与修饰

步骤五:添加连接箭头

步骤六:添加折线连接符和说明性文字

为了让朋友们对制作目标有个大概的了解，下面先来看一下完成后的效果图(图 1)。

为了提高工作流程图的制作效率，在具体制作之前应该先在头脑中构思一下流程图的大概效果，最好能够在稿纸上把效果图画出来，这往往比边想边做要快很多。

在纸上画好草图之后，我们就可以打开Word 2003进行具体的制作了，本例的操作是在Word 2003中进行的，使用Word其它版本的朋友可以参照进行。

步骤一: 页面和段落的设置

为了流程图有较大的绘制空间，我们先来设置一下页面。

1( 启动Word 2003，打开一个空白文档，并切换到页面视图。选择菜单“文件?页面设置”命令，打开“页面设置”对话框，在“页边距”选项卡中，设置上下边距为“1厘米”，左右边距为“2厘米”(图 2)，完成后单击“确定”按钮。

2( 由于后面要在自选图形中输入文字，为了让输入的文字在垂直方向上看起来居中，这里顺便设置一下段前距。选择菜单“格式?段落”命令，打开“段落”对话框，在“缩进和间距”选项卡中设置段前间距为“1行”，完成后单击“确定”(图 3)。

步骤二:制作流程图的标题

基本工作环境设置好之后就开始制作流程图的标题。大家看到的最终效果中的标题是放在一个矩形自选图形中的，下面开始制作。

1( 在窗口Word窗口底部的自选图形工具栏中选择“矩形”按钮(图 4)。

2( 这时可以在页面中看到“在此创建图形”的画布，接着拖动鼠标，在该画布中绘制矩形，让矩形的宽度与画布相同，高度可参照最终效果图，约3厘米。

3( 画好后调整画布的高度，使之与矩形的高度相同(图 5)。

4( 接下来选中插入的矩形，单击鼠标右键，在弹出的菜单中选择“设置自选图形格式”命令，打开“设置自选图形格式”对话框，在“颜色与线条”选项卡中，先设置线条颜色为“无线条颜色”，接着单击“填充”区“颜色”下拉箭头，选择“其它颜色”命令，打开“颜色”对话框，参照下图设置填充颜色(图 6)，完成后依次单击两次“确定”。

5( 接下来在矩形框中插入艺术字标题。选中矩形框，单击鼠标右键，在弹出的菜单中选择“添加文字”命令，这时可以看到光标在矩形框内闪动，表示等待添加文字。

6( 选择底部“绘图”工具栏上的“插入艺术字”按钮(图 7)，打开“艺术字库”对话框。选择第二行第二种艺术字，单击“确定”(图 8)。

7( 在打开的“编辑?艺术字?文字”对话框中，按下图输入文字和设置字体格式(图 9),完成后单击“确定”，返回Word编辑窗口，艺术字被加入到矩形框中。

暖 暖

8( 接下来回车换行，输入“毕业论文写作流程图”文字，并将其字体设置为“宋体”、“小二”、“加粗”，对齐方式为“右对齐”，到这里为止标题就制作完成了(图 10)。

暖 暖 步骤三:绘制流程图框架

接下来我们开始绘制流程图的框架。所谓框架就是画出图形、把图形大致布局并在其中输入文字。在这里大家可以体会到，如果已经作好了草图，这里的操作将是比较轻松的，如果在这里边想边画，可能会耽搁很多时间。

1( 单击窗口底部工具栏上的“自选图形”按钮，在弹出的菜单中选择“流程图”，接着选择“流程图”中的“准备”图形(图 11)。

2( 这时，在页面中标题的下方也会出现一个“在此创建图形”的画布，拖动鼠标，在画布的恰当位置画出“准备”图形。

3( 选中“准备”图形，单击鼠标“右键”，在弹出的菜单中选择“添加文字”命令，接着在其中输入文字“开始”。

4( 如果觉得“开始”文字的位置过于靠近底部，则可以适当调整它的段前距为“0.5”行(图 12)。

5( 然后设置其对齐方式为“居中对齐”，完成后的效果如下图(图 13)。

6( 接下来先拖动“画布”右下角控制点，使其扩大面积到页面底部边缘，以便能容纳流程图的其它图形。

7( 用同样的方法，绘制其它图形，并在其中输入相应的文字，完成后效果如下图(图 14)。

步骤四:流程图的对齐与修饰

由于的框架的制作都是手工的，因此在对齐上可能不太准确，下面使用对齐命令精确对齐，同时我们将对图形作一些修饰，让它们有更漂亮的外观。

1( 按住Shift，同时选中左边一列的所有图形，单击窗口底部“绘图”工具栏上的“绘图”按钮，依次选择“对齐或分布?水平居中”命令，将所有选中的图形“水平居中”对齐(图 15)。

2( 同样的，同时选择“正式论文”和“打印上交”图形，执行“对齐或分布?垂直居中”命令，让它们“垂直居中”对齐。

3( 为了文字看起来更醒目，可以设置每个图形内的文字为“粗体”。

4( 接下来为图形设置三维效果。按住Shift键，同时选中所有的图形，单击底部“绘图”工具栏上的“三维效果样式”按钮，在弹出的列表中“三维样式1”(图 16)，可以看到所有的图形被应用了三维效果样式。

5( 在所有图形保持被选中的状态下，再次单击“三维效果样式”按钮，选择“三维设置”命令，打开“三维设置”工具栏，按下图设置其“深度”为“12磅”(图 17)。完成后三维效果的厚度看起来更薄，更自然。

6( 接下来为同种类型的图形设置相同的填充色。比如选中“开始”图形，单击鼠标右键，在弹出的菜单中选择“设置自选图形格式”命令，打开“设置自选图形格式”对话框，在“颜色与线条”选项卡内，按下图设置该图形的填充色(图 18)。

7( 用同样的方法为其它图形设置填充色，让流程图的外观看起来更漂亮。

步骤五:添加连接箭头

下面的工作是为流程图的各个图形之间添加连接箭头。连接箭头可以让阅读者更准确快速地把握工作流程的走向。在绘制箭头之间，为了能够让绘出的箭头完全水平或者垂直，一定要在前面利用“对齐或分布”的“水平对齐”或者“垂直对齐”命令对图形进行过对齐。如果前面没有对齐过，则可以在绘制之间将相应图形“水平对齐”或“垂直对齐”。下面进入添加连接箭头的操作。

1( 选择窗口底部的“自选图形”按钮，在弹出的列表依次选择“连接符?直箭头连接符”(图 19)。

2( 接着在两个需要添加连接符的图形之间拖动鼠标，当鼠标移动到图形对象上时，图形会显示蓝色的连接点，这些点表示可以附加连接符。将鼠标在两个图形的下方连接点和上方连接点之间拖动即可将两个图形连接在一起(图 20)。

3( 用同样的方法为其它图形间添加直箭头连接符。在这个过程中，如果需要对某个图形进行移动，可选中图形后用方向键移动，如果要微移，则按住Ctrl的同时，使用方向键。

步骤六:添加折线连接符和说明性文字

接下来我们要添加三个折线(肘形)连接符。

1( 选择窗口底部的“自选图形”按钮，在弹出的列表依次选择“连接符?肘形箭头连接符”(图 21)。

2( 先在“与指导教师讨论”图形左侧的连接点点一下，接着向左侧拖动鼠标，然后向上再往右，在“毕业论文选题”图形左侧的连接点上点一下即可。完成后可以看到连接线上有一个黄色的小点，利用鼠标拖动这个小点可以调整肘形线的幅度(图 22)。

3( 接下来，在这个小黄点处画一个矩形框，在其中添加文字“未通过”，同时设置该矩形框的线条颜色为“无线条颜色”(图 23)，即不显示边框。

4( 设置完成后效果如下图(图 24)。

5( 其它肘形线和说明文字的添加完全一样，可以仿照操作。

好了，到这里为此我们的工作流程图就制作完成了，你是否得到与文章开头一样的效果图呢,如果没有，千万不要泄气，想想问题出在那里，多想多试肯定能成功。如果已经做到完全一样的效果，则可以发挥一下自己的创造力，尝试做出更好的效果。以后需要制作工作流程图时，我们就可以利用Word，好好展示一下自己的动手能力了

同步器设计

同步器的各部分组同步器的介绍 成

同步器的工作原理 同步器的计算

范文二：怎么画出好看的流程图？流程图怎么画！

怎么画出好看的流程图？流程图怎么画!

流程图可以直观的反映文件流程，它比ppt、表格更加形象和清晰，所以流程图被广泛应用，那么流程图怎么画呢,如何才能画好一份程序的流程图呢,接下来小编就给大家介绍一种绘制流程图的方法。

1.首先，在电脑上下载一个流程图制作软件，浏览器搜索关键词“迅捷流程图制作软件”，进入官网下载安装该软件。

2.运行打开软件，在弹出的对话框中选择“创建新图表”。如果你有图标的话也可以点击“打开现有图表”。

3.点击创建图表后，会弹出一个选项界面，在顶部设置文件名称，点击左侧列表选项中的“流程图”，选择需要制作的流程图样式，点击创建即可。(或者也可以自行搭建流程图样式)

4.制作流程图的样式选择成功，接下来开始在框内编辑流程图的文本信息。以下

是小编示例的如何编辑文本。

5.在流程图的右侧，这里可以进行文本样式的修改，包括字体、颜色、大小、背景等样式都可以在这里设置。

6.点击左侧的各种形状工具，可以在这里制作一个专属你特色的流程图，和别人与众不同又有创意。

7.流程图制作完成，点击“文件”，将文件保存使用。在顶部的菜单栏中还有很

多关于制作流程图的功能，这里小编就不演示了，大家下载软件后自行体验吧。

看完上面的操作根据步骤画流程图，你一定会制作一个独特的流程图，想要画好

流程图仅仅是一款软件的距离，还不赶快行动,

范文三：什么是算法流程图 算法流程图怎么画

什么是算法流程图 算法流程图怎么画

很多人问算法流程图是什么？我想各位应该没有忘记学生时代学数学的时候，就接触过算法流程图，只是那种太简单，流程图较短且只是其中一种。现在网上又出现很多关于算法流程图怎么画的问题，接下来小编就教大家画算法流程图，欢迎各位围观~

1、下载软件。打开百度，搜索关键词进行下载，将其安装到电脑中，接下来就可以开始制作算法流程图啦。

2、运行软件。打开迅捷流程图制作软件，在界面上点击创建新图表。如果之前有图表，需要修改或者编辑，也可以点击打开现有图表。

3、软件设置。进入后更改文件名，这里小编就改为算法流程图了，在旁边选择流程图的图表样式，点击下方开始创建流程图。

4、制作流程图。小编点击的是上一步图表样式中的第一个样式，接下来我们就可以添加需要的内容，对于文本的添加，小编就随意写了两个，演示效果到了就行，对于内容不做要求了啊。

5、图表样式。我们在软件的右侧可以看到，这里可以设置图表的部分属性，包括样式、文本、排列等。，文本的基本属性设置这里都可以实现。给你的流程图来点有特色的设置吧。

6、DIY 图表。对于有想法、脑洞大的用户，可以尝试自己DIY 专属自己的创意流程图。在软件界面的左侧可以设置，这里有很多图形供大家选择，选择这些图形，创建它的下级，添加文本即可。

7、其他功能。除此之外，除了通用列表中有图形使用，还有很多其他的图形，这里小编就不再演示了。同样在顶部的菜单栏上还有很多功能，不过并不常用，所以大家自己去使用吧。

这样一来，算法流程图就制作完成了，该软件绝对高效、快捷、实用地为你制作流程图，相信在以上的步骤中亲身感受到了。小编觉得没有必要去下载一些花哨的、花钱的流程图制作软件。当然，你也可以在评论中留下你的见解，共同讨论，共同进步！

范文四：Word中流程图怎么画

Word中流程图怎么画,

流程图可以给我们清楚的展现出一些复杂的数据，让我们分析或观看起来更加清楚明了。一般在企业、公司、医疗、教学、生产线上等都会派上非常大的作用，一个工场的生产流程，一个公司的运营模式都只需要用一张流程图就可以简单的概括出来，所以制作流程图是办公人员必备的武器之一。如果你现在还不会画流程图，那也没关系，下面Word联盟(www.wordlm.com)就来手把手的教大家用Word制作两种不同的流程图，步骤比较多，希望大家认真阅读

第一种流程图制作

此流程图是最基本的流程图，也是我们平常用到最多的一种。(如下图)

制作步骤开始:

1、单击“绘图”工具栏上的“自选图形”，然后选择“流程图”，这里就可以看到众多制作流程图时所用到的形状了，大家可以选择自己喜欢的的形状;

2、单击要绘制流程图的位置，此时会出现个虚框;(如下图)

3、在绘图画布上插入你选择的图形，然后插入，(如下图);

4、此时，我们再重复上述步骤，插入多种不同的图形，(如下图，我已经插入了很多种不同的图形);

5、接下来，要做什么呢,既然是流程图，自然是要建立各种图形之间的连接了。这里我们使用Word提供的一个非常好用的自选图形——连接符来建立连接。 什么是连接符,你希望使用线条来连接形状并保持它们之间的连接吗,这就是连接符的作用。连接符看起来像线条，但是它将始终与其附加到的形状相连。也就是说，无论你怎样拖动各种形状，只要

它们是以连接符相连的，就会始终连在一起;

在Word提供了三种线型的连接符用于连接对象:直线、肘形线(带角度)和曲线;

选择连接符自选图形后，将鼠标指针移动到对象上时，会在其上显示蓝色连接符位置，这些点表示可以附加连接符线的位置;

6、我们首先用带箭头的肘形线连接符和直线连接符将图形连接到一起，如图;

7、这时发现你需要将最下面的矩形向下挪动一点，因此你拖动了这个矩形。发现了吗,连接符在随着矩形的拖动而有了变化。是的，它始终没有离开矩形;

8、当然，你也可能发现有一条连接符连接错了地方，需要调整一下。该怎么做呢,你需要先解除连接符的锁定。具体操作方法是:

(1)移动连接符的任一端点(对，就是那个红色的端点)，则该端点将解除锁定或从对象中分离;

(2)然后可以将其锁定到同一对象上的其他连接位置;

9、接下来，我们需要在图形中添加文字。用鼠标右键单击形状，单击“添加文字”并开始键入。可以使用文档的排版工具对文字进行居中、字体、颜色等属性修改;

需要注意的是，在Word中不能向线段或连接符上添加文字，但可以使用文本框可在这些绘图对象附近或上方放置文字。下图为流程图的范例。其中的画布颜色、线条的颜色都可以通过绘图工具栏修改;

10、如上面的步骤，我们已经很快的画好了一个流程图。但是，您可能会希望调整一下整个流程图的位置，该如何操作呢,

首先用鼠标选取需要移动的图形组。如图所示的虚框部分，就是鼠标选取的区域;

11、注意到了吗,被选取的图形的所有节点都很清楚地显示了出来;

12、此时，您可以用鼠标移动这个区域。就可以轻松的将整个需要移动的图形组一次性的移动了。需要注意的是，必须确定鼠标为四向箭头时才能拖动;

好了，到这里Word制作基本的流程图就讲完了，接下来再来演示下制作三维流程图的方法;

第二种流程图制作

三维流程图制作，此种流程图看起来比较精美华丽，制作起来也比上面那中要复杂得多。

步骤一: 页面和段落的设置

为了流程图有较大的绘制空间，我们先来设置一下页面。

1、启动Word，打开一个空白文档，并切换到页面视图。选择菜单“文件?页面设置”命令，打开“页面设置”对话框，在“页边距”选项卡中，设置上下边距为“1厘米”，左右边距为“2厘米”，完成后单击“确定”按钮;

2、由于后面要在自选图形中输入文字，为了让输入的文字在垂直方向上看起来居中，

这里顺便设置一下段前距。选择菜单“格式?段落”命令，打开“段落”对话框，在“缩进和间

距”选项卡中设置段前间距为“1行”，完成后单击“确定”;

步骤二:制作流程图的标题

基本工作环境设置好之后就开始制作流程图的标题。大家看到的最终效果中的标题是放在一个矩形自选图形中的，下面开始制作。

1、在窗口Word窗口底部的自选图形工具栏中选择“矩形”按钮;

2、这时可以在页面中看到“在此创建图形”的画布，接着拖动鼠标，在该画布中绘制矩形，让矩形的宽度与画布相同，高度可参照最终效果图，约3厘米;

3、画好后调整画布的高度，使之与矩形的高度相同(图 5);

4、接下来选中插入的矩形，单击鼠右键，在弹出的菜单中选择“设置自选图形格式”命令，打开“设置自选图形格式”对话框，在“颜色与线条”选项卡中，先设置线条颜色为“无线条颜色”，接着单击“填充”区“颜色”下拉箭头，选择“其它颜色”命令，打开“颜色”对话框，参照下图设置填充颜色，完成后依次单击两次“确定”;

5、接下来在矩形框中插入艺术字标题。选中矩形框，单击鼠标右键，在弹出的菜单中选择“添加文字”命令，这时可以看到光标在矩形框内闪动，表示等待添加文字;

6、选择底部“绘图”工具栏上的“插入艺术字”按钮(图 7)，打开“艺术字库”对话框。选择第二行第二种艺术字，单击“确定”;

7、在打开的“编辑?艺术字?文字”对话框中，按下图输入文字和设置字体格式(图 9),完成后单击“确定”，返回Word编辑窗口，艺术字被加入到矩形框中;

8、接下来回车换行，输入“毕业论文写作流程图”文字，并将其字体设置为“宋体”、“小二”、“加粗”，对齐方式为“右对齐”，到这里为止标题就制作完成了;

步骤三:绘制流程图框架

接下来我们开始绘制流程图的框架。所谓框架就是画出图形、把图形大致布局并在其中输入文字。在这里大家可以体会到，如果已经作好了草图，这里的操作将是比较轻松的，如果在这里边想边画，可能会耽搁很多时间。

1、单击窗口底部工具栏上的“自选图形”按钮，在弹出的菜单中选择“流程图”，接着选择“流程图”中的“准备”图形;

2、这时，在页面中标题的下方也会出现一个“在此创建图形”的画布，拖动鼠标，在画布的恰当位置画出“准备”图形;

3、选中“准备”图形，单击鼠标“右键”，在弹出的菜单中选择“添加文字”命令，接着在其中输入文字“开始”;

4、如果觉得“开始”文字的位置过于靠近底部，则可以适当调整它的段前距为“0.5”行;

5、然后设置其对齐方式为“居中对齐”，完成后的效果如下图;

6、接下来先拖动“画布”右下角控制点，使其扩大面积到页面底部边缘，以便能容纳流程图的其它图形;

7、用同样的方法，绘制其它图形，并在其中输入相应的文字，完成后效果如下图;

由于的框架的制作都是手工的，因此在对齐上可能不太准确，下面使用对齐命令精确对

齐，同时我们将对图形作一些修饰，让它们有更漂亮的外观。

1、按住Shift，同时选中左边一列的所有图形，单击窗口底部“绘图”工具栏上的“绘图”

按钮，依次选择“对齐或分布?水平居中”命令，将所有选中的图形“水平居中”对齐;

2、同样的，同时选择“正式论文”和“打印上交”图形，执行“对齐或分布?垂直居中”命令，让它们“垂直居中”对齐;

3、为了文字看起来更醒目，可以设置每个图形内的文字为“粗体”;

4、接下来为图形设置三维效果。按住Shift键，同时选中所有的图形，单击底部“绘图”工具栏上的“三维效果样式”按钮，在弹出的列表中“三维样式1”，可以看到所有的图形被应用了三维效果样式;

5、在所有图形保持被选中的状态下，再次单击“三维效果样式”按钮，选择“三维设置”命令，打开“三维设置”工具栏，按下图设置其“深度”为“12磅”。完成后三维效果的厚度看起来更薄，更自然;

6、接下来为同种类型的图形设置相同的填充色。比如选中“开始”图形，单击鼠标右键，在弹出的菜单中选择“设置自选图形格式”命令，打开“设置自选图形格式”对话框，在“颜色与线条”选项卡内，按下图设置该图形的填充色;

7、用同样的方法为其它图形设置填充色，让流程图的外观看起来更漂亮。

步骤五:添加连接箭头

下面的工作是为流程图的各个图形之间添加连接箭头。连接箭头可以让阅读者更准确快速地把握工作流程的走向。在绘制箭头之间，为了能够让绘出的箭头完全水平或者垂直，一定要在前面利用“对齐或分布”的“水平对齐”或者“垂直对齐”命令对图形进行过对齐。如果前面没有对齐过，则可以在绘制之间将相应图形“水平对齐”或“垂直对齐”。下面进入添加连接箭头的操作。

1、选择窗口底部的“自选图形”按钮，在弹出的列表依次选择“连接符?直箭头连接符”;

2、接着在两个需要添加连接符的图形之间拖动鼠标，当鼠标移动到图形对象上时，图形会显示蓝色的连接点，这些点表示可以附加连接符。将鼠标在两个图形的下方连接点和上方连接点之间拖动即可将两个图形连接在一起;

步骤六:添加折线连接符和说明性文字

接下来我们要添加三个折线(肘形)连接符。

1、选择窗口底部的“自选图形”按钮，在弹出的列表依次选择“连接符?肘形箭头连接符”;

2、先在“与指导教师讨论”图形左侧的连接点点一下，接着向左侧拖动鼠标，然后向上再往右，在“毕业论文选题”图形左侧的连接点上点一下即可。完成后可以看到连接线上有一个黄色的小点，利用鼠标拖动这个小点可以调整肘形线的幅度;

3、接下来，在这个小黄点处画一个矩形框，在其中添加文字“未通过”，同时设置该矩形框的线条颜色为“无线条颜色”，即不显示边框;

4、设置完成后效果如下图;

5、其它肘形线和说明文字的添加完全一样，可以仿照操作。

到这里本章用Word制作流程图就已经全部讲完了，看看你做的，是否和我们做的一样呢,认真的学习制作本次讲解的两个流程图，自己多练习下，相信以后无论是什么样的流程图，都不会难倒你了。虽说现在制作流程图的软件网上一大把，但任何事情还是不要太依赖，多动手，也可以锻炼自己的制作能力。

范文五：交互设计流程图应该怎么画？

一类是表示业务或工作流程的，像这两张图：

业务流更常见于一些办事流程、服务过程，里面有各个不同的单位、人、物品参与其中，它的特征是宽泛，简单。但它不是设计流程图。

2 流程图的基本构成。

从上面几张图可以看到，流程图由特定的图形构成，但具体的样子由图本身的目的和阅读者的阅读习惯（或约定）来决定，所以使用的图形并不是固定的，比如有人用圆形表示开端和结束，有人则用圆角矩形，有人有云团表示其他流程的引用，有人用矩形加文字来表示，形式不重要，达到描述

的效果而阅读者能读懂才是最重要。设计流程图也遵循这个原理。

3 设计流程图。

设计流程图长得并不特别，跟全世界流程图都差不多，也同样是作为一种表达工具存在。区别只在于描述的对象和组成的内容不一样。设计流程图的一大重点是面向表现层，也就是说，描述的是界面（或叫屏幕）的变化，是用户看到的界面的行为流。什么行为呢，界面之间的跳转逻辑，也就是导航逻辑。

导航是信息架构的一部分（教科书把信息架构划分为组织、导航、标签、搜索四个系统），当然是交互设计的重要一环，导航的设计思路就能用流程图表达出来（或者也可以说用流程图来辅助设

计吧），这也是个人觉得设计流程图的最重要运用。看下图：

从图中可以看出构成：

a 界面。

一个矩形代表一个界面，这个流程中用户走过两个界面（登录页和首页），因为表达的是界面的跳转，界面是用户实实在在接触到的媒介，非界面的内容，不要出现。

b 动作。

矩形之间也就是界面之间加上一个触发动作，比如从界面A 点击下一步按钮，到达界面B ，“点击下一步”就是连接这两个界面的关键动作，需要标示出来，上图例子就是“单击提交按钮”。

c 条件。

一个动作之后可能有多种“是/否”的结果，则在矩形之间、动作之后加上一个或多个判断菱形。如上图的检验账号密码是否输入正确。

二、注意什么?

1 坚持表达表现层。

不要一个流程图里面，又有内部算法逻辑，又有界面逻辑，下图标红的矩形就是多余的，这个不关

用户的事情，会扰乱你的导航设计思路：

不要把步骤和界面本身都用矩形表示，比如下图标红的矩形（况且你还不知道用户填写的顺序呢，

我先填密码不行啊）：

2 抛弃系统错误。

什么是系统错误呢，也就是非用户犯的错误，比如登录的时候服务器当了，网络连接错误等导致登录失败。除非你特别想强调系统错误后的提示界面，否则建议不要加进去流程图里面，因为每一

步操作都可能错误，你的流程图会因此变得很庞大。如下图：

3 形式可以很灵活。

a 如果一个界面可以通往多个界面，而你又真要描述出这些跳转，那就一个矩形长出多条线路，对应标示上对应的动作就ok

了。如图：

b 如果几个界面属于同一逻辑，比如实际是一个界面的几个tab ，则可以这样把几个tab

包起来：

c

如果你想把一些警告窗口等临时窗口表达出来，也可以自定义一些图形，比如：

d 更详细一点，如果你想把一个界面的主要内容表达出来，也可以如下图（还可以细分里面的内容

究竟是信息还是下个界面的入口）：

三、没法做到的和延伸的。

这种流程图对交互流程表达也不是万能的，它不适用于同界面的局部交互，比如一些工具类产品，由始至终只有一个界面，像PS 。又比如某些表单的各种提示，提示在同一界面的不同位置按某种规则出现，要表达这种规则只好使用算法流程图，但其实也片面，因为我们不知道用户的输入顺序。 除了导航逻辑，设计师还可以在其他时候使用流程图，比如做服务设计描述服务蓝图的时候，流

程里有相关的人、场景、接触点、工具、所需资源、输出等等。如下图：

转载请注明出处范文大全网 » [教学研究]怎么在word里