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使用者介面設計素材

相關文章:

  1. Web White Board 線上空白繪圖板，一起同步畫圖、編輯流程圖
  2. WhatRuns查看網站運行架構，識別分析、跟蹤網頁所使用的框架技術Javascript,Web Server,CDN, Font…。
  3. Screenshot 線上截圖合成－圖片與手機、電腦、Watch外殼合併
  4. 12款 線上截圖合成工具－圖片放到手機、電腦、瀏覽器外框中
  5. iPhone 不小心付費買App？App Store要求退款、取消訂閱教學
  6. 《App icon產生器》一鍵產生適合iOS、Android和Watch的各種圖示尺寸。
  7. Mock Magic 為截圖加入iPhone外框，還有iPad、Apple Watch
  8. 保持專注力很簡單，提高工作效率工具 – Be Focused（iPhone, iPad / Mac）