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

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

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

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

点击这里在线查看效果。

01 界面布局

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

两张图片都是PNG格式的透明背景，将两张图片拖动到设计界面上，调整好位置。添加一个“开始”按钮和一个“结束”按钮。

02 交互处理

这次主要看看交互事件的处理步骤。