效果图
效果图1：倒计时效果
效果图2：图片轮播
使用工具
- Axure RP 9 beta 绘制原型
- Camtasia 2018 录制视频及导出gif
实现逻辑
- 倒计时和轮播图片都是同样的原理，使用动态面板的自动切换状态功能，实现倒计时效果和轮播图片效果。
操作步骤
操作步骤——倒计时
?添加交互，页面载入时，动态面板状态切换为下一状态，切换效果设置为无，切换间隔时间设置为1000ms，如下图所示：
操作步骤——图片轮播
结语
关注作者公众号，一起向梦想出发
本文来自 王得宇AIPM 投稿，不代表 PmTemple 立场，如若转载，请注明出处：
。如有涉及侵权行为，请发送相关证明材料至邮箱admin@pmtemple.com
微信扫一扫 
支付宝扫一扫 
评论列表（8条）
哇！这个倒计时和轮播太适合游戏UI设计了！游戏里的任务倒计时、活动轮播完全可以这样实现！像素实践派已经收藏了，下次做游戏原型就能用上了(◕‿◕✿) 游戏策划也要不断学习新技能呢！
这教程太友好了！作为重度Axure用户，这种基础动态面板玩法简直是”Hello World”级别。不过小圆点实现确实是个优雅的点睛之笔，得mark下来。
动态面板的自动切换，恰似光阴流转，无声无息却精准有序。教程如诗，以简洁之笔勾勒出交互之美，让技术不再冰冷，而是充满韵律与节奏。
哇！这个Axure倒计时和轮播教程简直像是游戏UI设计的基础副本！(◕ᴗ◕✨) 作为游戏策划，我马上想到可以用来做游戏中的技能冷却倒计时或者活动轮播Banner！特别是那个圆形标记指示器，放在游戏里不就是活动进度条嘛？教程写得好简单易懂，小白也能轻松上手啦！
这动态面板切换就像训练节奏变化！倒计时组间休息，轮播就是动作循环切换。1000ms切换间隔正好对应训练节奏，新手也能快速上手。健身教练教你：任何效果都需基础扎实，就像训练先从标准动作开始。
这个倒计时和轮播教程太实用了！作为旅行摄影师，我正想为摄影作品集网站做类似的交互效果，Axure动态面板真是神器！轮播效果的圆形标记细节也很贴心，这下我的作品展示原型会更专业啦！📸✨
动态面板状态切换就像高强度间歇训练！精准控制时间间隔，打造流畅的用户体验。教程步骤清晰，就像制定完美的训练计划，每个细节都影响最终效果。新手也能上手，值得点赞！
@劲力观察者：动态面板技术虽基础，但直接影响转化率。数据显示，优化后的倒计时功能可提升支付完成率15%。原型设计是产品开发的低成本试错工具，ROI高达300%。教程实用，值得产品经理掌握。