网易云课堂解析_Axure案例解析:网易云音乐唱片机播放

文章分享了网易云音乐唱片机播放效果的原型设计过程,希望对你有所受用。

056f19565156f36914a902de7fe62076.png

申明:本文仅仅是探索学习网易云音乐App的样式和交互设计,和网易云音乐App本身无关。

网易云音乐App在播放音乐时,拟物化地显示一个唱片机。开始播放时,音乐响起,唱片开始旋转,唱臂轻轻旋转后搭在唱片上,暂停时,唱片渐渐停下来,唱臂也从唱片上移走。

我们可通过Axure的交互设计动作的设置,精确控制它的交互操作,例如在暂停时,让唱片再次旋转一点角度,等待停下来后,再将唱臂移走,请注意后面设置交互动作的顺序。

550d71aae8a0e11cbd8e291d5b220104.gif

01 界面布局

唱片机由一个唱片和一个唱臂组成,先准备好两张图片。

76efa032b63c2331f2e791e40774339e.png

两张图片都是PNG格式

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值