您当前的位置:首页 > 创业动态

axure动态面板的作用

2017-08-03 00:00:00  校园生活网  本文已影响   字号:T|T

篇一:axure动态面板的作用

Axure教程:如何使用动态面板?动态面板功能详解-Axure中文网 Axure中文网Axure官方正版

快速原型设计工具 2013-09-23 分类: 阅读(30512) 评论(1) Axure动态面板

动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个方面:

1、?? 隐藏与显示

2、?? 滑动效果

3、?? 拖动效果

4、?? 多状态效果

以上这些效果都在移动面板的元件属性里面体现。

那通过这几个属性都能实现什么样的功能呢?简单的举几个例子。

1、?? 显示隐藏效果

我们经常在做原型的时候,需要点击按钮后出现一些界面上没有的元素,比如:

情景A:登录功能在不填写用户名时点击登录按钮,显示出要求用户填写用户名的提示。

axure动态面板的作用

景B:当我们需要在用户的某一个操作时,弹出一个提示框。当用户点击提示框的确定按钮时提示框消失。

诸如以上情景都需要用到动态面板的显示隐藏效果。

动态面板初始状态是隐藏还是显示,可以通过右键单击动态面板—编辑选项—设为显示(或)设为隐藏来实现。

2、?? 动态面板的滑动效果

与显示隐藏效果不同,动态面板的滑动效果一般是通过其他交互事件来激发的,可能是点击某个按钮,也可能是页面加载时实现。比如:

情景A:网站上的一些滚动文字的效果。

情景B:点击登录按钮,登录面板的弹出收起效果。

一般滑动效果都需要有复杂的激发过程,比如通过页面的onpageload事件。现在,在此不做过多讲解,以后通过案例来进行介绍,则更易懂一些。

3、?? 动态面板的拖动效果

动态面板的拖动效果,对于移动互联网产品原型来说是必须的,主要用于APP的产品原型。用来实现面板被拖动时产生的一些效果。

情景A:手机的滑动解锁功能。

情景B:手机页面的纵向浏览功能。

情景C:手机页面的横向换页功能。

……

动态面板拖动的作用非常重要,结合与之有关的系统自带变量能做出各种各样的效果。

比如,axure本身是没有随机数功能的,但是在拖动动态面板的时候,是可以实现随机数的功能的,这个将在之后的随机骰子案例中详细介绍,当然如果你axure的使用经验相对丰富,现在可以去小楼元件中下载随机色子元件进行参考。

4、?? 多状态效果

动态面板的多状态效果,是在网站原型中应用非常普遍的,大大减少了动态面板的数量。比如:隐藏一个面板,显示另外一个动态面板的效果,就可以用统一个动态面板的不同状态来实现;还有动态面板的滑进滑出效果有时也可以通过状态更换来实现,比如:小楼axurerp教程(四)动态面板滑动效果,就是分别用动态面板滑动与动态面板状态切换来实现的。在网页的原型中选项卡效果也可以通过动态面板状态切换来实现。

动态面板的不同状态还能实现图片轮播效果、图形转动效果等。

在axure中可以把元件或多个元件转换成动态面板,其实是把这些元件放在了一个动态面板的状态1里面,也就是说动态面板其实是一个多层的容器,容器的每一层可以包含多个元件。

我们可以在动态面板管理器中(软件界面的右下角,没有的话在导航栏-视图选项中勾选)去给动态面板添加多个状态,同时能够调整这些状态的顺序,来达到不同的显示效果。动态面板默认显示动态面板管理器中最上面的那个状态。

动态面板的介绍先到这里,在之后的教程里,我们再去慢慢的熟悉它的用法和特点。

作者:小楼一夜听春语

AD:【官方推荐】转载请注明出处: 标签: 上一篇

下一篇

相关推荐评论 1评论前必须登录!

 

#1

??

七七3年前 (2014-06-06)视频和教材推荐 Axure RP8 实战手册案例篇 推荐学习教材 79.00 AxureRP 8入门与实战视频教程 小楼出品 198.00 320.00 Axshare中国站包年使用帐号 299.00购买Axure正版授权 Axure RP 8.0 PRO 专业版 4,000.00 Axure RP 8.0 TEAM 团队版 7,000.00 Axure RP 8.0 Enterprise 企业版 9,000.00热门文章Axure RP 8.0中文汉化包 axure8中文语言包下载2017-03-03Axure7.0中文汉化语言包下载 axure汉化包2014-03-04Axure7.0注册码 Axure7.0序列号 Axure7.0License key2014-03-05小楼老师出品 Axure RP 8.0扩展元件库V1.2版2016-08-27Axure8.0移动元件库分享下载 出自设计师之手必属精品2016-06-13中文网官方交流QQ群Axure中四群:578124050

