【Axure高保真原型】动态进度条

最新推荐文章于 2024-05-27 15:29:24 发布
最新推荐文章于 2024-05-27 15:29:24 发布
阅读量378 收藏
点赞数
分类专栏： axure 产品经理 原型 文章标签： Axure 原型 产品经理 交互
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mushe93/article/details/128806066
版权
原型 同时被 3 个专栏收录
254 篇文章 18 订阅
订阅专栏
axure
253 篇文章 26 订阅
订阅专栏
产品经理
122 篇文章 7 订阅
订阅专栏

今天和大家分享动态进度条的原型模板，包括常用的进度条，包括条形、环形和水波三种动态进度条，每种类型的进度条都包含基础、动图和百分比数字效果。

【原型效果】

【Axure高保真原型】动态进度条

条形进度条

环形进度条

水波进度条

【原型预览】

https://axhub.im/ax9/0bdf7f8cc3fccbc4/#g=1

梓贤Vigo
关注
专栏目录
教程 | 用 Axure 制作具有动态效果的环形进度条
05-09 1974
在进行原型制作的时候，经常会遇到这样一个交互：进度条。并且有时候进度条会自动“走动”到指定的位置，并且具有动态效果。 今天这个案例就是进度条。但是它是简单的进度条吗？NO！它是环形进度条，并且是具有动态效果的环形进度条。那么有些朋友会问说了，直线型的进度条我会做，但是环形的应该怎么做呢？ 问得好。接下来我们就一起来看看。 首先看看效果是如何的。打开页面之后，进度条会从初始的位置慢慢“走动”到一个具体的位置，我们可以看到它“走动”的路径。 大家可以打开...
Axure原型制作案列--进度条（基于动态面板）
weixin_30404405的博客
05-09 625
效果图：https://s17.aconvert.com/convert/p3r68-cdx67/nmntf-wq722.gif 第一步：页面放入矩形（命名为：bg）元件作为背景条，宽高分别为：280*18, 在样式页签中，填充背景色，并设置圆角半径为10. 第二步：页面中拖入动态面板（命名为：bar）元件作为进度条，宽高分别为：200*5, 在样式页签中，填充背景色为蓝色。 页面中拖入文...
Axure制作进度条
VibMike的博客
05-17 4974
1、首先创建一个空白页面，在工作区域拖入相关元件元素 2、然后对第一个矩形进行设置，包括名称、样式等，这个是进度条的背景 3、再对第二个矩形进行设置，包括样式等，这个是进度条 4、然后将第二个矩形转换为动态页面，并对其进行命名 5、将两个矩形放置同一个位置 6、下面开始对交互事件进行设置了，我们只需要在页面载入的时候加即可，首先是页面载入时让进度条的宽度为1，就是进度的百分...
Axure之进度条的实现
WillWinwin
07-06 4759
先说思路 1、使用的控件：矩形框（用作进度条的背景）；动态面板，用作进度条，并且利用循环更新当前进度；label，用于显示当前进度（百分比）2、实现过程：（1）使用矩形框制作一个进度条的背景：使用灰色填充矩形框，同时 矩形框的线条也修改成同样的颜色，调整高度为2（较小的数值） 即成功制作进度条 （2）添加一个动态面板，用作进度条显示，将动态面板使用黄色填 充，然后隐藏 （3）添加actio
Axure RP 10制作进度条
最新发布
Peppaaa的博客
05-27 1076
本文介绍了如何用Axure RP 10制作进度条。
小程序原型进度条
byking818的博客
10-18 184
微信小程序本身提供了html5中原生的直线进度条,但是没有提供圆形进度条,这里我使用canvas简单实现了一个圆形进度条组件. 进度条的实现还是基于canvas的操作,但是相比于html5中canvas的api,微信小程序的api略有缩减,功能并不是那么的多,比如说measureText、window.requestAnimationFrame等等. 丢张效果图: Animation.gi...
Axure教程—环形进度条
weixin_43516258的博客
06-18 1049
本文将教大家如何用AXURE制作环形进度条
Axure进度条
weixin_57765347的博客
08-08 131
开发工具与关键技术：Axure 作者：薛雄友 撰写时间：2021/8/8 注意看红色圆圈，共有、17步骤，按顺序操作下去 拖一个矩形出来大小为300*38 名字写为1 在拖一个矩形出来大小1*38 名字写为2 把2填充一个你自己喜方的颜色 4、选择2点击载入时 5、选择设置尺寸 6、勾选2 7、调好数据 ...
Axure源文件高保真APP原型，80套综合原型+32套原型组件+100组元件合集+37套APP原型.zip
05-02
Axure原型源文件、.rp格式可编辑、中高保真、网站原型、APP模型、管理后台、元件组合、综合原型 报单系统v最终版.rp 菠萝口袋.rp 菠萝口袋v1.1.rp 菠萝口袋v1.rp 吃货app原型.rp 倒计时&时钟.rp 倒计时效果案例.rp ...
Axure高保真Web端组件库.rar
03-30
"Axure高保真Web端组件库.rar"这一资源，正是为了满足设计者们对于高保真原型的需求而提供的，其内容丰富，真实有效，将极大地提升设计效率和作品质量。 一、Axure组件库的概述 Axure的组件库包含了各种网页元素，...
小楼原创axure元件-进度条，动态百分比，支持回滚
07-13
axure元件-进度条，动态百分比，支持回滚
Axure夜话之程序员眼中的原型设计视频教程之进度条.rar
11-23
Axure是一款强大的原型设计工具，广泛用于创建高保真或低保真原型，支持快速绘制线框图、流程图、原型和规格说明文档。通过Axure，设计师可以快速构建交互模型，模拟实际应用的操作流程，为开发团队提供直观的参考。...
axure通用元件库rp源文件 ,原型图组件库高保真UI ,包含前端，后端，WEB，移动端
04-02
Axure RP是一款强大的原型设计工具，它允许用户快速创建交互式、高保真的网页和应用程序原型。本资源包，"axure通用元件库rp源文件"，提供了丰富的预设组件，适用于前端、后端、Web以及移动端的原型设计，极大地提高...
网站蓝图 Axure RP高保真网页原型制作 中文PDF扫描版[89MB] 全彩版
randyjin的博客
04-03 2843
Axure RP就是用来给网站画图纸的软件。它如同服装设计师的样衣，如同建筑师的图纸，如同电影导演的故事板，如同售楼处的样板间。总之，它能让你在真正付出时间和金钱来制作一个网站之前，能够完全了解到最终真正网站所具有的功能，设计，交互和用户体验。就亲眼看到，亲手用到一个网站。然后在这个原型的基础上进行用户测试和改进，节省大量的时间和金钱。比这个更棒的是，它能让别人一下子就明白网站是做什么的，如何使用...
雪莉果的Axure原型工厂vol.001 循环触发的应用（一）——进度条
weixin_43829792的博客
01-29 685
简单的说，循环触发是指在某个交互的最后再触发自身的事件，实现交互的循环，再通过不同的情形条件，实现每次交互的不同效果。
Axure动态面板：实现图片缩放和进度条加载效果
冯冬冬的博客
11-20 2683
动态面板是在Axure中唯一一个能够调整尺寸的元件。结合动态面板的状态样式，我们可以实现图片缩放以及简单的进度条加载效果。 案例一：图片缩放效果 这个案例效果为鼠标移入图片时，图片按中心点放大；鼠标移出时，图片缩小为原尺寸。放大缩小有动态的效果。 首先，要完成这个效果我们需要先放入动态面板，命名为“zoomimage”，然后设置其背景图片，然后设置【重复】为“填充”或“适应”。这
Axure骚操作：【制作可暂停与不可暂停进度加载条】
kissship的博客
12-31 985
Axure骚操作之可暂停与不可暂停进度条制作分享，这是独属于产品经理的浪漫！！！
Android 自定义 View：包含多种状态的下载用圆形进度条
weixin_34186128的博客
04-02 307
前言 最近做项目碰到一个这样的一个需求：需要一个环形的进度条表示一个下载请求的进度加载。 同时要以各种不同的图标展现其下载过程中的各个状态：等待、下载中、暂停、错误、完成。 具体状态对应图标见下图： 以上图标来自www.iconfont.cn/。 考虑到其状态多达 5 种之多。用已有的控件组合显示，然后判断状态来控制各图标的显示不太合适。 借此机会，简单的撸一个这样的一个自定义控件：Circle...
【Axure高保真原型】能随时开始或暂停的进度条
mushe93的博客
02-16 420
今天和大家分享能能随时开始或暂停的进度条模板~~~
axure制作日历高保真原型
05-16
Axure是一款优秀的原型设计工具，可以用来制作各种高保真原型，包括日历高保真原型。下面详细介绍如何使用Axure制作日历高保真原型。 第一步，打开Axure，创建一个新的原型文件。 第二步，选择合适的画布大小，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梓贤Vigo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值