音乐app设计说明范文.docxVIP

音乐app设计说明范文 1. 如何一步步设计开发一款音乐播放器App OooPlay 是一款极简音乐播放器，本文是产品原型设计培训师、OooPlay 设计者尹广磊的共享，文中具体阐述了OooPlay在产品原型设计和开发过程中的思维演化方式以及产品心路历程，在此共享给感爱好的读者。  先谈谈主体设计 在开头谈论如何设计出这款应用之前，先来看看OooPlay这款应用的演示视频让大家有个直观的了解。看过视频之后，由于规划或交互方式或许大家会觉得有一点酷的感觉，但本质上我们未不是在追求酷的感觉，而是一直在围绕功能做一款随性而紧凑的产品设计。  那下面就来还原一下，是如何一步步递进到现在的设计结果的： 首先，iPhone自带的音乐播放器不便利在列表上试听歌曲，一点击就会进入到另一个播放界面。这样想试听几首歌曲的话需要频繁点击“前往”。  后来留意到有这样一款应用Panamp是在列表上直接播放的就很便利，只惋惜这款应用不常用到的功能比较多，所以算不上精简和奇妙的设计导致特色不是很突出。我想从最后的角度动身假如让它能够是列表的形式并能听歌的话，只需要一个列表和播放暂停按钮就够了。  就像下面的草图这样： 然而仅仅这样是不够的，由于随着列表的扫瞄和滚动，如何能够快速回到正在播放的歌曲上就变得重要，所以需要在列表的顶端或底端能有一个按钮，可以快速定位到正在播放的歌曲上。想到必需要有这么个东西，那么加什么元素才能显示不突兀多余，又能跟全体的简约风格比较和谐呢？于是想到歌曲的CD画面对于反 映正在播放的歌曲是谁很重要，而且CD画面还能消退一些软件界面的单调。  另外，播放中时还应当有一些动态效果以体现出正在播放中的形态来。基于这些功能和元素的结合，想到了用CD圆盘来显示“CD画面”，用圆盘的转动来 体现出“正在播放中”，用点击圆盘的边缘来回到“正在播放的歌曲”，这样才算达到了一种“紧凑”的设计。  后面就是把播放、暂停、上一首、下一首这样最常用的功能，融入到CD圆盘的旁边。这样 然而，细想之下只要这些还是不够，由于搜寻歌曲虽然不常用，但是当需要用到时不能让用户从几百首歌里找不出那首歌曲来。  所以需要有搜寻功能，后面意识到还不止，还有随机、单首循环等，那么把这些功能加在什么位置？加在顶部吗？底部已经占用比较多的高度了，加在顶部一下子就会挤压到两头内容的空间，同 时让简约的感觉荡然无存。我就制造性的在纸上尝试着画了一个侧栏，把搜寻、随机、单首循环放在上面。  由于觉得歌曲列表的宽度压缩一点没关系。没想到这样放的效果不错，同时这种非对称的设计让CD圆盘待在那个位置特殊恰当。  我不想把CD圆盘放在两头那样毫无新意的表达方式。于是有了下图： 这样基本的规划有了，然后连续去细化一些功能。  我个人常常听到一首歌突然很有感觉，就想到手机里还有这个人的另外一首歌也很不错，就想去听一下。所以，需要有个功能可以通过一首歌找到这个人的全部歌曲。  于是在歌曲名称的后面添加一个“小人”图标，可以搜寻这个演唱者的其它歌曲，使用搜寻的方式也是为 了不额外添加界面，同时把“搜寻”这么一个不常用的功能也变得常用了。 另外，许多播放器都有了定时结束播放的功能，以便于睡觉前听着音乐入睡。  我也添加了此功能，从常用的角度只保留了30分钟和60分钟两个时间档（沙漏是倒计时结束播放）。再有就是为软件的“关于”保留一个入口，还有由于我有蓝牙立体声耳机所以添加了AirPlay功能的支持（无AirPlay设备时 不消失此图标）。  于是就有了下图： 其实，在只要列表的时候我就想到让音乐可以左右滑动以置顶置底了。这个是受Clear应用视频的影响，Clear的设计方式真的带给了设计师一些新的思索方向。  本质上那种重要的信息偏靠上不重要的信息偏靠下的内容，都可以采纳这种方式处理。 我个人觉得，音乐就可以恰当的使用这种方式，那些由于心情等临时不想听的歌曲直接右滑就可以置底，意思是“死的远远的”，那些比较关注想多了解的歌 曲就可以左滑把它置顶，这样最便利找到。  这样随性的处理，就可以让上面的歌曲偏好听，下面的歌曲偏不好听。这是其它音乐播放器所做不到的，况且它使用起来是如此的简便，这也是这个播放器最大的亮点。  同时，由于把想关注的歌曲左滑置顶了，所以也不需要再保留自带播放器“播放列表”的功能了，由于接近顶端的位置就算是播放列表了。而且我总觉得过去“播放列表”的方式，把歌曲在多个列表间移来移去过于机械化，一点也不随性和简便。  歌曲左右滑动见下图： 我并没有保留可以拖动歌曲排序的功能，由于单手那样操作并不简单，即便要双手来这样操作那也许也是