免費線上Mockplus原型設計軟體,畫互動式App、WEB開發介面模型

mockplus-開發原型設計軟體
Mockplus(摩客)是大陸開發的一款免費原型設計工具,線上設計Android,iOS App介面、Web網頁或桌面軟體,只要開啟網頁就能畫出互動式的App原型,方便企業在專案開發說明與客戶溝通流程圖做範例,讓大家都能更清楚彼此對產品的構想,Mockplus提供免安裝網頁版、桌機版(Windows,Mac)、App下載。


免安裝網頁版:免費 Mockplus線上原型設計
App&桌機版軟體下載:Mockplus原型設計軟體 下載


Mockplus線上原型設計 教學
STEP1

以下利用Mockplus網頁免安裝線上版進行範例,先免費註冊帳號,方便之後設計圖可以再次進行修改與保存。開始新建項目:選擇要設計手機App、平板或者自由的網頁空白模型,介面為中文語言,操作起來應該很容易上手。
mockplus-開發原型設計軟體1

STEP2

接著新增組件,開始布局按鈕與Lable的介面位置。
mockplus-開發原型設計軟體2

STEP3

在每個icon點一下可以加入互動式的操作屬性,新增連結、添加動畫讓每個按鈕的與其他頁面產生關聯。
mockplus-開發原型設計軟體3

STEP4

製作完成,運行預覽看看設計的成果,若要導出圖片的話必須要升級為付費會員,如果沒有預算的用戶可以將畫面截圖或將將網頁畫面匯出成PDF,也能把設計圖的網址Mockplus設計範例直接分享給客戶、工程師或主管。
mockplus-開發原型設計軟體4

延伸閱讀:UpLabs使用者介面設計素材