精华内容
下载资源
问答
  • Axure动态面板

    2021-05-08 08:36:23
    Axure动态面板 ...简单的说,动态面板就是展示在页面跳转的情况下所能实现的交互状态。而动态面板的每一个状态都可以看作是产生的一个新的交互结果。 动态面板控件(Dynamic Panel)可以让你实现高级的交互

    Axure动态面板

    动态面板:
    1.是一个容器
    2.动态效果
    3.限制显示区域
    4.可拖动和拖动
    5.注册表单中的根据焦点判断提示的效果:当焦点在输入框内的时候提示该表单栏目填写规范,当焦点离开输入框的时候根据填写的结果提示正确或者错误原因,这个需要动用高级设计交互编辑功能结合Axure的逻辑条件和设置变量功能来实现。

    简单的说,动态面板就是展示在页面不跳转的情况下所能实现的交互状态。而动态面板的每一个状态都可以看作是产生的一个新的交互结果。
    动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一个状态理 解成一个独立的页面)。任何时候都只有一个状态(页面)是可见的,或整个动态面板可以被隐藏。结合交互动作,可以让动态面板的状态进行隐藏、显示和改变。 像添加其它控件一样,可以在控件面板中拖放动态面板控件到线框图中。
    1、样式:展示数据的载体。
    2、数据:需要展示/操作的数据。
    3、动作:操作数据的动作。
    容器:在页面中往往是多个页面的跳转我们就需要将不同的页面放到动态面板中来实现页面之间的跳转,Axure中的元件都可以放到动态面板中图片、文字等。

     动态效果:动态面板可以实现轮播的效果,例如
    

    在这里插入图片描述

    上面这组图片就可以实现轮播效果,因为动态面板里可以包含页面在里面从而切换页面来实现轮播的动态效果。
    在这里插入图片描述

    上面图片里的动态面板里就包含了3个页面可以通过设置来实现互相的转换

    限制显示区域:在页面中往往需要一块限制的区域来显示特定的内容就可以用到动态面板
    可以用动态面板限制区域,比如
    在这里插入图片描述

    蓝色的区域就是动态面板限制的内容,外面绿色的边框就是一个动态
    面板,还可以限制图片和其他元件。

    动态面板的滑动效果一般是通过其他交互事件来激发的,可能是点击某个按钮,也可能是页面加载时实现,
    动态面板的拖动效果,对于移动互联网产品原型来说是必须的,主要用于APP的产品原型。用来实现面板被拖动时产生的一些效果,例如:
    情景A: 手机的滑动解锁功能
    情景B: 手机页面的纵向浏览功能
    情景C: 手机页面的横向换页功能

    展开全文
  • Axure RP 9 跳转不同页面的指定动态面板,并且可以跳转指定动态面板里指定面板页里的指定动态面板的指定面板页,我自己都绕糊涂了
  • Axure动态面板的使用

    千次阅读 2012-05-11 13:35:50
    简单的说,动态面板就是展示在页面跳转的情况下所能实现的交互状态 1、什么是Axure动态面板 按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态...

    Axure动态面板的使用

     

    简单的说,动态面板就是展示在页面不跳转的情况下所能实现的交互状态

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

    2、Axure的动态面板可以用来做什么
    1)tab式页签的切换效果:Axure的官方给出的实例就是这个,AlipayUED的同学 按照官方给出的做法制作了一个3tab的原型,不愿看英文说明的同学可以直接参照这篇博客。
    2)鼠标触发式和点击触发式的下拉菜单效果:这个可以结合Axure的默认组件中的“垂直菜单”、“水平菜单”来实现,常用于导航的原型制作。
    3)鼠标触发式的浮窗效果:类似“Alt”的效果,常用于浏览提示和触发式广告。
    4)JS的鼠标点击弹层效果:这个是目前使用被广泛使用的效果之一。
    5)注册表单中的根据焦点判断提示的效果:当焦点在输入框内的时候提示该表单栏目填写规范,当焦点离开输入框的时候根据填写的结果提示正确或者错误原因,这个需要动用高级设计交互编辑功能结合Axure的逻辑条件和设置变量功能来实现。
    ….and so on…

    3、如何使用Axure的动态面板
    1)动态面板属于Axure的一个组件,在组件栏中选中它,直接拖到你希望它出现的位置。不用担心,即使在添加完状态之后它的位置也是可以随时改变的。
    2)在动态面板上点击右键——编辑动态面板——管理动态面板状态。在弹出的窗口里输入动态面板的标签名称(默认是Unlabeled)、添加新的状态。当然,也可以在界面的右下角找到“动态面板管理”模块来对动态面板进行操作。
    友情提示:
    a)默认的动态面板的状态是显示(蓝色),我们可以把他设置成隐藏(黄色)。
    b)状态页面中的蓝色虚线外框表示动态面板的边界范围,超过这个边界范围外的内容在最终生成原型时将不可见。
    c)为了不影响其他交互的制作,可以点击“动态面板管理”模块右侧的淡蓝色小方块在隐藏或显示之间切换。或者,你可以在顶部的页面名称(如Home)上点击鼠标右键,选择右键菜单全部隐藏或全部显示,可以隐藏或显示页面中所有的动态面板。

    3)双击添加完的动态面板状态(State1、2、…),会在Axure的工作区打开一个新标签。现在,把这个新标签当作是一个全新的页面来设计就OK了,不过,记住不要超过蓝色虚线外框。
    4)给动态面板添加交互。Axure5.5中常用在动态面板上的交互行为包括:Set Panel state to State(设置动态面板的状态切换)、Show Panel(显示动态面板)、Hide Panel(隐藏动态面板)、Toggle Visibility for Panel(切换动态面板可见属性)、Move Panel(移动动态面板到一个设定的位置(x*y))、Bring Panel to Front(将动态面板置于最前)。交互行为的添加与添加其他组件的交互一样,没有什么好解释和介绍的。
    5)生成HTML发布到web上、生成CHM分发给其他团队成员、建立Axure协作共享、….
    友情提示:
    a)使用Axure汉化版本 会让你使用更轻松,虽然汉化的还不是非常完全,但是对于英文不好的同学来说已经是莫大的帮助了,向汉化的平生一笑 同学致敬!
    b)如果看Axure官方的使用说明很费劲,可以参考目前陈良泳同学翻译的快速原型设计 ,翻译质量很不错!
    c)从Axure5开始,可以创建自己的组建库和导入别人做好的组建库了,官方提供了一套雅虎的组件 ,个人觉得已经完全够用了。
    d)模块和组件是2个完全不同的概念,模块的后缀是.rp而组件的后缀是.rplib。模块和组件之间是可以相互转化的,你可以利用组件去创建一些自己常用的模块如网站头部、底部等;你也可以把模块里的内容分拆成组件单个使用。
    e)在生成chm格式的时候页面名称不要使用中文,中文名称的页面在chm里会显示成乱码。

    展开全文
  • Axure中不乏许多的高级功能,其中轮播图是我们在页面中常见的一个高级功能,今天就让我们来学习一下Axure中轮播图的使用吧。 一、基础用法 1.首先老规矩我们从元件库中拖拽元件进入我们的设计区域,今天我们使用...

    Axure中不乏许多的高级功能,其中轮播图是我们在页面中常见的一个高级功能,轮播图的做法有很多种,但是就我个人而言认为使用动态面板做轮播简单点。今天就让我们来学习一下Axure中动态面板实现轮播图吧。

    一、基础用法

    1.首先老规矩我们从元件库中拖拽元件进入我们的设计区域,今天我们使用的是动态面板。

    2.我们双击动态面板进入编辑状态。

    3.我们点击顶部的状态区,并添加我们的状态。(这里我添加了四个,并双击命名为img1234)

    4.设置后之后,我们再把图片元件拉入动态面板里,每个状态放不同你需要的图片,并调整大小。这里要注意不要推出编辑面板哦。设置好后我们就可以点击关闭退出编辑面板了。

    5.我们在将下好的左右翻页图标拖拽进来。你也可以选择你喜欢的图标拖拽进来。

    6.大概样式设置好后,我们就可以做交互事件了。首先我们选中我们的动态面板。找到新建交互。

    7.找到动态面板中的状态改变时。

    8.然后鼠标点出来,再将鼠标移到状态改变时那一行,找到右边的启用情形。

    9.这时候来到我们的情形编辑。选择添加情形。

     

    10.这里添加的状态意思是如果当前的面板状态==img1,然后确定。

     11.后面我们就继续添加情形。重复操作。每个情形对应每个状态图片哦。

     

    12.接下来我们给翻页图标增加交互事件。

    13.右边的图标也一样。

    14.接下来我们去预览看看吧。

     点击左右反转图标是可以使得轮播图切换的。

    二、丰富化。

    我们一般看到的轮播图1.进入页面自动播放;2.会在轮播图下面有小圆点,随着图片的切换,小圆点也切换起来;3.鼠标移入到轮播图图片时暂停播放,移出时恢复播放。接下来我们实现这两个功能。

    (一)进入页面自动播放。

    1.我们将鼠标点击页面,也就是动态面板外。然后新建交互事件。找到页面载入时。

    2.找到元件动作里的设置面板状态。

    3.再分别设置目标-STATE,勾选向后循环,进入动画,点击更多选项,循环间隔勾上。

    4.我们预览可以看到我们的轮播图在我们进入页面的时候就会自动播放拉。

    (二)在轮播图下面添加小圆点,随着图片的切换,小圆点也切换起来,同时点击圆点也可以跳转图片。

    1.我们选择圆形元件(或者你可以选择你自己喜欢的图标、元件),复制多份。有多少个状态(也就是我们有多少图片),你有几个图片就对应多少个图片嘛,或者你也可以选择四个圆点,无论多少图片,都循环回来。这里我们选择四个圆点对应四个图片比较清晰。

    2.这里教大家一个小技巧,就是如何让你需要的元件水平等距并排。

    我们同时选中我们需要的元件,点击菜单中的水平即可。

    3.我们要给我们的圆形给个名字,方便我们查找到。建议大家有这个良好的习惯,其他元件都设置好各自的名字,特别是很多重复的元件时,更加需要设置,不然你分不清你的元件,这样就比较头疼了。

    4.这里我们需要给圆点设置互斥,同时选中全部圆点,设置选项组。起个名字。

    5.我们先设置点击圆点跳转图片的交互。新建交互,单击时,设置面板状态

    6.State选择你要跳转的图片,我们第一个圆点就是第一个图片嘛。其他圆点就是其他图片。剩下三个圆点同样操作。

    7.接下来我们实现切换图片就切换圆点的功能。

    点击我们的动态面板。给上面设置好的情形添加动作。情形下面的 + 号即是添加动作。

    9.选择“设置选中”

    10.选择元件,这时候我们给元件设置名字的好处了,方便我们快速选择我们的元件,不会选错元件。

    11.给圆点元件设置“真”值,这里的意思是当我们选中到圆点的时候令他为真值。

    12.其他情形同样操作。如图所示即可。

    13.然后我们给圆点设置交互样式,右键选中我们的圆点,选择交互样式。

    14.在交互样式里,我们选择“选中”——“填充颜色”。其他圆点同操作。选择你喜欢的样式颜色。

    15.进入页面查看我们的轮播图与小圆点的功能都实现了,但是细心的小伙伴会发现还有一个问题:进入页面时第一个图片的第一个圆点没有选中。

    这时候我们只需要给第一个圆点右键选中即可。

    16.我们看看效果吧。

     (三)鼠标移入到轮播图图片时暂停播放,移出时恢复播放。

    1.选中动态面板,新建交互。移入鼠标时。

    2.设置面板状态

    3.在STATE中选择停止播放。.

    4.同样鼠标移除时,我们再给它设置自动播放就好了。

    5.我们看看效果吧。鼠标移入轮播图就会暂停播放。 移出又会继续播放。

    总结:

      我们使用动态面板实现轮播图的基本功能都实现了。轮播图作为网页一个重要的元素,但是不难,需要我们理清思路。大家都需要熟悉掌握哦!轮播图的使用有助于我们可以熟悉的运用交互事件。轮播图实现了,那么Axure中的其他功能也不在话下了。加油!

    展开全文
  • 1.首先在元件库找到动态面板,拖到页面中: 2.给动态面板取名字: 3.双击动态面板,添加子动态面板: 4.添加完后,可以点击在每一个页面描写不同的内容 5.写几个要点击跳转的标签,给标签写交互事件 ...

    1.首先在元件库找到动态面板,拖到页面中:

    拖入

    2.给动态面板取名字:

    起名字

    3.双击动态面板,添加子动态面板:

    子

    4.添加完后,可以点击在每一个页面描写不同的内容

    5.写几个要点击跳转的标签,给标签写交互事件

    选中

     显示哪个

    动画效果 

     接下来的操作也是如此,最后发布一下,点击就可以实现效果了。

     

    展开全文
  • 整站原型设计中,不可能把所有功能都在一个页面展示出来,一定要那样做,可能要在一个页面画几十个动态面板,上百个状态了,先不说好不好维护和修改,这样叠罗汉足以让Axure跑死... 所以我们经常按功能分类,分别...
  • 利用Axure动态面板组件制作...双击动态面板,然后双击state1,跳转到state1状态设置页面,然后我们为其添加一个背景图。 同理,也给state2和state3导入图片。 在动态面板页,单击属性中的载入时用例: ...
  • 一般我们在逛淘宝的时候,首页会有很多图片来回播放,那就是轮播图,如果我们想要实现这个效果难不难?当然不难,Axure(http://www.axurechina.cc/)就可以...2.banner位置占位符转换为动态面板(鼠标右键,转换的动...
  • Axure学习——页面跳转

    万次阅读 2016-10-12 10:50:47
    如何在一个页面上面添加另一个界面,并实现跳转?例如在支付宝生活界面,点击余额宝,实现跳转。有一种方法就是直接在生活界面下面添加子页面,然后点击余额宝,跳转到余额宝界面。这是一种方法,下面我们介绍另一种...
  • 1、什么是Axure动态面板按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一个...
  • Axure中实现页面跳转倒计时

    千次阅读 2018-12-04 14:52:03
    在浏览一个页面时,如果跳转到下一个页面,一般需要等待几秒,有些网站就会产生倒计时等待的状态,这样一个效果暂且称为Axure页面跳转倒计时。在Axure(http://www.axurechina.cc/)中要实现这样一个效果需要用到几...
  • 这个界面之后,跳转回去原页面,是店铺数据的初始面板页面 经过网上资料查询 1、先在所要跳转的链接处添加用例,并设置两个事件,一个是页面间的跳转事件(简单略过),还有一个事件:“设置 变量/部件 值” ...
  • 注意:两个页面中,设置的变量值需要相同,例子中 变量值都等于 “2”
  • Axure9 A页面跳转到B页面的某状态

    千次阅读 2020-12-09 10:32:55
    3. B页面直接给动态面板新建交互 直观原型图:https://xwh-00.gitee.io/app-design/APP_design_week12/#id=iwb1da&p=%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C%E2%80%94%E2%80%94%E5%8A%A8%E6%80%81%E9%9D%A2%...
  • Axure动态面板-轮播

    2019-08-26 14:43:30
    博客概要 分享利用Axure动态面板元件制作的一个粗糙的轮播~ 文章目录 博客概要 Axure RP8-实战案例_总目录 轮播 制作过程 1.整体搭建 2.转化 3.创建面板 4.设置交互 5.效果展示 总结 Axure RP8-实战案例_总目录 ...
  • 博客概要 分享利用Axure动态面板元件制作的一个粗糙的导航栏~ 文章目录 博客概要 Axure RP8-实战案例_总目录 导航栏 制作过程 1.整体搭建 2.转化 3.面板状态管理 4.设置交互 5.效果展示 6.【PS】过程命名 总结 ...
  • Axure--页面相互跳转

    千次阅读 2019-04-09 17:28:30
    打开Axure软件,首先在页面1中创建一个按钮; 选中按钮后,选择右侧的交互样式,当鼠标单击时; 选择打开链接; 、 在浏览器中预览一下; 可以发现从页面1跳转页面2; ...
  • AxureRP——动态面板

    千次阅读 热门讨论 2015-08-14 21:26:39
    但是有很多的页面都是在原页面的基础上,又重新打开了一个页面,然后在这个重新打开的页面的基础上,又重新的打开一个页面,就好像我们的BS网页一样,点击出现新的网页,但是首页并不消失。于是用到了这个软件的一个...
  • Axure如何实现从当前页面打开另一个动态面板,且要先显示动态面板的第一个状态页
  • 动态面板动态面板Axure中使用频率最高的元件之一,动态面板专门用于设计原型中的动态功能,它可以包含一个或多个状态,每个状态就是一个页面,在这里可以任意编辑,通过控制状态的切换或显示/隐藏来实现一些我们...
  • Axure原型图】——动态面板

    千次阅读 热门讨论 2015-08-10 10:25:39
    Axure是很早之前就用过的软件,只是当时并没有深究,但最近在画原型图的时候,发现自已以前会的那点儿皮毛着实干不了啥,仅仅需要修改一下已有的图形,可我却不知道如何下手,不得... 动态面板,在Axure界面的部件板
  • axure 内联框架中跳转链接

    千次阅读 2019-05-24 11:40:43
    最近在画一个手机端原型,因为页面有限,所以使用内联框架来放置更多内容。 【内容描述】有两个页面,一个产品列表页,一个产品参数页。...(之前产品列表用的了动态面板,直接打开链接完全没有反应)
  • 2.在【主页】下建立子页面页面1】,打开页面1,拖动动态面板页面编辑区。动态面板命名为active_panel,并且添加动态面板状态至三个,状态分别为state1,state2, state3。    3.编辑动态面板active_panel的三个...
  • Axure使用教程(二)、动态面板

    万次阅读 2019-04-06 11:24:44
    动态面板可以设置多个状态,可以通过设置动态面板在不同状态间切换来实现复杂功能。比如弹出框、下拉菜单、轮播等。 一、如何创建、编辑、取消动态面板 1、从左侧部件库中拖进一个动态面板来。 2、双击动态面板...
  • 1、先在所要跳转的链接处添加用例,并设置两个事件,一个是页面间的跳转事件(简单略过),还有一个事件:“设置 变量/部件 值” 设置好值于变量 OnLoadVariable 等于 2 (另一页面动态面板中的具体状态值)。...
  • 请参考https://blog.csdn.net/jlq_diligence/article/details/105741867
  • 1.打开Axure RP 8.0,在index面面中拖出来一个按钮,写上文字“打开page1/state2”,意思是打开page1页面的state2动态面板 2.双击“鼠标单击时”事件,点击“设置变量值”,设置值为2,然后点击打开链接...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 558
精华内容 223
关键字:

axure动态面板页面跳转