MockFlow線上介面共同協作設計軟體-WEB、App、Watch的UI模型框架繪製。



MockFlow線上介面共同協作設計軟體-WEB、App、Watch的UI模型框架繪製。

mockflow_design
MockFlow是一款繪製介面模型的線上免費軟體,跟之前介紹的Mockplus有點類似,但支援的框架更多,包含WEB網站、iPhone、Android手機、Apple Watch、Windows和Mac的電腦軟體UI設計、工作流程與Sitemap網站地圖架構的視覺化設計,可同時邀請多位設計師進行協作,透過團隊討論激發更多創意靈感。




免安裝網頁版:MockFlow介面模型設計




WorkFlow介面框架設計 教學
STEP1

前往MockFlow網站,註冊免費帳號。
mockflow介面設計

STEP2

Design UI 開始建立新的繪製版。
mockflow介面設計1

STEP3

選擇框架:空白頁面、WEB、Apple、iPhone、iPad、Watch、Sitemap….
mockflow介面設計2

STEP4

拖曳內建的素材繪製產品的原始模型,與介面配置。
mockflow介面設計3

STEP5

可邀請多位設計師加入協作,集思廣益的設計UI,並即時表達自己對產品的想法。
mockflow介面設計4

STEP6

繪製完成的線框模板,導出成圖像檔、PDF、PowerPoint、HTML。
mockflow介面設計5

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