原型设计工具比较及实践--滴爱音乐

目录

• 一、原型设计工具比较
  
  
  
  • 1.墨刀
    
    
    
    • 适用邻域
      
    • 优点
      
    • 缺点
      
    
    
  • 2.Axure
    
    
    
    • 适用领域
      
    • 优点
      
    • 缺点
      
    
    
  • 3.Mockplus（摹客）
    
    
    
    • 适用领域
      
    • 优点
      
    • 缺点
      
    
    
  
  
• 二、原型设计
  
  
  
  • 1.主题名称
    
  • 2.功能
    
  • 3.界面设计考虑因素
    
  • 4.切换界面
    
    
    
    • 我的页面
      
    • 积分中心页面
      
    • 会员中心页面
      
    • 我的收藏页面
      
    
    
  • 5.界面交换流程
    
  
  

一、原型设计工具比较

1.墨刀

适用邻域

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

1.组件：丰富，供不应求。每一个组件又细分到：组件、图标、图片、和页面。Axure只有单一的组件可供选择，更多时候需要自己去组合，而墨刀组合分类好的可省去很多时间。素材很多，海量免费使用。
2.帮助中心：从每一个组件、图标可以链接进入其帮助中心，查看使用指南，一条龙服务，非常方便，非常适合初学的新手。
3.由于产品设计团队都中国的，相对于Axure，比较符合我们的作业习惯，登陆方便 支持网页登陆。
4.墨刀将带来全新的设计工具，响应式布局、布尔运算、渐变色填充，甚至是协作，且远不止此。性能优化实现高并发高可用的协同设计，毫秒级响应，操作体验更顺滑，智能化操作设计，减少繁琐的操作步骤，提升设计效率。
缺点

需要收费，才使用墨刀；不够灵活，自由度低；免费内容极少，只能网页操作，无法离线保存。
2.Axure

适用领域

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
优点

1.免费，功能强大，交互功能比较强大，处理可以更细节；
2.有强大的编辑功能, 使得制作素材库会更便捷一点，更快的复制粘贴，素材库和原型库会多一些，有较为完善的管理功能；
3.可以项目共享，使得同事间可以同步工作，并保留所有工作历史，并可以随时到处历史版本的项目文档。
缺点

使用需要安装；保存在本地，安全性较差；操作繁琐，而且文件一大就容易卡死。
3.Mockplus（摹客）

适用领域

摹客（Mockplus）是成都摹客科技有限公司旗下设计协作品牌，专注于一站式的产品设计和协作平台，为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。摹客可以自产出高保真设计，支持多款主流设计工具（Sketch/PS/XD/Axure等）的设计稿交付，团队成员在产品、设计到开发的各个工作环节，利用多种设计工具，都能使用摹客平台协同工作。
优点

1.Mockplus设计了组件、图标、收藏、母版的 Tab，切换起来很方便。
2.做原型，交互简单，只需拖曳就可以，更快更简单
3.功能多样，组件资源丰富
缺点

手机预览偶尔会出现闪退且不清晰；不支持鼠标悬停，日历表组件是静态的；不支持手势交互。
二、原型设计

1.主题名称

在线听歌--滴爱音乐
2.功能

1.用户可查看收藏歌单及本地下载歌单
2.查看个人账号积分，积分可兑换礼品
3.用户在会员中心选择是否充值会员，可查看会员有效期
3.界面设计考虑因素

1.界面简单，用户查看通俗易懂
2.界面布局合理，图文结合，适当美观
3.用户可按照自己的喜好更改界面外观主题
4.切换界面

我的页面

• 界面功能
  
  
  
  • 查看积分
    
  • 查看会员
    
  • 查看收藏及本地下载歌单
    
  
  
• 界面组成
  
  
  
  • 页面切换项
    
  • 收藏歌单
    
  • 积分中心
    
  • 会员中心
    
  
  
• 前置条件
  
  
  
  • 登录软件，切换到“我的”界面
    
  
  
• 后置条件
  
  
  
  • 选择需要进入的界面，点击选项
    
  
  
• 操作步骤
  
  
  
  • 点击“积分中心”，进入查看积分
    
  • 点击“会员中心”，进入查看会员有效期以及更换主题
    
  • 点击“收藏”，可进入收藏歌单列表
    
  
  

积分中心页面

• 界面功能
  
  
  
  • 领取积分功能
    
  • 积分兑换礼品功能
    
  • 查看积分兑换订单功能
    
  
  
• 界面组成
  
  
  
  • 页面返回键
    
  • 头像和积分信息
    
  • 能领取积分的各项任务
    
  • 可兑换的礼品
    
  
  
• 前置条件
  
  
  
  • 在“我的”界面，点击进入“积分中心”
    
  
  
• 后置条件
  
  
  
  • 返回“我的”界面
    
  • 领取积分，查看获得积分的更多任务
    
  
  
• 操作步骤
  
  
  
  • 点击界面左上角的箭头，返回到“我的”
    
  • 点击“领积分”，领取积分
    
  
  

会员中心页面

• 界面功能
  
  
  
  • 查看会员有效期功能
    
  • 选择是否续费会员功能
    
  
  
• 界面组成
  
  
  
  • 头像、用户名
    
  • 会员等级徽章
    
  • 界面返回项
    
  
  
• 前置条件
  
  
  
  • 在“我的”界面，点击进入“会员中心”
    
  
  
• 后置条件
  
  
  
  • 选择续费会员
    
  • 改变主题装扮
    
  
  
• 操作步骤
  
  
  
  • 点击界面左上角的箭头，返回到“我的”
    
  • 点击“立即续费会员”，续费会员
    
  
  

我的收藏页面

• 界面功能
  
  
  
  • 查看、播放收藏歌单里的音乐
    
  • 搜索功能
    
  
  
• 界面组成
  
  
  
  • 歌曲名称及歌手
    
  • 音乐播放滚动条
    
  • 页面返回项
    
  • 搜索按钮
    
  
  
• 前置条件
  
  
  
  • 在“我的”界面，点击进入“收藏”
    
  
  
• 后置条件
  
  
  
  • 选择播放收藏的音乐
    
  • 对想听的歌曲进行搜索
    
  • 返回“我的”
    
  
  
• 操作步骤
  
  
  
  • 点击界面左上角的箭头，返回到“我的”
    
  • 点击任意一首歌曲播放音乐
    
  • 点击搜索按钮，进入搜索界面
    
  
  

5.界面交换流程

首先进入我的页面，用户按自己想法分别选择进入任何一个页面。选择点击“积分中心”，则进入积分中心查看积分、领取积分或用积分兑换礼物；选择点击“会员中心”，则查看会员有效期；选择点击“收藏”，则进入收藏歌单，播放歌单里的音乐或者进入搜索界面，搜索歌曲。所有界面都有返回键，可返回到上一个页面。
graph TDA[开始] -->B(进入我的页面)B -->C[进入积分中心页面]B -->D[进入收藏页面]B -->E[进入会员中心页面]D -->F[进入搜索界面]C -->G[结束]F -->G[结束]E -->G[结束]
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！