行動建模工具 Mobile UI prototype tool

輔助設計師建構行動裝置上的APP工具，能夠快速塑成介面模型，

再按照設計理念與構思，重新修改它並賦予新的意義。

對於不擅長自建APP驅動程式、需要立即藉由模型快速完成、測試用戶反饋的設計師，它不但可以達到實現APP建模的原型，輔助設計團隊在產品上的互動模式修正，更可以不斷滿足設計師的視覺體驗上，追求卓越的水準。

我們舉例四種行動建模工具，除了Justinmind是屬於比較高階的UI工具，其他的工具在上手階段是相較容易的，以下是它們分別的功能特色與相關使用介紹。

是一款web的原型設計工具，支持PNG、JPG、GIF、AI和PSD格式的文件檔匯入，接著運用InVision的工具，特色是它的互動設計功能多樣，能夠隨時為設計師需求做到介面功能上的懸停狀態，進行修正動作。

下載狀態：有免費試用版，詳細付費方案請點選連結

Prototype 系統支援：Android和iOS

這款原型設計工具是比較適合進階設計的模型設計師所使用，如果你是屬於初學者，要有它創建模型的過程相較複雜的準備。

它是屬於一體化的設計工具，特色功能是擁有創建網絡與移動應用程序的介面設計。

下載狀態：免費下載使用，欲享有完整功能請點選連結，至官網申請付費方案。

Prototype 系統支援：Windows、Android、iOS和黑莓機

全名是Adobe Experience Design，前身是Project Comet，主要是支持Adobe旗下繪圖軟體Photoshop和Illustrator為主，輔助設計師在進行矢量繪圖後將檔案匯入，從XD中調整設計介面中的互動功能，功能特色是可以，著重在使用者經驗預覽、修正調整的作業上，。

下載狀態：有30天試用版，欲享受完整功能請點選連結，了解付費方案。

Prototype 系統支援：Android和iOS

是Facebook所擁有的原型設計工具，因為一開始與Apple Quartz Composer，所以主要支持IOS系統，但Origami後來還是增加了Android的系統原型功能，功能特色是在內建的素材圖庫下載移動介面的動畫模式，讓設計師為個人設計的介面創造獨特性。

下載狀態：完整功能全部免費，缺點是無法在原本設計的以外設備，進行共享模型設計。

Prototype 系統支援：Android和iOS

接下來我們會解釋使用流程，可以預防在投入更多的時間與金錢開發前，確定產品設計介面帶給使用者的感受是好的。

Step1：找到適合自己能力與習慣的建模工具，進行下載、完成申請帳號註冊。

Step2：將設計後的介面草圖匯入建模工具，等待草圖上傳完成後，接著你可以嘗試從靜態介面轉換成交互式介面、開始進行內置設計的排序。

Step3：根據所選擇的創建模型工具，將設計師本身的想法視覺體驗化，在過程中也可以幫助設計師發掘更好的介面體驗設計。

Step4：經過討論與修正後，完成行動建模設計。

從點選APP、進入軟體系統、呈現裝置介面、使用者如何輕觸或滑動介面，都是設計師需要考量整體使用的流暢度，用戶不需特意去了解如何使用，而是產品本身引導用戶如何簡易上手。

在介面設計的主頁上我們可以強調品牌的核心忠旨，對於開啟介面時的動畫要簡約等，藉由建模工具我們可以更完整的呈現設計思考上的產品視覺表達，對於使用者經驗設計上會有明確的溝通幫助。

參考資料：

Mobile UI prototype tool 行動建模工具