4款最受歡迎的Mac原型工具

 

原型工具中Wireframe, Mockup和prototype之間的有什麼不一樣？

不管你是一名剛入行的UX/UI設計師，仍是入行多年的老手，在製做原型的過程當中必定接觸或據說過其中很重要的三個原型術語：「wireframe （線框圖）」， 「Mockup」 或「prototype」。但捫心自問，你真的可以明明白白的分清他們嗎？

事實上，就我而言，更多的是將他們當作是產品軟件迭代設計的三個階段：

第一階段: 繪製線框圖（wireframe）

當設計師或產品經理在瞭解到用戶需求和產品自己特點及性能以後，會理所固然的對於產品軟件主要界面，佈局和功能分配之類要素有個全局把握，爲了測試這些想法的可行性，他們經常會使用一些手繪的原型工具繪製出一些沒有太多產品細節的原型草圖，而這些草圖通常被稱做線框圖（wireframe）。

第二階段：編輯調整線框圖建立具備更多細節的Mockup

而後，當設計師們與其餘的設計師或產品經理討論並聽取他們的意見以後，會對線框圖作出調整和完善，即添加更多的部件，顏色，圖層，佈局和排版之類的細節以後，建立更真實和高保真的Mockup。

 

第三階段：添加動畫交互建立prototype項目 

以後，爲了讓網頁或移動端原型更生動，直觀且接近最終應用, 設計師會對原型添加各類動畫，交互以及轉化設計，從而建立prototype項目。

總之，線框圖（wireframe）更相似於設計師根據想法制做的關於產品應用的草圖，展現出應用大體的佈局，所包含的的功能界面以及真實外觀之類主要因素。而Mockup則加入了更多細節和視覺元素，以便讓原型自己更接近應用的最終成品。固然，只是外觀上的接近。而後，prototype則是添加了更多交互和動畫的原型，以便設計師能夠更好的展現和測試軟件應用的功能。

簡而言之，三種原型各有特點。並且，現今市場上，爲增長原型工具自己的市場競爭力，從產品功能上分析，並無絕對的wireframe，mockup或prototype原型工具。例如balsamiq就是一款容許設計師繪製草圖的mockup原型工具（既可用做wireframe工具，也可用作mockup工具。）

哪些最受歡迎且免費的Mac原型工具值得試一試

既然市場上並無徹底絕對的wireframe, mockup或prototype工具，那麼咱們在選擇的時候就須要更多的關注，哪一款原型工具可以更方便咱們製做某種類型的應用原型。因此，這裏介紹4款最受歡迎且免費的Mac原型工具，以便你們下載使用：

1). Balsamiq

Balsamiq是一款免費且界面簡潔的Mac原型工具，致力因而儘可能給用戶，即UX/UI設計師，產品經理和開發工程師，一種近似於直接使用筆和紙繪製原型草圖的體驗。它可以幫助設計師快速地直接在Mac電腦上繪製網頁或Android/iOS移動端設備應用的草圖。其快速添加功能也爲設計師搜索和拖拽須要的應用界面組件提供了便利。並且，其在線團隊協做功能也能更方便參與其中的設計師，用戶，客戶，產品經理及開發工程師提出針對應用原型的建議和評論，更有益於原型方案的提高和完善。

可是，因爲Balsamiq是一款須要設計師一一繪製出應用原型部件的手繪工具，並不適合須要建立更多細節和動畫的設計師。

 

2). Mockplus

Mockplus是一款簡單快速且全面的Mac原型工具。提供了很是豐富的功能幫助設計師建立網頁或移動端app的wireframe, mockplus 或prototype項目：

*提供了超過3000個圖標和200組件的強大組件庫，便於設計師快速設計建立原型

*容許設計是經過簡單拖拽建立可視化交互和動畫

*快速格子功能，傻瓜式操做，爲設計師快速實現批量複製提供了便利

*8種演示分享方式，方便設計師展現和分享原型設計

*團隊協做功能，一鍵分享，通知閱覽和批註，方便設計師分享設計資源和完善原型設計

*項目例子和模板，一鍵導入便可使用，方便用戶設計各類社交，音樂，旅遊及學習等軟件原型。

總之，不管你是須要建立線框圖，mockup或擁有靈活交互的prototype, Mockplus都會是你不錯的選擇。

 

3). Pencil Project

Pencil Project是既一款開源的GUI 原型工具，同時也是一款免費且適用於Mac平臺的原型工具。軟件內置多樣的圖形和組件，方便設計師直接繪製各式應用界面原型。它支持多種導出格式，例如PNG, PDF, SVG 和 ODT 文件格式等。並且，若是須要的話，在使用Pencil Project製做原型時，還可在原型文件以內添加組件與頁面之間的連接，使原型更具可操做性。

因此，從這一方面來說，Pencil Project對於無需建立複雜原型項目（即無需添加多樣配色，版式和動畫）的設計師來說，使用起來會更方便。

 

4). InVision

InVision是一款在線的原型工具。容許設計師編輯，分享和測試具備必定交互的應用原型。而其團隊協做功能，即容許設計師導入原型，討論和添加交互及動畫，也爲部分設計師用戶所喜好。並且，做爲一款支持大部分瀏覽器打開的在線工具，InVsion也適用於任何Windows和Mac電腦。

因此，InVision更適合但願經過在線團隊協做完善原型交互，同時可以及時獲取其餘設計師，產品經理以及軟件開發人員建議和反饋的設計師使用。

 

總結

所以，若是你是喜歡手繪網頁或手機端應用原型的草圖的文藝青年， 手繪風格的Balsamiq會是你不錯的選擇。若是你是但願建立具備豐富色彩，佈局多樣，細節清晰且交互生動的應用原型的設計師，簡單快捷且功能齊全的Mockplus會是你很好的嘗試。若是你是但願找到一款可以幫助你設計和繪製不太複雜的應用原型，Pencil Project會帶給你有趣的體驗。固然，若是你只是但願經過團隊協做優化應用原型並得到其餘參與設計師的建議反饋，Mockplus和InVision都值得嘗試。