人机交互设计 课件 第10章 人机交互综合应用实例

人机交互设计第十讲人机交互综合应用实例延迟符认识AxureRP站点地图与思维导图Axure相关知识点目录CONTENTS123综合应用实例401认识AxureRPAxureRP是美国AxureSoftwareSolution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的用户能够快速创建应用软件、Web网站以及移动APP的线框图、流程图、原型和规格说明文档。同时，这款工具支持多人协作设计和版本控制管理。1．主菜单和工具栏2．站点地图面板3．控件面板4．模块面板5．线框图工作区6．页面注释和交互区7．控件交互面板8．控件注释面板01认识AxureRPAxureRP是美国AxureSoftwareSolution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的用户能够快速创建应用软件、Web网站以及移动APP的线框图、流程图、原型和规格说明文档。同时，这款工具支持多人协作设计和版本控制管理。1.1AxureRP的工作界面布局和功能1．主菜单和工具栏2．站点地图面板3．控件面板4．模块面板5．线框图工作区6．页面注释和交互区7．控件交互面板8．控件注释面板01认识AxureRP1.2AxureRP的元件库及元件属性Axure中的元件库是我们在进行主编辑时用的最多的地方，也相当于是我们的主要“工具箱”，这里可以对所有的元件进行管理。软件系统分别带有三个类型的元件库，分别是：“基本元件库（Default）”、“流程图元件库（Flow）”、“图标元件库（Icons）”。01认识AxureRP1.3母版管理Axure中的母版是可以套用到全部页面，或只套用到其中的部分指定页面中。02站点地图与思维导图2.1站点地图通过创设站点地图，能够快速把站点构思与布局完成。同时也能起到站点导航的作用。02站点地图与思维导图2.2思维导图1.思维导图的基本概念：思维导图又叫心智图，是表达发射性思维的有效的思维工具，它虽简单却又极其有效，是一种革命性的思维工具。02站点地图与思维导图2.2思维导图2.思维导图适用的情境（1）项目管理（2）头脑风暴（3）知识梳理（4）功能设计02站点地图与思维导图2.2思维导图3.常用的思维导图绘制软件（1）Xmind（2）MindMaster（3）亿图图示02站点地图与思维导图2.2思维导图3.常用的思维导图绘制软件（1）Xmind（2）MindMaster（3）亿图图示03变量与表达式1.变量全局变量：就像一个可以存放公共资源的数据容器，这些存放的资源或内容可以在需要的时候被提取出来使用。局部变量：则是在编辑的过程中创建的临时的数据值，只能在特定的范围内有效，而且是可以一次被写入，但是可以被多次提取值，03变量与表达式2．表达式（1）算术运算符（2）关系运算符（3）赋值运算符（4）逻辑运算符03变量与表达式3.案例04动态面板1．显示隐藏效果2．动态面板的滑动效果3．动态面板的拖动效果4．多状态效果05函数1．在Axure里，只有在表达式中能够使用函数，函数可以在【插入变量或函数】的列表中选择，也可以直接手工输入。2.10种类型的函数。06中继器1.中继器（Repeater）是Axure中非常重要的一个元件。中继器是可以用于显示重复的项目列表。其要搭配页面中的“数据集”、“项目交互”和“样式设置”等参数共同实现设计目标的。07综合应用实例7.1常规元件的应