Wireframe 工具

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

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

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

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

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

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

  1. WireframePro

  2. ZenFrame

Facebook Threads X

對抗久坐職業傷害

研究指出每天增加 2 小時坐著的時間,會增加大腸癌、心臟疾病、肺癌的風險,也造成肩頸、腰背疼痛等常見問題。

然而對抗這些問題,卻只需要工作時定期休息跟伸展身體即可!

你想輕鬆改變現狀嗎?試試看我們的 PomodoRoll 番茄鐘吧! PomodoRoll 番茄鐘會根據你所設定的專注時間,定期建議你 1 項辦公族適用的伸展運動,幫助你打敗久坐所帶來的傷害!

贊助我們的創作

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

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