实验一：在线听歌APP原型设计
一、实验题目：原型设计
二、实验目的：掌握产品原型设计方法和相应工具使用。
三、实验要求
1.对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点，具体内容如下：
(1)适用领域：
- 墨刀
墨刀是一款打通产设研团队，实现原型，设计，流程，思维导图一体化的在线协同工具，是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。 - Axure
Axure 是一款专业的快速原型设计工具，拥有强大的组件库，可快速完成产品或 Web 线框图、流程图及原型设计，加上控件和动效的支持，堪称交互神器，支持 Window、macOS 系统。 - Mockplus
Mockplus用于软件产品的设计，包括原型设计、交互设计和用户体验设计，具有自主的研发技术和知识产权，为全球四千万的产品经理、项目经理、UX/UI设计师、开发工程师提供更快更简单的设计解决方案，为软件企业创造持续增长的价值。
(2)优点
- 墨刀
- 省去了本地文件对内存的挤压，也不需要再想尽办法备份，文件不易丢失；
- 随时随地都可以管理项目，墨刀有移动端，也做了wap适配；
- 实时保存，不怕软件会突然崩溃
- 界面设计美观大方，更偏向于“交互性”的原型设计工具，简单易上手，更符合团队协作的设计工具
- 有丰富的元件，不需要自己编写，可以直接使用，其控件的拖拉、大小的调整，都会自然的去匹配相应的母版大小；
- Axure
- 即可以画图，又可以做文档，画图的难度比PS低，写文档比word灵活；
- 有一套非常强大的交互编辑器，可以实现复杂的逻辑的关系处理，使得模拟更加真实；
- 使用成本低，几乎为零；
- Mockplus
- 基础版免费使用，操作简单，上手快，交互简单 (只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样;
- 有原型演示,有助于更好的理解原型产品；
- 针对不同的设备，有大量的元素和图标库；
- 通过简单的拖放，就可容易地创建交互原型
(3)缺点
- 墨刀
- 不适合做文档，只适合做交互设计；
- 由于事件系统比较简单，无法演示复杂的交互效果；
- 需要付费才能使用更强大的共享创建功能；
- 本地下载功能需要注册并购买，普通用户只能通过页面分享、或者扫一扫的形式进行观;
- 墨刀本地下载的功能需要注册并且购买；
- Axure
- Axure的默认元件和样式都不太好看；
- 学习成本高，高级元件的使用有一定学习门槛；
- 手机端演示效果差，服务器不在国内，自带元件库用处不大；
- Mockplus
- 不支持鼠标悬停，手机预览不是很清楚，日历表组件是静态的；
- 必须在线操作，离线时无法保存
- 免费版对于项目数量、页面数量有限制
- 页面流程图不能自由操作。
2.利用网络资源自学Mockplus或墨刀等原型设计工具，并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。
选题：在线听歌
四、主题说明
- 音乐可以使人产生镇静安定、轻松愉快、活跃兴奋等不同的感觉；除此之外，由于乐曲的旋律、速度、音调等不同，作用于人的感觉器官就能起到不同的功效。 从而使人的身心得到放松，情绪得到调节;有助于人缓解神经疲劳，轻松入眠；还可以有效地疏解各种压力，使人身体更健康，听歌对人们的生活有着不可替代的重要性。
五、功能说明
- 登录页
登录界面：在登录时，需要输入手机号或邮箱以及密码进行登录，登录成功后进入app首页。若未注册过，单击“注册按钮”即可进入注册页。 - 注册页
注册界面：依次输入“用户名，11位手机号，手机验证码，6-15位密码”后，单击“完成注册”按钮，即注册成功，跳转到登录页，再进行登录。若已注册过，单击登录按钮/已有账号-点击登录 都可进入登录页，再进行登录。 - app首页
首页界面：界面中包括“个性推荐，歌单，排行榜，推荐歌单，私人FM”等等，个性化图片可自动滚动，单击“我的”，即可进入“我的音乐”界面，单击“社区”，即可进入社区界面。 - 我的音乐页
我的音乐界面：包含“最近播放，收藏，设置”等等，单击设置图标，即可进入设置界面。单击收藏图标即可进入收藏界面。单击“返回”图标或首页，即可退回首页，单击“社区”，即可进入社区界面，。 - 设置页
设置界面：包含了“账号，播放与下载，其它”等的基本设置，单击“返回”图标即可返回我的音乐界面。 - 收藏页
收藏界面：含有全部收藏的歌曲，可显示歌名，歌手等，单击“返回”图标，可返回到我的音乐界面。 - 社区页
社区界面：包含“派对，广场，关注”等，单击“返回”图标，可返回到主界面单击“首页”进入主页面，单击“我的”进入我的音乐页面。
六、界面设计考虑说明
冷色调可以给人“开阔、凉爽、通透”之感。因此在界面的颜色上采用了冷色调的浅蓝色，外加飞机造型，得点俏皮感，所在界面用红色字标识，使之更加清晰。
七、操作步骤
- 输入“用户名，手机号，验证码，密码”进行注册，注册成功回到登录界面进行登录。
- 输入“手机号，密码”进行登录，进入首界面。
- 单击社区进入“社区”界面，单击返回图标可返回到首界面，或单击主页进入主页面，或单击我的进入我的音乐界面。
- 单击我的进入“我的音乐”界面，单击返回图标可返回到首界面。
- 单击设置图标进入“设置”界面，单击返回图标可返回到“我的音乐”界面，再单击返回图标可返回到首界面。
- 单击收藏图标，进入我的收藏页，单击返回图标可返回到“我的音乐”界面，再单击返回图标可返回到首界面。
八、界面设计
（一）界面功能总览
（二）具体界面
- 登录界面：
- 注册界面：
- 主界面：
- 我的音乐界面：
- 设置界面：
- 收藏界面：
- 社区界面：
