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

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