原型设计工具比较及实践--滴爱音乐
目录[*]一、原型设计工具比较
[*]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.切换界面
我的页面
https://img2023.cnblogs.com/blog/3170391/202304/3170391-20230424144637463-756805759.png
[*]界面功能
[*]查看积分
[*]查看会员
[*]查看收藏及本地下载歌单
[*]界面组成
[*]页面切换项
[*]收藏歌单
[*]积分中心
[*]会员中心
[*]前置条件
[*]登录软件，切换到“我的”界面
[*]后置条件
[*]选择需要进入的界面，点击选项
[*]操作步骤
[*]点击“积分中心”，进入查看积分
[*]点击“会员中心”，进入查看会员有效期以及更换主题
[*]点击“收藏”，可进入收藏歌单列表
积分中心页面
https://img2023.cnblogs.com/blog/3170391/202304/3170391-20230424144700607-189083317.png
[*]界面功能
[*]领取积分功能
[*]积分兑换礼品功能
[*]查看积分兑换订单功能
[*]界面组成
[*]页面返回键
[*]头像和积分信息
[*]能领取积分的各项任务
[*]可兑换的礼品
[*]前置条件
[*]在“我的”界面，点击进入“积分中心”
[*]后置条件
[*]返回“我的”界面
[*]领取积分，查看获得积分的更多任务
[*]操作步骤
[*]点击界面左上角的箭头，返回到“我的”
[*]点击“领积分”，领取积分
会员中心页面
https://img2023.cnblogs.com/blog/3170391/202304/3170391-20230424144708301-1185494751.png
[*]界面功能
[*]查看会员有效期功能
[*]选择是否续费会员功能
[*]界面组成
[*]头像、用户名
[*]会员等级徽章
[*]界面返回项
[*]前置条件
[*]在“我的”界面，点击进入“会员中心”
[*]后置条件
[*]选择续费会员
[*]改变主题装扮
[*]操作步骤
[*]点击界面左上角的箭头，返回到“我的”
[*]点击“立即续费会员”，续费会员
我的收藏页面
https://img2023.cnblogs.com/blog/3170391/202304/3170391-20230424144715799-1053840801.png
[*]界面功能
[*]查看、播放收藏歌单里的音乐
[*]搜索功能
[*]界面组成
[*]歌曲名称及歌手
[*]音乐播放滚动条
[*]页面返回项
[*]搜索按钮
[*]前置条件
[*]在“我的”界面，点击进入“收藏”
[*]后置条件
[*]选择播放收藏的音乐
[*]对想听的歌曲进行搜索
[*]返回“我的”
[*]操作步骤
[*]点击界面左上角的箭头，返回到“我的”
[*]点击任意一首歌曲播放音乐
[*]点击搜索按钮，进入搜索界面
5.界面交换流程
首先进入我的页面，用户按自己想法分别选择进入任何一个页面。选择点击“积分中心”，则进入积分中心查看积分、领取积分或用积分兑换礼物；选择点击“会员中心”，则查看会员有效期；选择点击“收藏”，则进入收藏歌单，播放歌单里的音乐或者进入搜索界面，搜索歌曲。所有界面都有返回键，可返回到上一个页面。
graph TDA[开始] -->B(进入我的页面)B -->C[进入积分中心页面]B -->D[进入收藏页面]B -->E[进入会员中心页面]D -->F[进入搜索界面]C -->G[结束]F -->G[结束]E -->G[结束]
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]