MockFlow是一款繪製介面模型的線上免費軟體,跟之前介紹的Mockplus有點類似,但支援的框架更多,包含WEB網站、iPhone、Android手機、Apple Watch、Windows和Mac的電腦軟體UI設計、工作流程與Sitemap網站地圖架構的視覺化設計,可同時邀請多位設計師進行協作,透過團隊討論激發更多創意靈感。
免安裝網頁版:MockFlow介面模型設計
WorkFlow介面框架設計 教學
STEP1
前往MockFlow網站,註冊免費帳號。
STEP2
Design UI 開始建立新的繪製版。
STEP3
選擇框架:空白頁面、WEB、Apple、iPhone、iPad、Watch、Sitemap….
STEP4
拖曳內建的素材繪製產品的原始模型,與介面配置。
STEP5
可邀請多位設計師加入協作,集思廣益的設計UI,並即時表達自己對產品的想法。
STEP6
繪製完成的線框模板,導出成圖像檔、PDF、PowerPoint、HTML。
延伸閱讀:UpLabs使用者介面設計素材