一、原型设计工具比较
墨刀：
适用领域：墨刀适合快速原型设计和协作。特别是对于小型项目、个人设计者或团队合作，提供了友好的界面和快速的拖放功能。
优点：
1.拥有基础的组件库。
2.易用性高，模板多。
3.快速上手，适合快速迭代和团队协作。
缺点：
1.功能相对较简化，对于复杂交互实现比较麻烦。
2.对于特定的功能性排版，没有合适的组件，需要人工绘制拼凑。
Axure：
适用领域：Axure适合大型项目和团队使用，提供了丰富的交互设计能力和高保真的原型展示。适用于需要复杂交互和状态切换的项目。
优点：
1.强大的交互设计能力、高保真原型、支持团队协作和版本控制。
2.对于组件的切换和变换提供了非常多的方案。
缺点：
1.学习曲线较陡峭。
2.界面相对复杂。
3.不适合小型项目或个人使用。
Mockplus：
适用领域：Mockplus适合中小型项目和个人设计者使用，提供了简单易用的拖放功能和快速原型设计。适用于快速原型验证和迭代。
优点：
1.简单易用、快速原型设计、适合中小型项目和个人使用。
缺点：
1.交互功能相对简化。
2.不适合复杂交互和高保真原型展示，可能对于大型团队协作有限。
二、原型设计
1.主题名称:在线听歌软件
2.功能:实现用户登录、在线听歌、创建歌单、软件自推荐歌曲、歌单分享、歌曲分类等功能
3.界面设计考虑因素：
(1)人群:面对已经上班和正在读书的年轻人群设计，在前期的问卷调查中，发现学生党每天听歌时间大概在1-2h,上班党每天听歌在30min-1h之间。
(2)听歌习惯:大部分人会选择在音乐平台在线听歌或收藏到歌单中，因此增添了在线听歌和创建歌单的功能，实现用户记录和播放自己喜欢的歌曲。将创建歌单功能置于个人账号界面，方便查找且符合正常的听歌软件逻辑。
(3)个性化推荐:数据表明，60%以上的人听歌来源是软件歌曲随机推荐，结合已经有的音乐类别，我们根据用户平常的听歌习惯为用户提供随机歌单推荐。在听歌模式页面，只要用户选择了某种音乐类别，则播放符合该类别的音乐。
(4)轻量化设计:人们选择听歌的场合在家里或公共交通工具上居多，为了提供高效便捷的听歌体验，软件一打开就是播放歌曲的主页面，显示当前播放歌曲的海报、歌手、歌词等信息。采用上下滑动的方式切换歌曲，类似于短视频的切换，这样误点的几率小，切歌便捷。
3.原型界面：
(1)听歌主页面：
界面功能：播放歌曲，查看歌曲相关信息（如歌手，歌词，海报等），上下滑动切换歌曲。
界面组成：搜索框，歌曲信息，播放进度条，底部导航栏。
前置条件：打开软件。
后置条件：点击导航拦“发现”，切换发现页面；点击导航拦“我的”，切换个人账号页面。
操作步骤：拖动播放条更改歌曲进度；点击搜索按钮搜索歌曲；对歌曲进行添加歌单、喜欢等基本操作；点击听歌模式可以切换听歌风格，歌曲由软件随机推荐；上下滑动页面实现切歌。
具体页面设计见图1。
图1听歌页面
(2)个人账户页面
界面功能：查看个人信息，查询歌单，更改软件默认设置
界面组成：个人账号信息（id,关注、粉丝人数、个性签名），个人歌单和收藏的歌单，设置按钮，消息按钮，底部导航栏
前置条件：点击底部导航栏中“我的”
后置条件：点击导航拦“发现”，切换发现页面；点击导航拦“音乐”，切换播放音乐页面；点击歌单查看歌单列表；点击右上角设置活消息按钮，可以依次完成查询消息和更改软件默认设置的功能。
具体页面设计见图2。
图2个人账户页面
(3)发现页面
界面功能：系统推荐歌单和歌曲。
界面组成：系统推荐的每日歌单，通过常听歌曲推荐可能喜欢听的歌曲
前置条件：点击底部导航栏中“发现”
后置条件：点击导航拦“我的”，切换个人账户页面；点击导航拦“音乐”，切换播放音乐页面；操作步骤：点击歌单查看歌单列表；点击推荐歌曲播放歌曲，再次点击主页面时，主页面歌曲信息更改成最近播放歌曲。
具体页面设计见图3。
图3 发现页面
(4)听歌模式页面
界面功能：更改歌曲播放的类别。
界面组成：不同类别的歌单名称。
前置条件：点击播放页面左上角的“听歌模式”
后置条件：左滑退出该页面，回到播放页面
操作步骤：点击歌单直接换歌，歌曲由系统推荐。
具体页面设计见图4。
图4 听歌模式推荐
三、界面切换流程说明
用户通过底部导航栏进行歌曲播放页面、发现页面、个人账户页面的切换。在歌曲播放页面中，通过上下滑动切换歌曲；点击听歌模式切换到听歌模式的页面完成歌单切换，流程图见图5。
图5 界面切换流程说明