开启左侧

16.动态面板-axure线框图部件库介绍教程

[复制链接]
4690 13
产品经理学院提供全面的产品经理学习培训教程。
本教程为 016.动态面板-axure线框图部件库介绍-Axure入门教程
通过本 axure rp 6.5 教程可以掌握 016.动态面板-axure线框图部件库介绍的方法。


1、什么是Axure的动态面板

  按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一个状态理 解成一个独立的页面)。任何时候都只有一个状态(页面)是可见的,或整个动态面板可以被隐藏。结合交互动作,可以让动态面板的状态进行隐藏、显示和改变。 像添加其它控件一样,可以在控件面板中拖放动态面板控件到线框图中。

  简单的说,动态面板就是展示在页面不跳转的情况下所能实现的交互状态。而动态面板的每一个状态都可以看作是产生的一个新的交互结果。简单的说,动态面板就是展示在页面不跳转的情况下所能实现的交互状态。

     “动态面板组件式axure中功能最强大的部件,是一个化腐朽为神奇的组件。通过这个组件,我们可以实现很多其他原型软件不能实现的动态效果。”

        一直想把动态面板的内容,放在最后面才介绍,因为这个组件,在刚开始学习的时候,很难让人去理解。其实如果不考虑复杂的交互行为,这个动态面板不去搭理她,我们也能设计出满足我们需求的线框图,但是想交互更加完美就必须见识一下动态面板的魅力。


2、Axure的动态面板可以用来做什么

1)tab式页签的切换效果:Axure的官方给出的实例就是这个

2)鼠标触发式和点击触发式的下拉菜单效果:这个可以结合Axure的默认组件中的“垂直菜单”、“水平菜单”来实现,常用于导航的原型制作。

3)鼠标触发式的浮窗效果:类似“Alt”的效果,常用于浏览提示和触发式广告。

4)JS的鼠标点击弹层效果:这个是目前使用被广泛使用的效果之一。

5)注册表单中的根据焦点判断提示的效果:当焦点在输入框内的时候提示该表单栏目填写规范,当焦点离开输入框的时候根据填写的结果提示正确或者错误原因,这个需要动用高级设计交互编辑功能结合Axure的逻辑条件和设置变量功能来实现。



3. 关于动态面板和其中状态的理解

  其实动态面板,我们可以这样的去理解它,首先动态面板是一个大的容器,这个容器中可以有很多的状态,在每一个状态中,都可以放置一定的内容,然后我们通过事件来选择显示动态面板的相应状态

2122591218-0.jpg

  在默认的状态下,只有位置一的内容是可见的,其他的是隐藏的,如果你想其他状态可见,只需要把这个状态移动到最上面



4. 现实中关于动态面板不同状态的应用案例

21225a602-1.jpg


  以上摘取的使淘宝网2种不同登录方式的状态变化,使用动态面板就可以制作出来。




举报

回复

14 个评论

sifanaa    发表于 2013-8-15 17:35:06  | 显示全部楼层
复习复习
麻雀子    发表于 2014-3-1 20:48:44  | 显示全部楼层
学习 学习
yj8202003    发表于 2014-3-6 09:54:24  | 显示全部楼层
学习,顶起
caomanming    发表于 2014-3-20 10:54:03  | 显示全部楼层
这个没有说明白,可能有一定难度
dccforget    发表于 2014-3-25 16:30:43  | 显示全部楼层
有没有具体的例子啊
姬晓沫    发表于 2014-4-2 10:51:41  | 显示全部楼层
有没有截图。。。
weining    发表于 2014-11-28 17:09:37  | 显示全部楼层
这个没有例子操作是很难看懂的
乔培培2015    发表于 2015-3-11 17:10:39  | 显示全部楼层
不错奥
lclcpblcl    发表于 2016-5-9 16:44:24  | 显示全部楼层
有点像PS的图层,只不过这里强调的是动作。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点

更多

社区学堂

更多

客服中心

关于我们
关于我们
友情链接
联系我们
帮助中心
网友中心
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表