4款APP原型設計工具助你搞定移動應用設計！

 

隨着信息化社會的不斷髮展，不只手機迭代更新的速度飛快，就連手機裏的App 也層出不窮。做爲一名UI/UX設計師或產品經理，如何才能設計一款出色的移動App?光有好的創意是不夠的，你還須要一款正確的App原型設計工具來表達你的設計！

 

 

 

很多設計新手和產品小白在選擇原型工具前，早已經被網上五花八門的原型設計案例看得眼花繚亂，無從下手。實際上，大多數案例都是這些工具做爲教程或炫技使用的。一般，有經驗的設計師或產品經理在挑選App原型設計工具時都會從如下這些方面進行考慮：

 

l  是否支持多終端演示（隨時隨地都能演示。）

l   是否擁有高效複用的組件（提升工做效率。）

l   是否能快速生成流程圖（方便開發者理解設計。）

l   是否支持團隊協做（多個設計師或產品經理一塊兒使用。）

l   是否知足三低（低學習成本，低製做成本，低閱讀成本。）

 

根據以上這些特色，小編精心挑選了幾款App原型設計工具對其功能進行了介紹，以供各位參考選擇。

 

1. Mockplus

 

價格：我的版  免費 （僅高級功能須付費。）

                        199 RMB /人/年               699RMB /人/終身

           團隊版  999 RMB /團隊/年            3999 RMB /團隊/終身

           企業版  5999 RMB /企業/年         19999 RMB/企業/終身

 注：企業版可供30人使用，實際平均費用爲199RMB/人/年，666 RMB /人/終身。

 

若是你是一位熱愛設計，卻無從下手的設計新手，那麼這款原型工具絕對能帶給你意想不到的驚喜！

 

 

做爲原型工具中的後起之秀，學習曲線低，操做簡單。功能也十分齊全，擁有豐富的組件和圖標，自帶流程圖和腦圖功能，能創建本身的組件庫和自定義樣式庫等。一我的完成原型設計愛莫能助？別怕，它新增的團隊協做功能，秉承了簡單快速的設計理念，操做便捷。設計師徹底可使用團隊協做功能，邀請成員分工合做。近期他們還推出了企業版，可供30人以上的團隊協同設計。

 

新手製做App原型設計無從下手？別擔憂！Mockplus提供了豐富的App設計模板（從iOS到Android）供用戶學習和臨摹。想要本身動手設計App? 沒問題，打開Mockplus軟件，直接選擇手機項目類型便可開始設計。而後，在左側的組件庫中搜索須要的組件，拖拽到工做區便可應用。如需頁面跳轉，直接將觸發組件的連接點連接到跳轉頁面便可。完成原型界面內容頁面後，就能夠演示並分享了！（Mockplus目前支持8種演示方式，隨時隨地均可查看原型！）

 

點評：這款原型工具適用於任何階段的設計師和產品經理，上手快，操做簡單，同時可以較好地實現交互效果。

 

 2.   Axure RP

 

 價格：我的版  290 RMB /月                      4000RMB /終身

      團隊版  7000 RMB /套  

      企業版  9000 RMB /套

 

若是你是一位樂於探索新事物並有必定設計基礎的設計師，Axure Rp多是最適合的App原型設計工具！

 

 

原型設計中複雜的交互設計是它的強項，同時提供高保真與低保真兩種設計效果，擁有良好的文檔支持，自帶實用的流程圖功能，插件庫能夠定製特殊的行爲。它的團隊版和企業版還提供了團隊協做功能，主要包括團隊協做和在線評論，設計師還能使用Axure建立和託管團隊項目。

 

使用Axure製做App原型設計，設計師需先設置工做區的大小，而後從工具欄中拖動App頁面的元素進行設計；頁面中的具體細節可經過PS進行處理。最後按照軟件提示，將生成的文件壓縮並上傳，而後就能夠用手機掃描二維碼查看原型了。

 

點評：做爲一款成熟專業的原型交互工具，不管是它的基礎功能，仍是團隊協做功能，都是值得一試的。可是因爲其界面設置過於專業，對於新手來講，操做起來並不易，須要花費必定的時間去熟悉它。

 

3. InVision

 

價格：我的版  157 RMB/月                    1660 RMB/年

           團隊版  623 RMB /團隊/月           6768 RMB/團隊/年

           企業版  視人數而定

 

若是你是一位追求動效且喜歡多工具協做的設計師，那麼InVision是不錯的選擇！

 

 

 

與其它APP原型設計工具不一樣的是，InVision是一款能直接導入原型圖，而後發佈以及邀請成員共同編輯原型交互，動畫和轉化之類的交互工具。它更偏向於製做交互，但它的團隊協做功能也值得一試。例如其多人協做編輯功能，評論添加功能，以及團隊項目分享功能等等。

 

使用Invision製做App原型，首先建立項目，選擇設備類型。而後按照支持的圖片格式，一張張上傳製做好的原型圖。如今就能夠開始編輯原型了。如需頁面跳轉，經過創建操做熱點，設置跳轉頁面便可。最後點擊Share便可分享原型，經過生成的URL能夠進行在線預覽。需注意的是，製做了什麼類型的設備，該原型只能在該設備類型下打開預覽。

 

點評：它更適合已完成原型圖，須要團隊協做共同編輯交互和動畫的設計師們使用。

 

4. Justmind

 

價格：我的版  2472 RMB/人/年            2862 RMB/人/終身

          企業版  2940 RMB/人/年              5000 RMB/人/終身

 

若是你是一位注重原型的最終展現效果的設計師，那麼Justmind是你的不二之選！

 

 

Justmind是一款專業的移動端APP原型設計工具。使用JustinMind，你能夠在較短期內利用其普遍的組件和交互繪製高保真原型。整個設計過程無需編程，就能夠實現你想要的移動端交互效果。生成的交互能夠直接導入手機進行仿真的操做，你可以更直觀地感覺交互稿的魅力。除此以外，它還支持手勢交互效果，共享原型測試，發佈和收集反饋意見等等功能。

 

如何利用Justmind設計App原型呢？首先，創建一個新的項目並選擇原型類型。簡單熟悉界面後，便可開始設計。在左側工具欄中選擇所需組件放置工做區，在右側屬性面板進行編輯目標屬性，在界面下方編輯觸發事件。最後點擊Simulation便可預覽原型了。

 

點評：這款工具適合追求原型設計的中後期效果的產品經理。它的原型設計更接近於demo，便於向客戶展現你的項目。

 

後記

 

搞定App原型設計，設計師須要的不只僅是好的創意，還須要一款適合本身的App原型設計工具。由於設計師的工做需求不一樣，工具的選擇點也每每不一樣。根據本身所需的功能點對不一樣的工具進行類比，設計師必定能找到最合適的原型工具！