中国传媒大学-用户体验与UI交互设计-课件-知识点6.4 Axure中流程图页面的使用技巧.pdfVIP

西安邮电大学 数字艺术学院 目录 CONTENTS 01 02 03 PART 01 PART 02 PART 03 引言 为什么使用流程图 流程图 01 引言 流程图是产品团队沟通信息架构和交互设计的最基本工具，在一个宏观程度上描述产品的用户体 验过程。一个流程图可用于展示各种各样的处理流程，包括用例流程、商业流程、页面流程等。在 Axure 中，流程图常用于展示所设计的原型能完成任务的更高层次的交互视图。 用例流程 商业流程 页面流程 在Axure 中，流程图常用于展示所设计的原型能完成任务的更高层次的交互视图。 02 为什么使用流程图 可以清晰地表达不同页面间的交互和层级关系； 可以清晰地表达多个用例的逻辑关系； 可以清晰地表达对任何事件过程和步骤的描述； 与客户或合作者方便沟通与交流的渠道。 03 流程图 在Axure 中，流程图其实也是页面，也就是说Axure 中页面分为两种类型：流程图和线框图，只要 修改页面类型为流程图即可。 流程图 线框图 流程图元件为元件库中的“Flow”。这些不同的流程元件用于表达流程图中的步骤。如果这些流程 元件不满足我们的流程图需要，我们可以使用图片控件进行合成。 流程控件的使用有一些约定习惯，但是Axure并没有对如何使用这些形状进行强制约束。一般地， 我们应该以其他人能够理解的方式进行使用。我们也可以自定义一套符号标准，在团队中进行统一 使用。 矩形表示一个页面 圆角矩形表示“开始”与“结束” 菱形表示逻辑判断 平行四边形表示输入与输出 表示一个独立的文件，如声音、图片、PDF文件等 箭头代表逻辑执行工作流方向 流程图元件和别的元件不太一样，它的每一条边都有一个连接点，主要是为连接元件用的。当 连接元件时，会自动将两个部件的连接点连接起来。 默认状态下，流程图是在页面中完成的，所以就要把页面改为流程图属性。