Question

Axure兴趣选择原型动效怎么制作？

Answer 1

在账号注册时，用户通常可以选择自己的兴趣爱好，这样他们就可以向用户推荐好友和信息。今天我们就来看看如何通过axure来实现兴趣选择的功能。通过本练习，主要让您掌握全局变量和检查、取消检查事件。备注：为准备学习Axure、正在学习Axure的小伙伴提供了专业系统的Axure自学视频课，视频教学，知识点清晰，方便快速地掌握~

Axure兴趣选择原型动效制作方法：

原型设计1、拖入一个矩形框，作为手机背景，当然你有其他的手机背景，也可以拖入，这里不做赘述；

2、拖入一个圆形框，设置尺寸为60*60，写上抽烟，其他的兴趣框先不拖入；

3、拖入一个按钮，作为下一步按钮，设置为禁用；

4、到了这里，原型就算设计完成了。

交互设计1、设置全局变量select_amount，用于记录当前选中的兴趣数量，初始值=0；

2、设置兴趣选择的交互样式，即选择中的时候，字号变成16，字色变成白色，背景变成绿色；

3、设置兴趣选择的鼠标单击事件，当鼠标单击的时候，兴趣选择器在选中和取消选中之间切换；

4、当兴趣被选中时候，被选中的数量select_amount+1，设置被选中元件尺寸为80*80；当取消取消选中的时候，被选中数量select_amount-1，设置被选中元件尺寸为60*60；

5、设置“下一步”按钮的交互样式，当禁用的时候，设置背景颜色为灰色，字色为黑色；

6、设置兴趣框的尺寸改变事件，当尺寸改变时候，判断如果select_amount>0,设置“下一步”按钮为启用；当select_amount<=0,设置“下一步”按钮禁用；

7、复制“抽烟”兴趣框，修改为其他兴趣爱好，至此，兴趣选择的原型就制作好了。

以上即是关于“Axure兴趣选择原型动效怎么制作？”的分享内容了，希望能够帮助到你~！更多Axure原型技巧，尽在Axure相关文章！很多小伙伴学习Axure都选择了在网上学习，但是很多都是东拼西凑的学，以致于学习到和实际操作的可能就有所出入了~所以学习Axure，还是系统化比较好！选择的Axure自学视频课，相信能够给予你知识的收获以及动手实操的经验~