昨天講完UI/UX設計師負責的Mockup設計精稿(視覺圖稿)，接下來下一步驟就來到Prototype原型(但很多公司會省略這個很重要的步驟XD)，今天就來分享為什麼認識Prototype之後覺得這個步驟很重要？

Prototype原型

是還沒進到程式開發前，可以互動操作的視覺圖稿。通常負責製作的人會是UI/UX設計師。

跟昨天的Mockup最大的不同就是「會動」，就是可以明確讓客戶、工程師、專案經理PM...等知道，畫面上的這個功能，點下去後要切換到哪個頁面，或是彈出甚麼樣的彈窗樣式、元件等等，但這個步驟在很多軟體開發團隊中可能會被省略，或是工程師會直接被分配的功能需求，卻因為沒有很明確的依據，有可能需要來回與客戶或是設計們溝通。

但這個部分是屬於UI/UX設計師的範疇，這邊就分享一部介紹Prototype原型的工具Proto.io的使用影片：

可以看到Prototype就是協助公司產品開發的前期，快速動態視覺化呈現未來的產品模樣，可以提早改善使用者體驗的流程，避免進到程式開發階段後，又發現很多不合理的流程，需要大改的情況發生，是個節省開發成本的好方法。

這邊來分享UI/UX設計師用的互動原型工具，也包含了昨天介紹的Figma工具，在網路上也有找到Figma Tutorial - Prototyping in Figma的教學

在這次寫Prototype原型的文章，找到很多關於Prototype原型工具的介紹，以及使用Prototype原型好處的好文章，整理分享給有興趣的朋友。
初學者的 Prototype
快速驗證概念、節省開發成本的方法 – PROTOTYPING
為什麼你應該把原型設計(Prototyping)放進你的 UI/UX 設計流程中？

下一篇終於要進到程式開發啦！！！
我的14th鐵人賽倒數9天，媽~我應該可以完賽吧！

這是我第一次參加鐵人賽，希望透過這30天督促自己脫離菜味，內容預計會有JS基礎，API串接，用React完成一個可以新增、修改、刪除、查詢的網站，如果有錯誤歡迎指正，我會盡快修改。