原型设计工具比较及实践

目录

• 一、原型设计工具比较
  • 1.墨刀
  • 2.Axure
  • 3.Mockplus
• 二、原型设计实践
  • 1.主题名称
  • 2.功能
  • 3.界面设计考虑因素
  • 4.切换界面
  • 5.界面切换流程图
  • 6.界面交互演示

一、原型设计工具比较

1.墨刀

• 适用领域
       首先是国产的，是北京一家公司设计的。墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。它同时也是协作平台，项目成员可以协作编辑、审阅 ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

• 优点

  • 分享方便。反馈及时。
  • 非常容易做交互，操作简单，效率极高，适合初学者。
  • 界面优美整洁。简洁的界面在一定程度上有助于提高开发人员的效率。
  • 强大的演示能力。墨刀在轻量级的移动端原型制作更加迅速，展示更加方便。

• 缺点

  • 需要收费。墨刀本地下载功能需要注册购买，无法直接分享给他人。
  • 应用局限性。墨刀专注于app原型设计,在后台和网页稍有乏力。
  • 归档能力不足。墨刀更倾向于链接、二维码形式输出，不能以文档输出

2.Axure

• 适用领域
       Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建各种图和一些规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
• 优点
  • 应用灵活，可拓展性强，拥有超级强大的交互制作能力。
  • 高保真的原型设计工具，名声大，专业性高。
• 缺点
  • 本地型软件，可以下载html文档预览，手机预览不方便。
  • 难度稍大，入门较慢。鉴于其比较复杂，学习难度较大，新手劝退。
  • 规范性较差。编辑能力着实强大，变相导致规范性差，管理不便。
  • 制作原型的速度比较慢（交互操作太多），常常耽误时间，而且修改较繁琐。

3.Mockplus

• 使用领域
        Mockplus（摹客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。
• 优点
  • 审阅协作、无缝真机预览。
  • 适合快速开发迭代的模式，上手快。
  • 模版管理、组件交互动画、素描风格等功能为独有创新。
  • 开发成本低，软件免费。
• 缺点
  • 功能不够强大，个人性化设计还有潜力。
  • 软件细腻性有待提高。鉴于其操作简单入门快的特点，功能追求快捷，一定程度上忽略了功能的细腻性。
  • 平民软件，专业性不足以服众。

二、原型设计实践

1.主题名称

• 本次实践项目是一款音乐app

2.功能

• 用户可以使用听歌识曲获取音乐
• 用户可以进入主页面，其中有查看每日推荐歌曲，歌曲飙升榜，查看歌单广场等功能。

3.界面设计考虑因素

• 页面设计参考了网易云，qq音乐等软件，对排版，交互功能性和实用性重点设计。
• 听歌识曲页面以简洁实用性为主，主要着重于识曲的功能性。
• 歌单广场页面设计显示当前热门歌单，以及当前达人推荐。
• 飙升榜页面显示当前时段播放量增幅最大的歌曲，使用户更加清晰当前热门音乐。

4.切换界面

   1.听歌识曲界面

• 界面功能
  • 进行听歌识曲

• 界面组成

  • 听歌识曲按键
  • 识别中显示标志
    
    

• 前置条件

  • 点击主页面听歌识曲按键
    
    

• 后置条件

  • 显示听歌识曲界面
    
    

• 操作步骤

  • 点击听歌识曲按键，点击听歌识曲进行识别，等待识别完成。

   2.每日推荐界面

• 界面功能

  • 推荐每日歌曲
    
    

• 界面组成

  • 每日推荐的歌曲
  • 歌曲播放按键
    
    

• 前置条件

  • 点击主页面每日推荐
    
    

• 后置条件

  • 显示每日推荐歌曲界面
    
    

• 操作步骤

  • 点击每日推荐，显示每日推荐歌曲，点击歌曲进行播放。

   **3.飙升榜界面**

• 界面功能
  • 歌曲播放量增幅排行

• 界面组成

  • 排行榜歌曲。
  • 歌曲播放按键
    
    

• 前置条件

  • 点击主页排行榜按键
    
    

• 后置条件

  • 显示飙升榜界面
    
    

• 操作步骤

  • 点击排行榜按键，显示排行榜歌曲，点击歌曲进行播放。

   4.歌单广场界面

• 界面功能
  • 推荐精品歌单，包括喜好推荐，官方推荐，达人推荐等。
  • 用户之间共享歌单。

• 界面组成

  • 喜好推荐歌单。
  • 歌单推荐分类。
    
    

• 前置条件

  • 点击主页歌单广场
    
    

• 后置条件

  • 显示歌单界面
    
    

• 操作步骤

  • 点击歌单广场按键，显示推荐歌曲，点击歌单进行收藏。

5.界面切换流程图

• 主页面
  • 首先进入主页面，有听歌识曲，每日推荐、排行榜、歌单广场。
• 听歌识曲
  • 点击听歌识曲按键，进入听歌识曲，点击识别，显示识别中，等待识别结果。
• 每日推荐
  • 点击每日推荐，显示推荐歌曲，点击播放按键即可播放。
• 排行榜
  • 点击排行榜，显示飙升榜，点击播放按键即可播放。
• 歌单广场
  • 点击歌单广场，显示广场推荐歌单，点击歌单即可收藏。
    
    

6.界面交互演示

https://www.bilibili.com/video/BV1Ks4y1A7cg/vd_source=d1c2561319edd5685e45da14099a4c19