目录
一.原型设计工具比较
1.墨刀
- 适用领域
墨刀适用于一些简单，快速的在线原型设计工作，设计便捷，协同办公效率高；但是使用界面免费有限页面数量，和受网络影响可能导致页面丢失让墨刀下降了一个层次，通过Axure对比，原型末班不像Axure那么丰富。 - 优点
-
容易上手，界面很简单明了一些
-
可以直接生产分享链接和二维码，同时能自动形成页面流程图
-
支持团队协作
-
- 缺点
-
必须在线操作，离线无法保存文件
-
免费版对于使用程度用很大限制
-
2.Axure
- 适用领域
Axure作为一款专业的快速原型设计软件，其实在功能上是十分齐全的，并且交互的样式也比较多样，主要是通过动态面板、函数、中继器等几个模块就几乎可以实现任何常见的交互效果，所以说Axure在制作PC端原型图上是占有非常强大的优势的；除此之外，Axure还拥有强大的编辑功能，使得你所制作的原型更具生动化！你还可以将常用的交互和组件进行打包！
- 优点
-
功能最齐全，交互最多样
-
制作PC端原型图上有优势
-
- 缺点
-
不容易搞懂
-
需要第三方素材库进行载入，耗费时间
-
3.Mockplus
- 适用领域
Mockplus（摹客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。- 优点
-
基础版免费使用，操作简单，上手快，交互简单
-
功能多样，组件资源丰富，预览方式和导出类型多样
-
支持团队协作
-
有原型演示
-
有组件库和图标库，界面设计较为方便
-
- 优点
- 缺点
-
不支持鼠标悬停
-
手机预览不是很清楚
-
日历表组件是静态的
-
表格功能还需要完善
-
二.原型设计
1.主题名称
- 本次设计的主题为在线听歌APP。
2.功能
-
用户可以通过搜索栏搜索自己想听的歌曲。
-
用户在听歌界面点击右下角的功能键可以查看当前播放的歌曲列表。
-
用户在听歌界面点击评论功能键可以查看当前播放歌曲的评论。
-
用户在听歌界面点击下载功能键可以下载当前歌曲。
-
用户在听歌界面点击更多按钮可以分享当前歌曲也可以复制歌曲链接进行分享。
3.界面设计考虑因素
-
参考了网易云，QQ音乐等各大音乐APP。
-
为了用户的听歌体验，提升用户听歌的沉浸感，界面采用了极简风格的设计，同时为了满足用户的各种需求，我们的功能设计在了不影响用户观感的，恰到好处的范围内。
4.切换界面
1.搜索界面
-
界面功能
- 搜索歌曲
-
界面组成
-
搜索历史
-
热门歌曲推荐
-
-
前置条件
- 点击搜索栏
-
后置条件
- 显示搜索界面
-
操作步骤
- 点击搜索栏，输入想要查找的歌曲名
2.评论区界面
-
界面功能
- 发表评论，查看他人评论。
-
界面组成
-
他人评论
-
发表评论
-
-
前置条件
- 点击播放界面的评论功能键
-
后置条件
- 显示评论区界面
-
操作步骤
- 点击播放界面的评论功能键进入评论区界面
3.当前播放列表界面
-
界面功能
- 查看当前播放的歌曲列表
-
界面组成
-
当前正在播放的歌曲列表
-
播放界面
-
-
前置条件
- 点击播放界面的列表键
-
后置条件
- 显示当前播放歌曲界面
-
操作步骤
- 点击播放界面的列表键进入当前播放界面
4.分享界面
-
界面功能
- 分享歌曲
-
界面组成
- 可以分享到的APP图标，复制链接图标
-
前置条件
- 点击播放界面的分享键
-
后置条件
- 显示分享界面
-
操作步骤
- 点击播放界面的分享键进入分享界面
5.下载界面
-
界面功能
- 下载当前歌曲
-
界面组成
-
播放界面
-
下载功能界面
-
-
前置条件
- 点击播放界面的下载键
-
后置条件
- 显示当前播放歌曲的下载界面
-
操作步骤
- 点击播放界面的下载键进入歌曲的下载界面
5.界面切换流程
- 登录后点击搜索栏可以进入搜索界面，播放歌曲后进入播放界面，在播放界面可以点击进入平评论区，也可以查看播放列表，也可以进行歌曲分享，以及歌曲下载功能。