Wireframe 工具

蓋房子要有藍圖,軟體開發當然要有 Wireframe 囉!

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

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

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

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

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

  1. WireframePro

  2. ZenFrame

追蹤新知

看完這篇文章了嗎?還意猶未盡的話,追蹤粉絲專頁吧!

我們每天至少分享 1 篇文章/新聞或者實用的軟體/工具,讓你輕鬆增廣見聞提升專業能力!如果你喜歡我們的文章,或是想了解更多特定主題的教學,歡迎到我們的粉絲專頁按讚、留言讓我們知道。你的鼓勵,是我們的原力!

贊助我們的創作

看完這篇文章了嗎? 休息一下,喝杯咖啡吧!

如果你覺得 MyApollo 有讓你獲得實用的資訊,希望能看到更多的技術分享,邀請你贊助我們一杯咖啡,讓我們有更多的動力與精力繼續提供高品質的文章,感謝你的支持!