原型设计工具比较及实践

• 一.对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点
• 二.功能
• 三.界面设计考虑因素
• 1. 主页面:
• 2. 听歌识曲界面
• 3. 收藏歌单界面：
• 4. 下载管理界面
• 四.界面流程

一.对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点

1. 墨刀：

   • 优点：

     • 用户界面简单易用，易上手
     • 支持多人制作，可同时完成一份文件
     • 可以导出多种格式的文

   • 缺点：

     • 无法进行复杂场景交互
     • 自定义组件支持较弱
     • 在线协作时文件过大会出现卡顿

   • 适用领域：

     • 中小型项目

2. Axure：

   • 优点：
     • 功能强，支持复杂交互设计
     • 可以自定义组件
     • 支持多人协作，可分工合作完成
   • 缺点：
     • 操作复杂，不易上手
     • 界面繁琐，需学习时间
     • 文件较大时会出现卡顿
   • 适用领域：
     • 大型项目和复杂交互场景

3. Mockplus:

   • 优点：
     • 操作简单，易上手
     • 支持多种模板
     • 支持多人协作
   • 缺点：
     • 仅支持简单的交互
     • 自定义组件支持较弱
     • 无法支持多样化交互
   • 适用领域：
     • 中型项目

二.功能

1. 本组选择的原型设计主题为在线听歌，本组设计提供以下功能:

   • 在界面中进行相互跳转
   • 一键返回主页面功能；

2. 本组制作了1张流程图，16张界面设计图

   • 界面设计图分别为：

     • 主界面

     • 听歌识曲界面

     • 下载管理界面

     • 歌单界面

     • 歌曲信息界面

     • 视频界面

     • 视频播放界面

     • 个人信息界面

     • 编辑个人信息界面

     • 设置界面

     • 签到及关注界面

     • 关注界面

     • 邮件通知界面

     • 播客界面

     • 播放列表

     • 直播界面

三.界面设计考虑因素

本组的原型设计作业参考了网易云音乐PC端的界面设计，本组认为此程序界面功能丰富的同时又不冗杂，给人的直观感觉很清新舒适；

我在本此作业中负责(1)(2)(3)(4)四项及流程图的设计；

1. 主页面:

该界面是本组原型设计的核心界面，可以通过此界面进入其他各界面,点击播客则跳转至播客界面。

 - 文字注释：

界面介绍：此界面为本组作业的初始界面；
前置条件：打开该应用
后置条件：可通过以下热区跳转至其他界面；

 - 文字区域描述:

视频则跳转至视频界面，关注则跳转至关注界面，直播则跳转至直播界面了，收藏的音乐则跳转收藏歌单界面，下载的音乐则跳转至下载管理界面；

 - 图标区域描述:

：点击此图标则跳转至个人信息编辑界面;

：点击此图标则跳转至签到及关注界面;

：点击此图标则跳转至设置界面;

：点击此图标则跳转至信息提醒界面;

：点击此图标则跳转至听歌识曲界面;

：点击此图标则跳转至播放列表界面;

：点击此区域则跳转至当前播放歌曲的具体信息及歌词界面；

2. 听歌识曲界面

 - 文字注释:

界面介绍：此界面为听歌识曲界面；
前置条件：点击听歌识曲图标
后置条件：识取当前的歌曲信息，跳转至其他界面

此界面需要在任意界面中点击听歌识曲图标进入；

 - 图标注释:

：点击此图标则跳转回主界面;

3. 收藏歌单界面：

 - 文字注释：

界面介绍：此界面为收藏的音乐列表;
前置条件：点击收藏的音乐区域
后置条件：播放歌单内音乐，跳转至其他界面，返回主界面

此界面需要在任意界面中点击收藏的音乐区域进入；

4. 下载管理界面

 - 文字注释：

界面介绍：本界面为下载到本地的歌曲列表；
前置条件：点击下载的音乐区域;
后置条件：更改存储位置，跳转其他界面，播放本地音乐；

此界面需要在任意界面点击下载的音乐区域进入;

四.界面流程

1. 流程图

首先进入主页面，选择点击播客，视频，直播，我喜欢的音乐，本地与下载，听歌识曲，头像，歌曲封面，设置，邮件，签到，关注等选项进入相应界面，进入视频界面后可以点击任意视频封面进入视频观看，进入歌单界面后可点击列表查看当前的播放列表，点击头像后可点击编辑个人信息更改头像以及签名等。