画原型图,是产品经理最基本的技能之一。但是,对于工具的选择,往往成了新手产品汪们最纠结的问题。
想做一个优秀的PM,首先要先成为一名不折不扣的软件狂魔,所以相信大家原型软件也试用了不少。但是试来试去,实际使用时还是只会用一两种,而且经常会画的也不尽人意。那么,是原型软件不够好吗?
作为一款优秀的原型工具,我认为应该拥有以下几种特点:
1,快。能够通过简单几步拖拉,快速做出原型图。不要像在PS里那样各种调整大小,一个像素一个像素对齐。
2,全。各种状态栏、对话框、提示框、元素符号最好一应俱全。别整个常用图标符号还得去网上搜索素材。
3,美。虽然是我们做的是原型图,追求的是朴素。但总也不能画得像90年代的风格,对吧?
4,享。即可快速的分享,做出来还要导出特定格式,装特定的软件插件才能看?这会让我们拿给客户或投资人分享的时候凭空多了不少麻烦。
下面谈谈我用过并且喜欢的几款原型图软件:
1,Axure RP
知名的老牌原型设计软件,功能强大!元件丰富,支持母版,交互语法详尽,教程良多。
但是,如果要求做的很快的话,那么Axure做出来效果就会丑,非常丑!因为Axure的元件是没法自动吸附对齐的,拖拽经常会导致大小不一。虽然支持导入元件库功能,但是一个很难寻找一个全而美的元件库,所以在做图时经常会用到许多不同的元件库,这样做出来的原型图就会画风混乱,看起来比较诡异。
Axure RP虽然交互功能强大,但是大多是为Web而设计的,APP上的交互不是那么容易实现。原型可以生成带目录导航的html文件集,可以方便的在电脑上浏览。但是遗憾的是,如果电脑没装过Axure RP软件的话,就需要提示安装插件。而且生成的文件不可以再手机上浏览,需要导出图片的话也要一张张得截取.
与Axure RP类似的产品还有很多啦,像UI desginer(腾讯CDC出品),JustinMind(一个西班牙公司的产品,在移动交互设计上比Axure强)。
2,Balsamiq Mockups
它所内置的元件都是手绘风格,而且比较齐全。Balsamiq Mockups是基于Adobe Air开发的,所以界面看着有点别扭。Balsamiq Mockups的上手倒是挺快的,就是简单的元素拖拽,分分钟搞定一张原型图。
不过,由于是基于Adobe Air开发,所以画布上图形很多的话,就会有点卡。另外,Balsamiq Mockups的其他功能很薄弱,像不支持母版,不支持交互、不能导出有结构的演示文件。
3,墨刀。
国人开发一款在线原型软件。有很多漂亮的元件,元件可自动对齐吸附,也可组合。
可以实现简单的元素到页面的跳转。
最贴心的功能是生成的演示链接可以发送到在手机浏览器\微信里演示,效果也不错。目前我们项目的第一版的原型图设计使用的正是墨刀。
唯一有点小遗憾是目前不支持母版功能,这样有时改一下一个通用元素就要改很多页面。
4,Mockup plus。
另一款国人开发的在线原型软件。从名字就可以看出来,其定位为Balsamiq Mockups的进阶,其实事实也是如此。Mockup plus的用法与Balsamiq Mockups有些类似,但是又比之多了些更适合国人的功能,可谓Balsamiq Mockups的云存储增强版。
支持导入Balsamiq Mockups的源文件(但不能导出)!
支持手绘/正常风格的切换。更多的图标元件,同样可以在移动设备上查看演示效果。
不过,导出全部图片需要付费(现在每月只要5元钱,也不贵),目前也不支持母版。
那么我该如何选择呢?
其实,原型软件只是工具,我们要活用工具,善用工具。根据需求情况的不同,选择的工具自然也就不同。
如果你需要生成一个带有各种交互效果的原型,并且不介意只能在电脑上演示,那么推荐你使用Axure,或者研究下Justmind。
如果你需要快速做出原型,并且需要在手机上看演示效果,顺带研究下页面跳转关系,那么推荐你使用选择墨刀。
如果你需要快速生成原型图片,并且喜欢手绘效果,那么你可以选择Mockup plus或Balsamiq Mockups。