利用原型工具实现电商类秒杀倒计时效果要点.pdfVIP

利用原型工具实现电商类秒杀倒计时效果 如今各大电商类网站或团购类网站都会出现秒杀倒计时、 购倒计时的设计需求。那么在设 计产品原型时我们该如何实现倒计时的效果了 ，下面我们来讲述分析该如何一步步的实现这 样的效果。能够实现倒计时的原型效果或许有很多工具可以实现 ，文中讲述的以Axure工具 为例实现交互效果。 首先我们分析下倒计时的时间表 ，通过分析我们可以观察出以下现象 ： 时间表由时钟、分钟、秒钟 数字组成 ；秒钟数字每隔一秒逐步递减1 ，当秒钟递减到0时 ，分钟数减1 ，秒钟上的数字从59在逐 步递减 ，如此循环下去 ；当分钟的数字为01时 ，1分钟后递减显示为59 ，此时时钟上的数字减1 ， 如此循环下去 ；当时钟、分钟、秒钟上的数字为1位数时 ，前面均会自动补充1个0。 思路分析 ：我们通过观察得知上面2和3的现象 ，即秒钟和分钟的数字显示是一个从59不断递 减到0循环的过程 ，如此高频反复的递减规律我们很容易联想到Axure中动态面板的状态改变 时事件来实现数字的循环变化 ；时钟、分钟、秒钟的数字改变可以利用文本改变时事件来控 制数字的变化范围及规律。 下面我们直接动手操作实现过程 第一步先准备好相关部件素材 拖动3个文本框至设计区域用来显示时钟、分钟、秒钟的数字并分别给部件命名 ，拖动3