您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure教程:明日之子投票界面交互动效制作

发布人:www.yunke.ai 发布时间:2021-01-01 141 次浏览

本文以明日之子投票界面为例,拆解了其中的交互动效,并具体分析了每一个交互动效的操作步骤。

最近在追明日之子每天疯狂给妹妹点赞,所以尝试下投票界面的制作,分享给大家,这是我发布的第一篇文章,欢迎各位产品前辈批评指正!

预览效果链接:https://h3i5no.axshare.com

效果展示:

一、分析交互动效

大致分为以下三个步骤:

  1. 中继器的制作,绑定数据(包括选手的头像、姓名、排名、点赞数)。
  2. 点赞事件的创建,及导致票数的改变。
  3. 根据点赞数排名,调整数据显示位置。

二、制作交互动效