產品經理指南系列:我該使用什么樣的原型工具?

分類:設計 時間:2017-01-13

畫原型圖,是產品經理最基本的技能之一。但是,對于工具的選擇,往往成了新手產品汪們最糾結的問題。

想做一個優秀的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。


Tags: 設計工具 產品經理

文章來源:http://www.jianshu.com/p/2b12790b1906


ads
ads

相關文章
ads

相關文章

ad