《全民k歌》k歌图标微动效

产品体验

1.未点击k歌图标和点击k歌图标进行微动效交互

设计思考

在未点击时，利用胶囊形状突出该功能并加宽点击区域，此时胶囊形状里面的图标一个手拿着话筒是倾斜的。而当我们点击胶囊k歌图标时，从胶囊变成一个圆的动效过渡，并且里面的图标手拿话筒也跟着摆正了。

从这个动效交互到结束我们大概可以看出，未点击时图标倾斜表示我放下了话筒，而当我点击时，图标摆正了，表示我摆正了话筒，开始进入表演。