“交互”和“视觉”虽然分设两个岗位,但两者关系密切,大的团队会有专业的交互设计师,小公司可能交互这块就比较含糊了。
我理解的交互设计是建立在服务于主体功能的基础上,友好易用、简单直接,这次的尝试是用手势操作来切换“歌曲列表”和“播放”两个页面,手势操作的好处就是更随心,不需要你明确点到一个按钮(因为有一定几率你没点到)。
这个动图里也有一些细节:
播放和暂停按钮的切换有一个小小的旋转;
播放和暂停按钮、歌名、歌手名在转场动画中保持了连续性;
歌曲列表页回弹的时候有一个渐进;
另外,界面里的6首歌分享给大家:
Long Long Way/Damien Rice
Papa Was a Redeo/Sara Lov
To Be By Your Side/Bruno Coulais
Soul On Fire/Spiritualized
Beautiful Ones/Suede
Heroes/David Bowie
一晚上的绘制和调试,节奏方面还不是很好,见谅。
今天下午想到的一个点子,“歌单列表”页和“播放页”用手势操作(上滑下滑,不用点按钮)进行切换。