好用原型設計軟體 Mockplus 免費畫互動 App 與網頁
以電子郵件傳送這篇文章BlogThis！分享至?Twitter分享至?Facebook分享到?Pinterest
前幾天在友站小眾軟件上看到一個免費易用的原型設計軟體：「摩客?Mockplus」，由大陸團隊開發，在去年（2014）下半年推出，是一個同時具備線上版、?Windows?與?Mac?OS?X?電腦版的?Prototype?設計工具，?Mockplus?自詡為：「?如果把?Axure?看作一頭大象，Mockplus?是一隻輕快的小鹿。」
原型（?Prototype?）設計，可以幫助專案企劃時有效的溝通網頁功能、軟體介面、?App?互動，透過畫出原型，讓產品經理、設計師、程式開發師、主管、客戶之間能夠了解產品本身的使用流程，把想像或文字化為具體可用的示範。
相比許多其他?Prototype?原型設計工具，「?摩客?Mockplus?」這個軟體最大特色就是非常簡潔易用，並且可以設計出「具備實際操作互動功能」的?App、?網頁、軟體原型，兼顧了專業與好上手，免費版就基本上夠用，值得有需要的朋友試試看。
·快速好上手的App、?網頁、軟體原型設計軟體
進入「摩客?Mockplus」後，完成免費註冊，就能開始使用線上版的原型設計工具。
因為這是由中國團隊所開發的工具，所以一開始預設就是簡體中文版，對臺灣用戶來說閱讀應該沒有太大的問題。
·專注在設計，而非工具
「?摩客?Mockplus?」的主要介面和知名的?Axure?RP?，或是其他線上製圖工具基本上是一致的格局，例如：
·Cacoo線上中文免費畫流程圖軟體，即時協同設計多種企劃草圖
左方是圖庫、模板，只要拖曳到中間的繪圖畫面就能隨意組合使用。而且「?摩客?Mockplus?」聚焦在軟體原型的設計，盡可能地考慮了大家規劃介面時的需求，讓企劃人員可以「專注在設計上」，而幾乎不用花時間學習工具操作。
·設計「可互動」的原型
說到「?摩客?Mockplus?」最大的特色，就是在免費使用的情況下，就能設計出可以互動操作示範的原型。
如何設計出可互動介面？首先在右方的頁面清單裡，隨時能夠新增刪減?App?、網頁、軟體的多層頁面。
在軟體原型圖上，就可以設定每一個物件的「交互（互動）」連結，例如指定這個按鈕點擊後要連結到哪一個頁面。
透過建立互動連結，就能產生可互動的多層介面原型。
·數百個實用的App、?網頁設計素材
「?摩客?Mockplus?」免費版中就已經內建了數百種圖標，如果升級到專業版又能額外獲得兩倍以上的圖庫。
http://2.bp.blogspot.com/-Xgzhmu-cXpg/VULjej4FrLI/AAAAAAAEUug/sZgIYkeIPCs/s1600/mockplus-05.png
而無論我們想要設計的是軟體介面、?App?介面或網頁介面，都可以在左方的素材庫里，找到這些介面的原型模板，直接拖曳到畫面中就能開始設計內容原型。
·素描或線條風格
在整體的原型風格上，「?摩客?Mockplus?」也支援了大家喜愛的素描風格，或是正統的線條風格。
·物件自訂性與註釋
點擊「?摩客?Mockplus?」原型圖中的每一個物件，還能自訂其大小、圖片，或是加上解說註解。
「?摩客?Mockplus?」也允許我們在設計原型時上傳自己的圖片素材來使用。
·「線上互動展示」你的App原型
而當設計完成後，如果要跟其他人展示你的軟體原型，可以點擊右上方的「播放」按鈕，就能打開獨立網頁開始線上展示，展示過程中就跟真的在操作這個軟體一樣，透過前面的互動連結設定，可以在原型中實際體驗操作的反應過程。
有興趣的朋友可以看看我的粗淺範例效果：https://www.mockplus.cn/project/run/kz95gIW8aejSvYB0
·「?摩客Mockplus」線上版、電腦版
「?摩客?Mockplus?」不只擁有線上版，我們還可以「下載免費的?Windows?與?Mac?OS?X?軟體」，在軟體端使用原型設計，並且軟體端還可以下載線上版的原型來繼續修改。
http://2.bp.blogspot.com/-4a_xbi29b-w/VULjf02eWPI/AAAAAAAEUvA/coG-K5ZEk6k/s280/mockplus-09.png
·免費版：只能公開、無法導出其他格式
不過「?摩客?Mockplus?」的免費版確實有一些限制，最大的兩個限制就是：免費版設計的原型只能設定為公開，免費版無法把原型圖導出成其他格式。
如果你希望自己設計的原型是私密的，但是又想暫時先試試看免費版，那麼你可以透過邀請朋友新加入「?摩客?Mockplus?」的方式，每邀請一位朋友，就能獲得額外增加一個私密原型圖的額度，最多可以增加?10?個私密原型圖。
有興趣的朋友，可以使用我的邀請連結：https://www.mockplus.cn/referral?r=rw8nlf
整體來說，「?摩客?Mockplus?」是一個兼顧專業與易用的?App、?網頁、軟體原型設計工具，在快速的組合中就能產生可以互動操作的原型圖，有需要的朋友可以試試看。
轉貼本文時禁止修改，禁止商業使用，並且必須註明來自電腦玩物原創作者?esor?huang（異塵行者），及附上原文連結：好用原型設計軟體?Mockplus?免費畫互動?App?與網頁
