05第二章3网页交互流程图制作-visio的具体应用1 - 副本

网页交互流程图Visio的具体应用电子信息职业技术学院知识要点01Visio简介02Visio软件应用03Visio流程图的使用Visio简介第一部分Visio简介1.Visio是Office软件系列中的负责绘制流程图和示意图的软件2.是一款便于IT和商务人员就复杂信息、系统和流程进行可视化处理、分析和交流的软件。使用具有专业外观的OfficeVisio图表，可以促进对系统和流程的了解，深入了解复杂信息并利用这些知识做出更好的业务决策。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流程的使用第三部分流程图流程图的定义以特定的图形符号加上说明，表示算法的图，称为流程图或框图。流程图是流经一个系统的信息流、观点流或部件流的图形代表。在企业中，流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。流程图大致归纳成两类：一类是表示算法或内部逻辑的一类是表示业务或工作流程的流程图流程图的基本构成流程图由特定的图形构成，但具体的样子由图本身的目的和阅读者的阅读习惯（或约定）来决定，所以使用的图形并不是固定的。比如有人用圆形表示开端和结束，有人则用圆角矩形，有人有云团表示其他流程的引用，有人用矩形加文字来表示，形式不重要，达到描述的效果而阅读者能读懂才是最重要。设计流程图也遵循这个原理。流程图流程图的帮助对交互设计师和产品经理来说，流程图是一个核心的工具。它可以帮你：设计你产品的交互流程确保的你的产品在任何时候都是友好的（甚至包括你原来根本未曾考虑过的故障发生时）帮助你整合零散的线框图帮助你与不同背景的同事进行沟通：比如引导工程师开发流程图视觉词汇起点和终点决策点条件分支子流程跳转点描述系统行为流程图设计流程图设计流程图长得并不特别，跟全世界流程图都差不多，也同样是作为一种表达工具存在。区别只在于描述的对象和组成的内容不一样。设计流程图的一大重点是面向表现层，也就是说，描述的是界面（或叫屏幕）的变化，是用户看到的界面的行为流，界面之间的跳转逻辑，也就是导航逻辑。流程图注意什么？坚持表达表现层不要一个流程图里面，又有内部算法逻辑，又有界面逻辑，下图标红的矩形就是多余的，这个不关用户的事情，会扰乱你的导航设计思路。不要把步骤和界面本身都用矩形表示，比如下图标红的矩形流程图注意什么？抛弃系统错误什么是系统错误呢，也就是非用户犯的错误，比如登录的时候服务器当了，网络连接错误等导致登录失败。除非你特别想强调系统错误后的提示界面，否则建议不要加进去流程图里面，因为每一步操作都可能错误，你的流程图会因此变得很庞大。如下图：形式可以很灵活购物下单流程图购物下单流程图购物下单流程图购物下单流程图购物下单流程图退款流程图退款流程图退款流程图流程图对软件设计的重要性软件不等于编码，一般接到软件设计任务马上开始编码的设计人员都会多次返工。软件设计不仅仅是技术的提现，更艺术的提现。好的设计架构清晰，业务逻辑清楚完整，程序鲁棒性好，而差的设计就反之了。在软件设计的这个流程中，从需求到设计方案，从设计方案到设计流程，从流程到编码，从编码到测试，每一步都要