Wireframe 工具
蓋房子要有藍圖，軟體開發當然要有 Wireframe 囉！
人類終究還是很仰賴視覺的動物，無論產品規格寫得多精美，在沒有看到 UI/UX 設計師所提供的介面圖之前，我們應該只有六至七成對於產品的正確想像。
藉著介面設計圖，我們不僅可以對齊想像與產品規格之間的差距，也能夠開始著手準備畫面上每 1 個可能需要的套件、 API 以及資料庫欄位等等，更可以與負責前後端的同事進行討論（切割守備範圍？）。
當然開發階段的設計圖不用到 100% 盡善盡美，只要 Wireframe (線稿)就足夠讓大家盡可能地提早平行開發，當然前提是在利害關係人們都確定 Wireframe 沒太大問題的情況下，否則整個團隊會陷入來回修改的地獄⋯⋯。
如果你想獨自開發軟體，那我更加推薦你在動手之前先把產品規格與 Wireframe 弄好，這個過程會強迫你一直思考與統整，到最後會減少後期開發一直修改程式的時間（個人經驗是真的會花很多時間在修修改改上⋯⋯）。
在此獻上 2 個有提供免費方案的 Wireframe 工具，希望能幫助到大家順利產出 WireFrame: