介紹主流原型設計工具
0.墨刀：
①不用學習！簡單易用的原型設計工具，0 到 1 繪制原型、還是設計師導入設計稿制作互動，都可以快速輕松完成可互動原型。
②電腦、手機、微信等多種裝置完美示範你可以将你的作品分享給任何人，無論在 PC、手機或微信上，他們都能随時檢視最新版本。
③工作流文檔生成，關注産品全局開發人員可告别複雜的需求文檔，打開工作流便可看到全局狀态和注釋，實時同步進度和文檔——工作流成為最有效的溝通語言。
④線上團隊協同，多人聚焦讨論産品細節、新增需求、打點評論清晰可見。制作者可以第一時間收到細節回報，友善意見的統一修改。
⑤Sketch + 墨刀 = 互動批注利器将 Sketch 的設計稿一鍵導入墨刀即可馬上制作互動，工程師還可以通過開發者模式，看到完整的圖層資訊。
頁面與我們常用的android studio相符，更貼近開發環境，更利于建立完整的貼合的原型
完整入門：
注冊/登入墨刀後，首先到達的是「項目管理頁」，建立的項目都會展示在這個頁面。
點選右側的按鈕「建立項目」，可以選擇空白項目，也可以直接套用模闆。
選擇空白項目：有iPhone、ipad、Android、Web四種平台，選擇後進入項目屬性設定頁，可設定不同的裝置型号。點選建立，就進入到了工作區。
如想自定義原型尺寸，可選擇Android的Customize進行自定義。
直接套用模闆：墨刀推出了豐富的模闆項目，可先預覽模闆效果，挑選成功後點選「建立項目」即可。
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是一款來自西班牙的原型制作工具，主要緻力于高保真原型。它提供的功能有繪圖工具，拖放位置,大小,格式和導出/導入的小部件。你還可以自定義小元件，建立自定義元件庫，并進行分類。此外，該産品原型工具還提供豐富的動畫支援及強大的互動效果（支援手勢互動），官網有豐富的元件及模闆資源，使用者可以根據需要下載下傳使用。
優點：支援高保真，支援動畫效果，便捷的自定義樣式，支援原型共享，支援手勢互動。
缺點：學習成本較高，程式啟動較慢。
适用人群：追求高保真原型的産品經理及設計師。
個人總結
1.墨刀簡單快捷，并且有免費的中文版本，能跟sketch更好的關聯，同時支援多種平台，模拟開發時的界面設計更好的設計原型，是以我認為對于我們開發而言墨刀是9個軟體中比較好的選擇
2.Fluid UI有免費的版本，而且提供一個項目沒有限制免費體驗的時間，也是不錯的成本效益高的，适合大學生的選擇，但又由于界面看起來不夠直覺，對于小白而言開發原型有些困難，是以不是最佳選擇
3.Mockplus的基礎版也是免費使用的，她的明顯缺點就在于不能進行手勢互動，但是對于我們剛開始學習的學生而言，不需要高精确度，而且基本功能資源豐富，簡單易學好上手，是以基礎版本也很适合我們使用
4.其他的軟體大部分都是有一個免費試用期，但是在我們是學生的時間段内體會不到他們價格之間帶來的成果的差距，是以更建議專業人士去選擇
posted on
2020-05-21 11:27
孫語晨
閱讀(293)
評論(0)
編輯
收藏
舉報