中国传媒大学-用户体验与UI交互设计-课件-知识点6.5 Axure中如何使用动态面板_第1页
中国传媒大学-用户体验与UI交互设计-课件-知识点6.5 Axure中如何使用动态面板_第2页
中国传媒大学-用户体验与UI交互设计-课件-知识点6.5 Axure中如何使用动态面板_第3页
中国传媒大学-用户体验与UI交互设计-课件-知识点6.5 Axure中如何使用动态面板_第4页
中国传媒大学-用户体验与UI交互设计-课件-知识点6.5 Axure中如何使用动态面板_第5页
已阅读5页,还剩12页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、交互式界面设计西安邮电大学数字艺术学院 知识点6.5Axure中如何使用动态面板PART 01引言目录CONTENTSPART 02动态面板的状态0102PART 03动态面板的管理03PART 04动态面板的功能04引言01 动态面板概念 动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。 理解动态面板 可以把多张叠加在一起的纸张认为是动态面板的效果,每一张纸就是一个图层,你永远只能看到最上面的纸上的内容,然后纸的顺序可以调整,可以将某张纸拿到最上面来显示。为什么使用动态面板5个页面独立 加载5次1个页面独立 加载1次动态面板的特点可以对同一页面下多个

2、动态显示的内容进行管理;可以减少设计的页面数;可以优化产品的设计;可以使用动态面板提供的功能更灵活地进行交互设计。如何添加动态面板的状态02如何添加动态面板状态拖动元件图标设计区域,并双击打开状态管理面板点击加号图标新增状态各个小图标可以对状态进行调顺序、删除等“双击”选中的某一状态,进入动态面板状态编辑区域,蓝色区域为动态面板的显示范围,超出蓝色区域的元件或元件的一部分发布后将是不可见的。蓝色区域内可以放置任何原件动态面板的管理03动态面板状态的管理 动态面板的状态可以通过动态面板管理器进行新增、移除、编辑、显示或隐藏。在动态面板名称或状态名称上点击鼠标右键会弹出一个右键菜单,使用这个菜单可以添加状态、编辑状态等。新增、移除、编辑右键菜单显示或隐藏动态面板创建技巧一般动态面板的创建方法有两种,分别如下:将动态面板元件图标拖放至设计区域,调整大小,添加状态。先设计内容,再按右键转换为动态面板,添加状态。特点:动态面板的每个状态内容区域大小一样。特点:动态面板的每个状态内容区域大小可以一样也可以不一样,更灵活些。 使用第二种方法创建的动态面板的每个状态,其设计区域没有限制,每个状态内容大小可以不一样,可以是长图也可以是短图,这样设计时会更灵活一些。动态面板的功能04当我们选择动态面板后才会完整地显示动态面板的交互事件,主要有八个:动态面板的功能 一般对

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论