中国传媒大学-用户体验与UI交互设计-课件-知识点6.5 Axure中如何使用动态面板.pdfVIP

西安邮电大学 数字艺术学院 目录 CONTENTS 01 02 03 04 PART 01 PART 02 PART 03 PART 04 引言 动态面板的状态 动态面板的管理 动态面板的功能 01 引言 动态面板是axure原型制作中使用非常频繁的一个元件，主要用途就是实现 一些动态的交互效果。 可以把多张叠加在一起的纸张认为是动态面板的效果，每一张纸就是一个图 层，你永远只能看到最上面的纸上的内容，然后纸的顺序可以调整，可以将某张 纸拿到最上面来显示。 可以对同一页面下多个动态显示的内容进行管理； 可以减少设计的页面数； 可以优化产品的设计； 可以使用动态面板提供的功能更灵活地进行交互设计。 02 如何添加动态面板的状态 “双击”选中的某一状态，进入动态面板状 态编辑区域，蓝色区域为动态面板的显示范 围，超出蓝色区域的元件或元件的一部分发 布后将是不可见的。 03 动态面板的管理 动态面板的状态可以通过动态面板管理器进行新增、移除、编辑、显示或隐 藏。在动态面板名称或状态名称上点击鼠标右键会弹出一个右键菜单，使用这个 菜单可以添加状态、编辑状态等。 新增、移除、编辑 右键菜单 显示或隐藏 一般动态面板的创建方法有两种，分别如下： 将动态面板元件图标拖放至设计区域，调整大小，添加状态。。。 特点：动态面板的每个状态内容区域大小一样。 先设计内容，再按右键转换为动态面板，添加状态。。。 特点：动态面板的每个状态内容区域大小可以一样也可以不一样，更灵活些。 使用第二种方法创建的动态面板的每个状态，其设计区域没 有限制，每个状态内容大小可以不一样，可以是长图也可以是短 图，这样设计时会更灵活一些。 04 动态面板的功能 当我们选择动态面板后才会完整地显示动态面板的交互事件，主要有八个： 一般对动态面板的交互，大部分都是 通过按钮来触发动态面板，只有一些是通 过对动态面板的操作来实现。