Wireframe做完之後，我們要把APP介面做的更進階與真實，接著來介紹prototype、MockUp、UserTest，並且與大家分享一些關於UI/UX學習資源。

Prototype 原型
Day11介紹過如何將製作完畢的高精細模型，使用Prototype連結，讓他變成可以點擊的模型，方便對工程師呈現出製作完成的頁面。

Day11介紹的Prototype

MockUp 模型
在Day9介紹過如何使用MockUp，我們將製作完畢的圖片輸出，放入MockUp就可以做出形象照。
Day9介紹的MockUp

UserTest 使用者測試
產品製作完成之後要進行測試，並且藉由測試過程再做修改，測試包含了使用者測試與易用性測試，前者較針對使用者對於產品的想法，後者則是針對是否能夠使用產品進而順利達成目的。

介紹完畢後，與大家分享鐵人賽挑戰期間我所應用的UIUX資源，大家可以斟酌參考使用唷～

1. Figma好用的外掛Plug-in：好用的外掛是你提升效率的好幫手！
   Artify Illustrations 扁平化插圖
   Blush 扁平化插圖
   Button Buddy 按鈕工具
   Charts 圖表工具
   Font Awesome Icons 圖標
   Font Preview 字體
   Mockup 模型工具
   Unsplash 無授權圖庫
   Webgradients 漸層工具

2. 無授權圖庫：Pexels、Pixabay、photoAC、Unsplash
   使用時務必看清楚授權相關規範，是否該標示來源、是否可商用等等。

3. 作品參考：CollectUI 、Behance、Dribble、Pinterest、Awwwards
   可以透過以上的網站去參考他人的作品，並且思考他們的設計概念、他們的專案如何規劃、易用性、操作流程等等都能夠好好鑽研，Pinterest是圖片探索工具，在蒐集MoodBoard時超好用的，可以參考。

4. 閱讀知識：UX Magazine、UX Planet、AAPD、Material Design Guidelines、數位時代
   平常有空也要有閱讀的習慣，對於數位相關工具的潮流變化有一定的敏銳度，對於產業的相關知識也有所涉略。

5. Podcast：設計游牧
   平常補充UIUX的產業知識來源，聽訪談過程非常有趣！有時會聽到一些自己沒聽過的名詞，又可以多學到很多知識了。

6. Youtube：DesignCourse、FreeCodeCamp.org、Unblock、DesignSense
   偉大的Youtube什麼都可以找到，不會操作就關鍵字搜尋，人家怎麼做你就怎麼做，學就對了。

7. 線上課程：Cousera、Google UX、Digi-talent
   有些不用錢，又能在短時間內快速上手工具或是學習一些背景知識。

8. 練習挑戰：Uplabs、DailyUI
   練功、挑戰，還可以看看其他設計師的作品，或者是自己找尋日常生活的痛點做APP設計/Redesign專案。

最重要、最重要、最重要的！

要找到自己的學習動機！然後，不斷地持續做下去！

朝自己比較有興趣的方向前進才能夠愈挫愈勇，其實看網路上別人分享推薦的資源非常多，

但我認為要你實際去做才會知道什麼是你「心之所向」，當你閱讀量多、見識廣闊、努力時間長了，就會有一套自己的學習流程與方法，所以相信自己一定能做到！持續下去！

明天就是鐵人賽挑戰的最後一天了，將會寫下這30天學習的心路歷程與成果發表，敬請期待！