中国传媒大学-用户体验与UI交互设计-课件-知识点6.9 Axure中如何实现变量在页面间的传递.pptxVIP

交互式界面设计 西安邮电大学 数字艺术学院 PART 01 引言 目录 CONTENTS PART 02 什么时候 使用变量 01 PART 03 案例分析 03 引言 01 变量的概念 变量是什么呢？顾名思义“可以改变的一个量”， 它来源于数学，是计算机语言中能储存计算结果或能表示值的抽象概念。 源于数学 储存计算结果 表示值 抽象概念 什么时候使用变量 02 变量的功能 变量用于在原型中进行点击时页面之间的传递和存储数据，这样变量能在页面之间保持下去。 变量 点击时 页面之间的传递 存储数据 变量的功能 Axure文件中可最多使用25个变量，变量可以在交互设计和逻辑条件中使用。 变量是页面和页面之间沟通的渠道 变量就是数据传递的桥梁 变量如何传递 案例分析 03 案例制作方法分析 当点击“首页”“用户交流”“我的”三个标签按钮时，显示对应的长图内容。且长图内容可以通过鼠标滚动显示，如果设备是触摸屏，则也可以通过触摸来滚动长图。 怎么实现呢？如果要用变量怎么设置和使用呢？ 四个页面及其之间的关系: 子页面1 子页面2 子页面3 子页面显示区域 公共主页 按照我们以前所学的知识，可能会这样做，设计四个页面，第1个页面为公共主页，第2、3、4为三个长图所在的子页面，当在第一个页面分别点击三个按钮时，在第一个页面内部链接显示相应的2、3或4子页面。 不使用变量的方法 两个页面及其之间的关系: 公共主页 动态面板页面 动态面板状态 显示区域 首页 用户交流 我的 使用变量的方法 把三个子页面中的三个长图放到一个动态面板的三个状态中，这样3个子页面就合并为1个页面了。 两种方法比对 显然使用变量后，页面数减少了两个，也就意味着加载速度也变快了，设计更优化了。 动态面板页面怎么知道公共页面是点击了哪个标签？ 可以在加载动态面板页面时进行变量的判断，判断后决定到底加载动态面板的哪个状态，这样所有的问题就都解决了。 谢谢