一、原型设计工具比较
1，墨刀
- 适用领域
墨刀作为一款在线原型设计与协同工具，可以协助产品经理、设计师、开发、销售、运营及创业者等用户群体搭建产品原型，演示项目的效果，还能够让团队成员在同一个项目上进行编辑，审阅。各个作品间可轻松导入导出，以满足多样化的场景需求。 - 优点
- 操作简单，适合初学者上手。
- 可以通过网页分享，多人编辑，利于团队协作。
- 可以通过手机app在手机上使用。
- 缺点
- 共享创建等关键功能需求付费才能使用。
- 数据存储于线上，安全性和保密性没有保障。
- 功能不够完善，无法完成一些相对更复杂的操作。
2，Axure
- 适用领域
Axure是一个专业的原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。 - 优点
- 功能强大，能实现复杂的逻辑关系处理。
- 视觉展现效果强，给人更直观的感受。
- 使用广泛，名声大，教学视频丰富，交流经验方便。
- 缺点
- 缺少素材库，需要自行寻找。
- 上手难度相对大，学习成本较高。
- 只支持在本地设计
3，Mockplus
- 适用领域
摹客为“1+2+1”（1个平台+2个工具+1个设计系统）的产品矩阵，支持全工序的产品设计，连接从需求到开发，为企业产品团队提供原型设计、UI设计、PRD文档撰写管理、全流程协作、自动标注切图、高效评论审阅，支持全部主流设计稿交付，助力产品经理、设计师、开发人员高效设计协作。 - 优点
- 基础版免费使用，包含了相对完整的功能。
- 操作简单，易上手。
- 自带组件库，图标库，利于界面设计。
- 原型直观，演示便利。
- 缺点
- 功能相对少，不能完全满足设计的需求。
- 不支持手势交互。
- 不支持鼠标悬停。
二、原型设计
1，设计主题
- 本次设计的主题为一款在线听歌软件。
2，基本功能
- 用户可以在登录后进入主页面来根据需求跳转到想要的页面。
- 用户可以在发现页面寻找自己喜欢的音乐。
- 用户可以在主页查看自己的账号，打开自己喜欢的音乐。
- 用户可以在关注页面与其他用户进行互动。
- 用户可以通过播放暂停按钮随时开关音乐，也可以打开播放列表。
3，界面设计考虑因素
- 欣赏音乐时人常常比较沉浸，为烘托氛围，听歌界面设计比较简洁。相反，主页为吸引用户的目光，就使用了与背景底色对比强烈的颜色，同时加入了大量元素使页面更加紧凑。
- 界面之间分工明确，客户可以通过界面之间的切换满足需求。
- 为优化用户听歌体验，简化了其他功能的操作，使用户能在几步之内找到自己想要的音乐。
4，切换界面
1，发现页
- 界面功能
- 播放/暂停音乐，调整歌曲进度。
- 打开歌曲页面，打开播放列表。
- 切换至主页，切换至关注页。
- 打开侧页，打开搜索栏，打开听歌识曲。
- 打开每日推荐，打开排行榜，打开歌单，打开有声阅读。
- 每日推荐歌单
- 界面组成
- 屏幕顶部区域由侧页，搜索栏，听歌识曲按钮组成。
- 屏幕底部区域为发现页，主页，关注页间的切换按钮。
- 屏幕中从上至下，从左至右为首页推荐，每日推荐，排行榜，歌单，有声阅读，推荐歌单。
- 前置条件
- 登录界面进入。
- 点击发现按钮。
- 点击各个子页面的返回键。
- 后置条件
- 进入发现页，进行下一步操作。
- 操作步骤
- 点击相应按钮，跳转至其他页面。
- 播放/暂停音乐。
2，主页
- 界面功能
- 播放/暂停音乐，调整歌曲进度。
- 打开歌曲页面，打开播放列表。
- 切换至发现页，切换至关注页。
- 打开侧页，打开搜索栏，打开听歌识曲。
- 打开心动模式。
- 查看个人信息与收藏歌单。
- 界面组成
- 屏幕顶部区域由侧页，搜索栏，听歌识曲按钮组成。
- 屏幕底部区域为发现页，主页，关注页间的切换按钮。
- 屏幕中从上至下，为账号信息，喜欢的音乐，歌单。
- 前置条件
- 点击主页按钮。
- 后置条件
- 进入主页，进行下一步操作。
- 操作步骤
- 点击相应按钮，跳转至其他页面。
- 播放/暂停音乐。
3，关注页
- 界面功能
- 播放/暂停音乐，调整歌曲进度。
- 打开歌曲页面，打开播放列表。
- 切换至发现页，切换至主页。
- 打开侧页，打开搜索栏，打开听歌识曲。
- 打开心动模式。
- 查看关注用户动态，进行转发，评论，点赞。
- 界面组成
- 屏幕顶部区域由侧页，搜索栏，听歌识曲按钮组成。
- 屏幕底部区域为发现页，主页，关注页间的切换按钮。
- 屏幕中为关注用户的动态，动态下方为转发，评论，点赞按钮。
- 前置条件
- 点击关注按钮。
- 后置条件
- 进入关注页，进行下一步操作。
- 操作步骤
- 点击相应按钮，跳转至其他页面。
- 播放/暂停音乐
4，播放列表
- 界面功能
- 切换歌曲。
- 将歌曲从播放列表中删除。
- 界面组成
- 列表从上至下显示播放歌曲的顺序，左上角有返回按钮。
- 前置条件
- 点击播放列表按钮。
- 后置条件
- 进入播放列表，进行下一步操作。
- 操作步骤
- 点击相应歌曲切换播放歌曲。
- 点击相应歌曲后的“X”删除列表中歌曲。
5，侧页
- 界面功能
- 查看账户信息。
- 跳转至下载，歌单，设置界面。
- 界面组成
- 列表从上至下先显示账户信息，再显示下载，歌单，设置的按钮。
- 前置条件
- 点击播侧页按钮。
- 后置条件
- 进入侧页，进行下一步操作。
- 操作步骤
- 点击相应按钮跳转至相应页面。
- 点击空白界面可返回上一页面。
5，切换界面流程
- 由登录界面进入三个主要界面，由三个主要界面延伸出其他的界面。