对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点,以下是对这三个工具的对比分析:对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点,以下是对这三个工具的对比分析:
1. 墨刀
适用领域:作为国内目前广受认可的一款在线原型设计和协同工具,墨刀有内置丰富的UI素材和模板,清爽的界面,让设计原型的过程顺畅高效。 墨刀同样支持Sketch设计稿的导入,拖拽式创建交互链接,可以通过链接或者二维码在电脑端或者移动端快捷预览原型
优点:
(1)可以放在手机端进行演示和体验,真正的让产品体验放在研发之前,提前确认效果,降低研发试错成本
(2)近乎完美的原型演示效果,适合产品设计确认与交互验证。
(3)丰富的元件,无需自己编写直接使用
(4)非常方便分享给他人,预览速度非常快
缺点:
(1)不适合做文档,只适合做交互设计
(2)由于事件系统比较简单,无法演示复杂的交互效果,比如需要变量控制页面,数据排序等
2. Axure
适用领域:Axure RP 是一款强大的原型设计软件,广泛应用于网页和移动应用设计中。它将设计、原型制作和项目文档整合在一起,为产品经理、设计师和开发者提供一个全方位的工具。
优点:
(1)即可以画图,又可以做文档,画图的难度比PS低,写文档比word灵活
(2)Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实。
(3)使用成本几乎为零
缺点:
(1)使用环境不美观,Axure的默认元件和样式都不够美观
(2)学习成本高,高级元件的使用有一定学习门槛,对于小白使用和操作不太容易
(3)手机端演示效果差,服务器不在国内,自带元件库用处不大等
3. Mockplus
适用领域:适合软件团队、个人在软件开发的设计阶段使用。 其低保真、无需学习、快速上手、功能够用。 并能够很好地表达自己的设计。 适合快速迭代的开发模式,无需学习、快速上手、功能强劲。 支持安卓App、iOS App、Windows / MAC OS桌面程序和Web原型设计。
优点:
(1)基础版免费使用,操作简单,上手快,交互简单 (只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。
(2)有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。
(3)Mockplus有组件库和图标库,界面设计较为方便。
缺点:
(1)不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的
(2)表格功能还需要完善
使用墨刀进行音乐app原型开发设计
一、主题名称:i尚音乐
二、功能介绍:为用户提供海量音乐、听书、故事、音乐视频,根据用户听歌历史和偏好,推荐相似或可能感兴趣的音乐,用户还可以欣赏或创建自己的个性化歌单,还可以与他人分享音乐在线同时听歌,本款app还设计了哄睡故事模块,主要针对于宝妈或一些需要给女朋友讲睡前故事的男性,整个app从主题设计,界面设计以及功能设计都是为了让用户在使用整个app的过程中体会到轻松惬意,忙里偷闲,恢复精力再重新投入到生活或工作中去。
三、界面设计
-
打开页
界面功能:通过图标强调本款软件的性质
界面组成:主题色调设计为绿色,中心图标由耳机和音乐符号还有i尚的logo图标等组成,
前置条件:打开手机端i尚音乐app
后置条件:等待2秒能够进入首页
-
登录页
界面功能:为用户创建登录账号
界面组成:用于输入账号的单行文本框、密码框、登录按钮、注册按钮、勾选阅读须知的单选按钮
前置条件:在打开页停留2秒才能进入
后置条件:登陆成功进入到首页
-
首页
界面组成:音乐类按钮、视频类按钮、搜索框、搜索图标、菜单、推荐模块、推荐歌单模块、控制音乐播放、下一首、歌单的按钮、首页按钮、听书按钮、本地按钮、我的按钮
界面功能:搜索音乐、播放推荐音乐、查看推荐歌单、切歌、查看播放列表、
前置条件:注册成功且登陆成功
后置条件:音乐搜索成功、音乐成功播放、歌单可以成功查看、可以切歌
-
搜索页
界面组成:搜索框、搜索按钮、最近搜索记录、删除最近搜索记录按钮、热搜榜推荐模块、热门分类推荐模块
界面功能:搜索歌曲、查看热搜榜、热门分类并进行搜索
前置条件:点击搜索框可以跳转到搜索页面
后置条件:呈现搜索结果、成功查看热搜榜和热门分类
-
音乐播放页
界面组成:显示歌曲名和歌手模块、歌手图片模块、歌词显示模块、同时听歌按钮、分享按钮、加入到我喜欢按钮、进度条模块、上一首按钮、下一首按钮、暂停播放开始播放按钮、切换播放模式按钮、查看歌单按钮
界面功能:可以切换上一首下一首、控制播放或暂停状态、查看歌词、分享歌曲、查看歌单、切换播放状态
前置条件:点击首页音乐播放模块可以进入到音乐播放页面
后置条件:成功控制音乐播放状态、成功查看歌词、分享音乐、成功切换播放状态查看歌单等
-
听书页
界面组成:推荐按钮、小说按钮、评书按钮、哄睡故事按钮、相声按钮、搜索框、播放按钮、精选故事模块
界面功能:可以搜索想听的书类、故事等等
前置条件:点击听书按钮后点击哄睡故事按钮
后置条件:呈现搜索结果、成功播放哄睡故事
-
本地页
界面组成:搜索框、查看歌曲按钮、查看歌手按钮、查看专辑按钮、查看文件夹按钮、播放按钮、显示所有本地歌曲模块、推荐免费下载模块、下载按钮
界面功能:能够查看所有本地音乐,按歌手分类的所有本地音乐、查看专辑、查看文件夹
前置条件:点击界面下方本地按钮可以成功跳转到本地页面
后置条件:成功查看所有本地音乐、成功下载音乐、查看专辑文件夹等
-
我的页
界面组成:用户头像、用户昵称、切换模式按钮、添加好友按钮、任务中心模块、会员中心模块、歌单模块、查看收藏、云盘、最近播放、好友列表按钮
界面功能:能够设置修改用户信息、查看我的收藏、我的云盘、最近播放、好友列表、歌单
前置条件:点击界面下方我的按钮可以跳转到我的页面
后置条件:能够成功设置修改用户信息、查看我的收藏、我的云盘、最近播放、好友列表、歌单
四、页面操作流程