原型设计工具比较及实验

Axure

优点:

1.有强大的编辑功能, 使得制作素材库会更便捷一点。

2.更快的复制粘贴,素材库和原型库会多一些。

3.可以项目共享,使得同事间可以同步工作,并保留所有工作历史,并可以随时到处历史版本的项目文档。

缺点:

1.正版的Axure售价高,学生等群体可能负担不起。

2.动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本,学习成本高。

3.Axure只支持在本地设计。

适用领域:
1. 视觉稿/高保真原型
2. 大型复杂项目
3. Web线框图
4. 网页原型

 

墨刀

优点:

1.操作效率高,易于上手。

2.动效丰富。

3.分享二维码到微信等十分方便。

4.可自动生成页面流程图。

5.专为移动端产品原型设计而生。基本上能满足移动端产品原型的设计要求并且系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少不必要的工作环节。

缺点:

1.必须在线操作(离线无法保存)。

2.免费版对于项目数量、页面数量有限制。

3.页面流程图不能自由操作。

适用领域:
1. 高保真原型
2. 复杂多交互项目
3. 安卓/ios端项目

 

Mockpuls

优点:

1.基础版免费使用,操作简单,上手快,交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。

2.有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。

3.mockplus有组件库和图标库,界面设计较为方便。

缺点:

1.不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。

2.表格功能还需要完善。

适用领域:
1. 中低保真原型
2. 快速原型
3. WEB/移动端/平板原型
4. 线框图
5. 视觉稿

 

三者的比较

墨刀和Axure: 

  总的来说墨刀和Axure就像美图秀秀和photoshop。前者都是简化了基础的操作,很像封装好了一个函数,你直接调用就可以了。大部分小伙伴外出拍了照片肯定是美图秀秀,选选效果,感觉不错之后立即分享。但是真的设计到很多的图层组合,可控地调整页面元素,还是会用到photoshop,这其实就涉及到不同的需求,你用这个软件是想达到什么目的,是更想研究逻辑结构还是更像展现原型效果,从目标来选择你的工具。

Mockplus除用于移动APP原型设计,还可以制作PC、网页的原型设计,它可以帮助UI设计师在最短的时间内完成产品原型图的设计。

 

 

二、原型设计实验

主题名称:在线听歌

功能:方便人们找到自己喜欢音乐的类型

界面设计考虑因素:对不识字的人可以通过图片了解详情

1.进入界面:

 

 

2.登录界面:为了方便保存自己喜欢的歌。它仅仅由账号和密码两部分组成,可以省去很多登录麻烦以及困扰,而且只有在登录后才能去找自己喜欢的歌曲,为自己保留了一定的隐私。

 

 

3.搜索界面:在搜索界面里 有各种类型的歌曲表单,一旦你点进去,就会推荐给你一系列相关标题的歌曲,省去了人们一首首歌曲找的时间,更是极大地方便了喜欢相声等特殊的人群。

 

 

4.歌曲表单:在经历第三个歌曲搜索界面后,一旦你点入相关标题的歌曲表头,那么第四个页面的歌曲列表就出来了,这里面都是最近红红火火的歌曲,方便自己寻找想要歌曲及快速听曲。

 

 

posted @ 2022-04-21 23:21  胖胖要胖&  阅读(67)  评论(0编辑  收藏  举报