Wireframe 工具

蓋房子要有藍圖，軟體開發當然要有 Wireframe 囉！

人類終究還是很仰賴視覺的動物，無論產品規格寫得多精美，在沒有看到 UI/UX 設計師所提供的介面圖之前，我們應該只有六至七成對於產品的正確想像。

藉著介面設計圖，我們不僅可以對齊想像與產品規格之間的差距，也能夠開始著手準備畫面上每 1 個可能需要的套件、 API 以及資料庫欄位等等，更可以與負責前後端的同事進行討論（切割守備範圍？）。

當然開發階段的設計圖不用到 100% 盡善盡美，只要 Wireframe (線稿)就足夠讓大家盡可能地提早平行開發，當然前提是在利害關係人們都確定 Wireframe 沒太大問題的情況下，否則整個團隊會陷入來回修改的地獄⋯⋯。

如果你想獨自開發軟體，那我更加推薦你在動手之前先把產品規格與 Wireframe 弄好，這個過程會強迫你一直思考與統整，到最後會減少後期開發一直修改程式的時間（個人經驗是真的會花很多時間在修修改改上⋯⋯）。

在此獻上 2 個有提供免費方案的 Wireframe 工具，希望能幫助到大家順利產出 WireFrame:

1. WireframePro

2. ZenFrame