数字媒体交互设计（慕课版） 课件 05第二章3网页交互流程图制作——visio的具体应用1 - 副本.pptx

网页交互流程图Visio的具体应用电子信息职业技术学院 知识要点01Visio简介02Visio软件应用03Visio流程图的使用 Visio简介第一部分 Visio简介1.Visio是Office软件系列中的负责绘制流程图和示意图的软件2.是一款便于IT和商务人员就复杂信息、系统和流程进行可视化处理、分析和交流的软件。使用具有专业外观的 Office Visio 图表，可以促进对系统和流程的了解，深入了解复杂信息并利用这些知识做出更好的业务决策。 Visio简介Visio绘制的8种图表类别 Visio简介Visio的启动界面 Visio简介Visio的启动界面 Visio简介文件选项卡内容 Visio软件应用第二部分 Visio软件应用Visio软件界面自定义快速访问栏Visio功能区形状窗口绘图窗口状态栏 Visio软件应用Visio软件界面演示按钮 Visio软件应用Visio绘图的三要素形状（核心）文本连接线 Visio软件应用Visio绘图的三要素形状（核心）文本连接线 Visio软件应用Visio创建形状 Visio软件应用Visio创建形状 Visio软件应用Visio创建形状 Visio软件应用Visio参考线 Visio软件应用形状的基本操作套索选择 Visio软件应用形状的基本操作按住shift键只进行水平和垂直方向移动旋转 Visio软件应用Visio绘图的三要素形状（核心）文本连接线 Visio软件应用连接线的操作 Visio软件应用连接线的操作 Visio软件应用形状连接方式的区别线条连接线连接线连接 Visio软件应用形状连接方式的区别连接线连接连接线连接线条连接 Visio软件应用自动连接 Visio软件应用自动连接 Visio软件应用Visio绘图的三要素形状（核心）文本连接线 Visio软件应用为形状添加文字添加文字的方法1.鼠标点击形状，直接输入文字2.鼠标双击击形状，开始输入文字3.鼠标点击形状，按F2开始输入文字退出文字输入的方法1.鼠标点击空白处2.点击ESC退出添加文字 Visio软件应用添加文本 Visio软件应用文本样式设置 Visio软件应用文本样式设置 Visio软件应用文本样式设置 Visio软件应用文本样式设置 Visio软件应用文本样式设置 Visio软件应用文本样式设置 Visio软件应用文本样式设置移动制表位制表位删除 Visio软件应用形状线条格式设置 Visio软件应用形状线条格式设置 Visio软件应用形状线条格式设置渐变填充图案填充 Visio软件应用形状线条格式设置颜色设置粗细箭头 Visio软件应用形状效果设置 Visio软件应用设计选项卡设置 Visio软件应用设计选项卡设置 Visio软件应用设计选项卡设置 Visio软件应用设计选项卡设置 Visio软件应用形状顺序、对齐 Visio软件应用形状组合、位置 Visio软件应用形状分页符 Visio软件应用形状旋转 Visio软件应用更改形状 Visio软件应用查找、替换 Visio软件应用图层 Visio软件应用图层 Visio软件应用按图层选择 Visio软件应用数据 Visio软件应用数据 Visio软件应用数据 Visio软件应用数据 Visio软件应用数据 Visio软件应用数据 Visio软件应用数据 Visio流程的使用第三部分 流程图流程图的定义以特定的图形符号加上说明，表示算法的图，称为流程图或框图。流程图是流经一个系统的信息流、观点流或部件流的图形代表。在企业中，流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。流程图大致归纳成两类：一类是表示算法或内部逻辑的一类是表示业务或工作流程的 流程图流程图的基本构成流程图由特定的图形构成，但具体的样子由图本身的目的和阅读者的阅读习惯（或约定）来决定，所以使用的图形并不是固定的。比如有人用圆形表示开端和结束，有人则用圆角矩形，有人有云团表示其他流程的引用，有人用矩形加文字来表示，形式不重要，达到描述的效果而阅读者能读懂才是最重要。设计流程图也遵循这个原理。 流程图流程图的帮助对交互设计师和产品经理来说，流程图是一个核心的工具。它可以帮你：设计你产品的交互流程确保的你的产品在任何时候都是友好的（甚至包括你原来根本未曾考虑过的故障发生时）帮助你整合零散的线框图帮助你与不同背景的同事进行沟通：比如引导工程师开发 流程图视觉词汇起点和终点决策点条件分支子流程跳转点描述系统行为 流程图设计流程图设计流程图长得并不特别，跟全世界流程图都差不多，也同样是作为一种表达工具存在。区别只在于描述的对象和组成的内容不一样。设计流程图的一大重点是面向表现层，也就是说，描述的是界面（或叫屏幕）的变化，是用户看到的界面