階段1. Wireframe 線框圖
負責：專案經理 (PM)
階段目標：功能導向設計，整合產品團隊中的成員意見達到共識。
Wireframe 是以簡單的草稿圖，把本次產品的目標功能、佈局規劃在每一頁 UI 頁面上。在 Wireframe 階段不能出現過度的細節，比如不會糾結在版面的字型選用、 Button 的陰影、首頁輪播圖的大小。
階段2. Mockup 視覺稿
負責：UI 視覺設計師 (UI Designer)
階段目標：以達到最佳產品功能為目標的視覺呈現。
UI 設計師會根據產品經理確定好的 Wireframe 介面，使用 Illustrator、Photoshop、Sketch 等繪圖軟體進行視覺設計上的配色、動畫特效、版面調整等，以增強使用者體驗產品功能的效果。
階段3. Prototype 原型
負責：前端工程師、後端工程師、iOS工程師、Android工程師…
階段目標：實體產品介面與功能開發。
此階段已經明確進入工程師實際的開發階段。
阿摩線上測驗
登入