女产品经理群:608320040(只加妹子)

Axure中三群:145809843(两千人收费群)

Axure中二群:273547192(两千人老群骚货多)

Axure中一群:421353400(千人群已满)

PM求职2群:560902057(没失业就不要进!)

注意:请不要重复加群,否则我也不能拿你怎么样

Axure缘分问答 542524521(不是相亲群) 购买Axure RP正版授权 终身可用

2017   联系我们:sales@axure.com.cn

篇二:axure动态面板的作用

Axure教程 动态面板的用途(8) 2013/09/09阅读 14.5万 评论 8收藏 131 专为互联网人打造的365天成长计划,构建你的产品、运营知识体系,做个有竞争力的互联网人。

写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解。

 

关于动态面板

动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个方面:

1、?? 隐藏与显示

2、?? 滑动效果

3、?? 拖动效果

4、?? 多状态效果

以上这些效果都在移动面板的元件属性里面体现。

那通过这几个属性都能实现什么样的功能呢?简单的举几个例子。

1、?? 显示隐藏效果

我们经常在做原型的时候,需要点击按钮后出现一些界面上没有的元素,比如:

情景A:登录功能在不填写用户名时点击登录按钮,显示出要求用户填写用户名的提示。

情景B:当我们需要在用户的某一个操作时,弹出一个提示框。当用户点击提示框的确定按钮时提示框消失。

诸如以上情景都需要用到动态面板的显示隐藏效果。

动态面板初始状态是隐藏还是显示,可以通过右键单击动态面板—编辑选项—设为显示(或)设为隐藏来实现。

2、?? 动态面板的滑动效果

与显示隐藏效果不同,动态面板的滑动效果一般是通过其他交互事件来激发的,可能是点击某个按钮,也可能是页面加载时实现。比如:

情景A:网站上的一些滚动文字的效果。

情景B:点击登录按钮,登录面板的弹出收起效果。

一般滑动效果都需要有复杂的激发过程,比如通过页面的onpageload事件。现在,在此不做过多讲解,以后通过案例来进行介绍,则更易懂一些。

3、?? 动态面板的拖动效果

动态面板的拖动效果,对于移动互联网产品原型来说是必须的,主要用于APP的产品原型。用来实现面板被拖动时产生的一些效果。

情景A:手机的滑动解锁功能。

情景B:手机页面的纵向浏览功能。

情景C:手机页面的横向换页功能。

……

动态面板拖动的作用非常重要,结合与之有关的系统自带变量能做出各种各样的效果。

比如,axure本身是没有随机数功能的,但是在拖动动态面板的时候,是可以实现随机数的功能的,这个将在之后的随机骰子案例中详细介绍,当然如果你axure的使用经验相对丰富,现在可以去小楼元件中下载随机色子元件进行参考。

4、?? 多状态效果

动态面板的多状态效果,是在网站原型中应用非常普遍的,大大减少了动态面板的数量。比如:隐藏一个面板,显示另外一个动态面板的效果,就可以用统一个动态面板的不同状态来实现;还有动态面板的滑进滑出效果有时也可以通过状态更换来实现,比如:小楼axurerp教程(四)动态面板滑动效果,就是分别用动态面板滑动与动态面板状态切换来实现的。在网页的原型中选项卡效果也可以通过动态面板状态切换来实现。

动态面板的不同状态还能实现图片轮播效果、图形转动效果等。

在axure中可以把元件或多个元件转换成动态面板,其实是把这些元件放在了一个动态面板的状态1里面,也就是说动态面板其实是一个多层的容器,容器的每一层可以包含多个元件。

我们可以在动态面板管理器中(软件界面的右下角,没有的话在导航栏-视图选项中勾选)去给动态面板添加多个状态,同时能够调整这些状态的顺序,来达到不同的显示效果。动态面板默认显示动态面板管理器中最上面的那个状态。

动态面板的介绍先到这里,在之后的教程里,我们再去慢慢的熟悉它的用法和特点。

本文作者:@小楼;转载自:

新手入门基础教程目录

更多Axure学习技巧:

篇三:axure动态面板的作用

母版是可以在不同页面共用的,比如导航,在母版里配置好后,就可以把母版拖动到不同页面中。

动态面板的用途就比较多了,比如配置一些交互效果(tab,伸缩,可见性等)都需要用到动态面板

    本文二维码:
    本文链接: 复制地址

    图说天下