如何用AXURE制作推动效果

最新推荐文章于 2024-10-09 17:48:25 发布
最新推荐文章于 2024-10-09 17:48:25 发布
阅读量401 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_57762639/article/details/116560370
这篇博客详细介绍了使用AXURE制作推动效果的5步流程，包括导入图片、添加三级标题并设置隐藏、配置推动元件命令以及预览效果等关键步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一共有5个步骤，按顺序操作下去

1.我们先从右边拖一个图片，导录图片

2.拖两个三级标题，输录文字，并影藏一个

3.给他们添加命令，要设成推动元件

4.弄一段文字，并影藏

5.最后点击预览就好了

 

Axure RP从入门到精通（三十八）动画（推动和拉动元件）
人不风流枉少年
06-22 3001
推动元件 将下方或者右方的元件给推开。 拉动元件 将上方或者左方的元件给拉过来。 方式一：推动拉动动画 制作两个表格，一个带表头，一个不带表头（其它数据），再拖拽一个链接按钮（命名为：显示更多） 2. 将其它数据表格放在第一个带有表头的下方并设置底层和隐藏。 3. 拖一个文本段落放在显示更多链接按钮的下方，用于表示表格下方是有其它别的内容的。 4. 给显示更多按钮添加鼠标点击事件，点击时要显示其它数据表格（）并且将显示更多链接按钮的文本改为“收起”。 5. 效果，当点解显示更多其它数据表格会以动画的
axure特殊效果
01-10
Axure特效（左侧栏收缩效果、实现前后滚动效果、使用滚动条显示多屏内容、无变量、无刷新页面翻滚）
使用Axure模拟高仿真iPhone交互动作（1）——推动切换
weixin_33881140的博客
04-01 459
我们在产品原型设计时，经常需要制作高保真原型，在视觉效果及交互体验上尽量与最终产品相近，以便向别人展示或者供用户调研时使用。移动平台的交互方式非常丰富，下面就像大家介绍几种iPhone上常用的交互动作在Axure中的实现方式。我们首先在Axure中建立一个iPhone的外壳模型作为主模拟界面。白色区域为屏幕显示区域，大小为320px*480px（iPhone屏幕的1/4大小...
Axure中动态面板中的“推动/拉动原件”
hxhx11的博客
04-23 4766
拉入一个矩形 改变矩形的大小、颜色、边框。 双击矩形，打上文字“菜单1”，改变文字大小、颜色、样式。 选中矩形，“右击”跳出选项栏，点击转换为动态面板。 选中动态面板，双击鼠标单击时，点击设置动态面板,双击动态面板，选中“State1”，点击复制,双击State2。 选中矩形，复制3份，改变文字、颜色、边框。 选中动态面板，双击“鼠标单击时”弹出选项框，点击设置动态面板，选中动态面板，选中状态为“State2”，点击“推动/拉动原件”方向选择“下方”，动画选择“线性”点击
Axure中推动拉动元件不生效_Axure：显示/隐藏中的推动和拉动原理分享
weixin_39525007的博客
12-20 965
原标题：Axure：显示/隐藏中的推动和拉动原理分享本文是关于Axure中，显示/隐藏中的推动和拉动原理分享，一起来看看~ 直接上推动和拉动元件的定义： 注意点：被推动元件的坐标需>=显示元件坐标？推动的距离正好是，显示元件的高度或宽度？被推动元件必须跟显示元件推动方向范围内有一定的相交？虽说是定义，不说还好，很多小伙伴还能理解推动和拉动。分享完定义，估计晕倒一片！我们先看看，显示隐藏的推动...
Axure RP 8 元件推动
weixin_57765347的博客
06-08 430
跟着红圈走 1、把图片拖出来 2、选择一张图片,缩小到合适的大小。 3、拖两张一样大小的图片，并且给每张图打上名字方便等会寻找 4、拖一个主要按钮出来，双击主要按钮打上展开两个字 5、隐藏第二张图，平且把第三张图拖到第二张图的位置 6、点击主要按钮再双...
使用Axure制作手风琴菜单
weixin_44540247的博客
01-15 1303
Axure在页面设计这一块起到了很大作用，它不仅可以将客观的文本改变为直观的演示模板，还可以对于页面的各个方面进行UI设计美化页面等等。 例如设计一个网站肯定少不了菜单栏。菜单栏的样式很多，有点击显示菜单、移入显示菜单等等。现在在设计上都喜欢加入一些看起来比较酷的操作，手风琴菜单也是比较普遍的样式。从展开样式，到动画特效看起来都是比较舒服的。 下面将分为两块来讲解如何使用Axure制作一个手风琴菜单的样式模板。 菜单样式布局： 如上图是一个简单的菜单栏样式。 这样一个布局很简单，首先需要搭建一个背景框架，
Axure原型设计灯箱效果
QwQ_HGC的博客
05-08 2014
Axure原型设计灯箱效果 灯箱效果： 拖拽4张小图片分别命名为1/2/3/4，如下图 拖拽一个图片部件转换为动态面板命名为big-img，添加state1、state2、state3、state4并分别双击进去放好跟之前的1/2/3/4相同的图片；如下图： 对名称为1 图片做交互：’鼠标单击时‘-设置面板状态-勾选动态面板img-state1；同时添加交互’显示‘-勾选动态面板img-state1-显示-灯箱效果-背景色设置为半透明黑色。如果有需要可 以将动态面板-固定到浏览器-居中。 复制图片1的
axure谷歌浏览器插件
05-23
为了解决这个问题，开发者们制作了专门的Axure谷歌浏览器插件。 这款名为"axure_chrome_extension_V0.6.3"的插件，其目的是为了使谷歌浏览器能够顺利地查看和测试由Axure RP创建的原型。安装此插件后，用户可以直接...
Axure RP 8拖动效果
weixin_44577418的博客
05-08 1949
一、分析过程 1.今天我们来讲一下Axure RP 8拖动，首先我把最后的效果图展现出来，然后在树上如何做出来。 如图所示： 2.首先点击鼠标拖动几个矩形，然后设置样式，调整方向，选择边框可见性。然后就是这个样子了。 如图所示： 3.在拖动图片，在文件夹里面选择自己喜欢的图片点击就行了，然后调整好位置，在隐藏一个图片作为后用。 如图所示： 4.然后设置动态面板，在双击添加一个。 如图所示 5.在State2里面也设置一个和State里面差不多的原理也是一样的。 如图所示： 6.最后就是交互设置了，
Axure制作抽屉式菜单栏
Fa_lajun21的博客
03-26 1254
Axure制作抽屉式菜单栏 先看效果图 首先设置一级菜单，如图分别是桌面、内容、消息、安全（四个矩形来实现即可）；再准备“上箭头”和“下箭头”的两张图片，将箭头图片放到矩形指定位置后设置为动态面板，分别设置“上箭头”和“下箭头”两种状态。 设置二级菜单，如图分别是主页信息一、主页信息二、主页信息三（用三个矩形实现即可），将其放到一级菜单“桌面”下面指定位置，将状态设置为隐藏。 重点来了，设置交互！！单击一级菜单“桌面”时，将“桌面”的选中状态设置为“toggle”。 为一级菜单“桌面”设置交互样式
Axure水波纹交互特效
03-29
效果实现教程地址：https://blog.youkuaiyun.com/qq_27884377/article/details/88894918
Axure 灯箱效果
weixin_57765775的博客
07-28 2205
Axure灯箱效果 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术： Axure RP 8 作者：苏恩祺 撰写时间：2021/7/28 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1.打开Axure软件 2.在元件库那里拉出一个矩形，改大小，然后再拉出两个矩形，改一下大小，把边框隐...
Axure-涟漪动画效果
liuhaiyan111的博客
07-29 4274
在原型设计中为了提高交互效果，并在很多实际应用中也需要用到一些原型动画效果使得整个产品看起来更加具有灵动性。 今天在此制作了一个“水波涟漪”动画效果。具体步骤参照如下： 创建一个透明画布，在画布上分别创建四个圆，大小分别为100 * * 100,80 * 80,60 60,40 * 40。线宽最大，线段类型实线，边框颜色为渐变黄色。 分别设置这四个圆的不透明度从大到小分别为：40％，60...
原型工具Axure：常用效果制作（选中、淘宝网导航、轮播图、toast效果、呼出键盘、省市二级联动、步进器、订单详情案例、中继器）
moyiyanting的博客
03-31 1101
1.选中效果 （1）添加元件，注意命名，添加元件1的选中效果，设置鼠标单击时的交互动作 （2）复制元件1.得到另外两个元件，使用对齐、分布快速布局，注意改命名 （3）选中三个元件，右键选择“设置选项组”；（设置选项组的效果：该组中，每一次只能有一个单位被选中） 2.淘宝网导航 （1）添加元件，注意命名，添加元件1的选中效果，设置鼠标单击时的交互动作 （2）复制元件1.得到另外两个元件，使用对齐、分布快速布局，注意改命名 （3）选中三个元件，右键选择“设置选项组”；（设置选项组的效果：该组中，每一次只能有
【Axure】常见元件、常用交互效果
m0_51403396的博客
10-01 409
以微信为例，根据页面层级制作。
Axure RP9——【推动和拉动效果】的实现
两条线-twolines
11-09 8330
推动和拉动效果的实现； 理清逻辑，举一反三。
Axure常用交互效果四——移动效果
最新发布
benleiqiang的博客
10-09 1689
Axure移动交互在整个交互中占有非常重要的地位，曾经有个前辈说过，学好移动效果可以代替很多你搞不懂的复杂交互，比如说菜单的展开与收回，使用移动效果与显示、隐藏搭配使用一样可以做出来；步骤三：为小汽车添加交互，载入时隐藏小汽车，单击时隐藏小汽车（这样做的目的是为了页面载入时不显示小汽车，当显示小汽车时，通过点击小汽车再次隐藏小汽车！步骤四：依次为四个圆形标记添加交互，单击时——显示——小汽车，移动——小汽车。
Axure9 目录下拉 推拉元件效果实现
morax_的博客
07-22 792
使用工具：Axure rp9。
Axure快速制作APP交互原型指南
总结来说，掌握自定义元件库和母版的使用，深入理解APP设计规范，结合实际项目实践，产品经理可以使用Axure高效地制作出具有专业水准的APP交互原型，从而更好地向团队和利益相关者展示产品概念，推动项目的顺利进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值