強烈推薦!2018最受歡迎的8款產品原型工具

Mockplus發表於2018-07-30

工欲善其事必先利其器。作為一名產品經理,如何才能快速地設計一款產品?一款優秀的產品原型工具必不可少。如何才能選擇一款適合自己的原型工具呢?小編特意整理了8款工具以供參考,並從學習曲線,價效比,功能優缺點等方面進行了簡單的介紹。希望能夠幫助大家挑選一款稱心如意的工具,提高工作效率。

1.Pop (Prototyping on Paper)

價格:免費試用30天 專業版 960 RMB/人/年

學習曲線:低

簡介: POP是一款設計介面的原型工具,適用於iOS和Android平臺。藉助POP,開發者或設計師只需在紙上簡單地描繪出創意或想法,拍下幾張草圖照片,並將照片按順序放置,利用連結點描摹出各張圖片之間的邏輯關係,就可輕鬆建立一個動態模型,點選播放即可演示整個模型。

優點:與Balsamiq等同類應用相比,POP的優勢在於簡單易用,學習曲線短,生成快速且能被分享。

缺點:只支援低保真原型。對於被展示的客戶或者團隊成員,只知道產品的大概方向;互動效果複雜時不能很好地表達設計。

適用人群:追求手繪風格及快速原型的產品經理和設計師(對於短期內使用免費原型工具的人群來說,這也不失為一個好選擇)。

2.Mockplus

價格:基礎版(終身免費) 專業版 199/人/年

學習曲線:低

簡介:Mockplus是一款簡潔高效的免費原型工具。它為使用者提供豐富的元件和圖示資源,通過拖曳即可實現介面設計。支援一鍵匯入專案頁面和模板,快速搭建基礎頁面。軟體還支援自定義元件庫,資料填充,Sketch匯入,拖曳設定互動等特色功能實現快速設計。近期,該工具還推出了團隊協作功能,團隊成員之間可以檢視、編輯、評論專案,幫助使用者更好地完成協作設計。

優點:學習曲線短,快速上手,互動簡單(只需拖曳),功能多樣,元件資源豐富,支援8種預覽方式和多種檔案匯出型別,支援團隊協作。

缺點:不支援手勢互動

適用人群:各階段的產品經理及UI/UX設計師,追求中低保真,互動效果,快速原型,新手或專業人群皆適宜。

3.Axure

價格:免費試用30天 專業版 3480 RMB/人/年

學習曲線:

摹客設計系統上線了!三大福利送不停!

領取福利

簡介:Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速產品原型工具,讓負責定義需求和規格、設計功能和介面的專家能夠快速建立應用軟體或Web網站的線框圖、流程圖、原型和規格說明文件。作為專業的原型工具,它能快速、高效的建立原型,同時支援多人協作設計和版本控制管理。

優點:變化多端的操作,自帶元件庫並支援強大的第三方元件庫,提供強大的互動支援,完整的教程及支援文件,支援原型預覽。

缺點:學習曲線較高,價效比不高,專業需求度高。

適用人群:適用於追求強互動效果及細節產品經理及設計師,需要具有一定經驗或較強專業性。

4.Wireframe sketcher

價格:免費試用14天專業版663RMB/人/年

學習曲線:較低

簡介: WireframeSketcher是一款強操作靈活、功能強大的線框圖工具。可幫助設計人員,開發人員和產品經理快速建立用於桌面,Web和移動應用程式的線框和原型。值得一提的是Wireframe Sketcher還是一款帶有手繪風格的創作工具,這在一定程度上可以幫助使用者專注於設計。除此之外,這款產品原型工具還提供大量的UI控制元件,支援通過連結建立互動原型,靈活的Wiki形式,線框圖註釋,生成PDF文件等。

優點:操作靈活,繪製頁面速度很快,功能強大,支援手繪風格,提供大量模板,可以進行原型匯出。

缺點:僅支援低保真,互動效果較少。

