文章分享了网易云音乐唱片机播放效果的原型设计过程,希望对你有所受用。
申明:本文仅仅是探索学习网易云音乐App的样式和交互设计,和网易云音乐App本身无关。
网易云音乐App在播放音乐时,拟物化地显示一个唱片机。开始播放时,音乐响起,唱片开始旋转,唱臂轻轻旋转后搭在唱片上,暂停时,唱片渐渐停下来,唱臂也从唱片上移走。
我们可通过Axure的交互设计动作的设置,精确控制它的交互操作,例如在暂停时,让唱片再次旋转一点角度,等待停下来后,再将唱臂移走,请注意后面设置交互动作的顺序。
01 界面布局
唱片机由一个唱片和一个唱臂组成,先准备好两张图片。
两张图片都是PNG格式