一、原型设计工具比较

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，切换界面流程

• 由登录界面进入三个主要界面，由三个主要界面延伸出其他的界面。