適用人群:簡單表達設計或追求手繪風格的產品經理及設計師。

5.Proto.io

價格:免費試用15天 專業版(5個專案)1924 RMB/人/年

學習曲線:中

簡介:Proto.io是一個專門用於移動應用的產品原型工具——可以構建和部署全互動式的移動應用的原型,並且可以模擬出相似的成品。基於Web的線上環境,它可以讓你製作流行的 iPhone,iPad,Android 手機以及任何帶有螢幕介面的產品原型。並且它可以執行在大多數的瀏覽器中,並提供了3個重要的介面:dashboard、編輯器以及播放器。

優點:豐富的UI元素,且可以自定義;支援多屏互動和元件互動,可以從Dropbox上傳設計圖。

缺點:不支援實時預覽,互動動效較多時動畫不夠流暢,價效比不高。

適用人群:擅長於使用Web瀏覽器的產品經理或設計師。

6.Balsamiq Mockups

價格:免費試用30天專業版 600/人/年

學習曲線:較高

簡介:Balsamiq Mockups是一款軟體工程中快速產品原型工具,可以作為與使用者互動的一個介面草圖,一旦客戶認可也可以做為美工開發HTML的原型使用,特別是在web原型圖設計領域有不錯的影響力。使用Balsamiq Mockups畫出的原型圖都是手繪風格的影象,看上去非常美觀、清爽。此外,這款工具支援幾乎所有的HTML控制元件原型圖,比如按鈕(基本按鈕、單選按鈕等)、文字框、下拉選單、樹形選單、進度條、多選項卡、顏色控制元件、表格、Windows窗體等。除此以外,還支援iPhone手機元素原型圖。

優點:雖然不是免費原型工具,但價效比也算不錯;工具內建大量模組,能夠快速應用於原型設計,支援手繪風格。

缺點:原型沒有配色,沒有設計風格,不能進行互動展示。

適用人群:需要生成簡單原型(草圖)的產品經理或設計師。

7.Fluid UI

價格:免費版(1個專案) 個人版(5個專案)661RMB/人/年

學習曲線:中

簡介:Fluid UI是一款用於移動開發的Web原型工具,可以幫助設計師高效地完成產品原型設計。使用者可以選擇低保真的線框圖來加快開發,也可以選擇高保真的元件來模模擬實的作業系統。Fluid UI 內建超過2000款的線框圖和手機UI控制元件,並且還會經常進行更新,如果這些圖片尚不能滿足需求,還可以上傳自己的圖片。

優點:操作簡單,無裝置限制,螢幕流功能,資源庫非常豐富,同時支援高低保真。

缺點:有時候看起來不夠直觀,價效比不是很高

適用人群:適合習慣使用多平臺的產品經理及設計師。

8.Justinmind

 

價格:免費試用30天 個人版 2472RMB/人/年

學習曲線:中高

簡介: JustinMind是一款來自西班牙的原型製作工具,主要致力於高保真原型。它提供的功能有繪圖工具,拖放位置,大小,格式和匯出/匯入的小部件。你還可以自定義小元件,建立自定義元件庫,並進行分類。此外,該產品原型工具還提供豐富的動畫支援及強大的互動效果(支援手勢互動),官網有豐富的元件及模板資源,使用者可以根據需要下載使用。

優點:支援高保真,支援動畫效果,便捷的自定義樣式,支援原型共享,支援手勢互動。

缺點:學習成本較高,程式啟動較慢。

適用人群:追求高保真原型的產品經理及設計師。

優秀的產品源於優秀的原型設計,而一個優秀的原型往往源於一款優秀的產品原型工具。作為一名產品經理或設計師,選擇一款適合自己的原型設計工具顯得尤為重要。本文分別從價效比,優缺點,學習曲線等方面為大家介紹了8款工具,相信您已經有了心儀的原型設計工具。心動不如行動,趕緊下載它們進行產品設計吧!

相關文章