目录
一、原型设计工具优缺点比较
1.墨刀
-
适用领域
墨刀是一款在线的移动应用原型与线框图工具,借助墨刀,创业者、产品经理及UI/UX设计师等用户群体能够快速搭建移动应用产品原型,演示项目效果;同时墨刀也可作为协作平台,项目成员可以协作编辑、审阅。
-
优点
- 免费试用,学习成本较低。
- 操作简单,页面相对简约,适合初学者。
- 墨刀包含丰富模板和素材库,同时可自动生成页面流程图。
-
缺点
- 无法离线保存,必须在线操作。
- 组件较少,无法适应大型应用需求。
- 专门为移动端打造,有一定局限性。
2.Axure
-
适用领域
Axure是一款专门用来画原型的工具,也可以用来画流程图。其受众群体也非常广泛,除了产品经理外,还包括产品专员、产品助理、产品经理、需求分析师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等相关岗位者。
-
优点
- 功能齐全、资源丰富、基本上想要的效果都可以实现。
- 编辑功能强大,制作素材库会更加便携。
- 可以项目共享,可以随时找到历史版本的项目文档。
-
缺点
- 学习成本高,深入学习了解需要一定学习门槛。
- Axure默认元件以及样式不及墨刀和mockplus美观。
- Axure的大部分PM需要寻找相应第三方素材库,需要花费相应的时间。
3.Mockplus
-
适用领域
Mockplus(摩客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用,帮助设计师“关注设计,而非工具”。
-
优点
-
Mockplus自带组件库和图标库,界面设计方便。
-
左侧项目层级分明,有多种页面供设计者选择。
-
控件组合交互简洁明了,对初学者友好。
-
-
缺点:
- Mockplus表格功能有待完善,在使用时有细微影响。
- 深入学习成本较高,需要较高知识储备和经验。
- 不支持鼠标悬停,同时在手机端预览不太直观。
二.原型设计
1.主题名称
- catch音乐 ——一款听歌播放器
2.功能
- 一款音乐app,在听歌界面中,用户可以通过点击心形按钮加入喜欢的音乐,可以观看歌词,对当前歌曲进行评论,同时可以将自己喜欢的音乐分享给QQ好友、微信好友以及微博分享等。
3.界面设计考虑因素
- 音乐app的目地是服务于大众,让用户在喧嚣浮躁的世界中得到慰藉,那么此app页面需要清爽简约,一眼就可以找到自己想听的音乐。
- 功能齐全用户才会喜欢,将大部分功能放在一个界面中,这样用户不必多次翻找,降低无用时间,增加市场竞争力。
4.界面切换介绍
-
1.听歌界面
-
界面功能
- 在当前界面中,可以将歌曲添加为我喜欢的音乐,可以进行暂停和播放,以及切换自己喜欢的听歌模式。
-
界面组成
- 音乐进度条,歌词,听歌模式,开始暂停,上一首下一首音乐以及听歌列表。
-
前置条件
- 点击选择页面中的听歌界面。
-
后置条件
- 点击开始按钮,开始播放音乐。
-
2.评论页面
-
界面功能
- 在此页面中,可以进行编辑文字后输入,同时可以看到其他人的评论并进行点赞,在此页面也可以进行分享。可以根据不同的选择对评论进行不同的排序。
-
界面组成
- 当前播放音乐的专辑照片,对歌曲进行评论的人的头像,评论时间以及昵称,点赞数等。
-
前置条件
- 点击听歌界面中右下角的评论小图标。
-
后置条件
- 编辑文字,评论发送成功。
-
3.歌词页面
-
界面功能
- 此界面可以浏览当前播放音乐的歌词。
-
界面组成
- 当前播放音乐的歌词,听歌列表等。
-
前置条件
- 点击听歌界面的圆形唱片。
-
后置条件
- 歌词弹出。
-
4.分享页面
- 界面功能
- 此界面可以将音乐进行分享,可以分享给QQ好友、微信好友以及微博。
- 界面组成
- QQ图标、微信图标、微博图标共同组成分享页面。
- 前置条件
- 点击主页面、听歌界面、歌词界面的听歌列表。
- 后置条件
- 打开分享页面。
- 操作步骤
- 点击分享图标后,选择想要分享的聊天软件,即可进行分享。
5.界面切换流程图
- 首先进入主界面后,点击主界面左上角的"更多"导航键,进入选择页面,在选择页面中根据自己的喜好选择所需要的功能。如音乐黑名单歌手及歌曲、边听边存、听歌界面、评论界面、歌词界面以及分享界面。