💡 這個章節的重點會帶大家了解 UI/UX 設計的核心觀念、介紹常見的產品開發流程與 UI/UX 設計師的工作內容，也會介紹關於設計上需要了解的設計原則、設計模式以及常見的設計元件等等，幫助你之後在設計執行時能有一定的脈絡可循，不會陷入不知道如何開始設計的狀態。最後則會帶大家熟悉 UX 設計會使用到的工具像是流程圖與線框圖，並建立起 UI 設計的基礎美感，之後也會透過課程中的實作練習工具與專案來慢慢補強這裡所提到的所有觀念。

💡 這個章節的重點會帶大家掌握 Figma 最核心的功能與操作技巧，以及熟悉最常用、最實用快捷鍵和繪圖方式，過程中也會分享許多人不知道的操作小技巧，讓你用有最有效率的方式做出好看、好懂、好維護的 UI 設計稿。

學完這個單元之後，你會對 Figma 這個工具的操作細節非常熟悉，會知道在什麼情境下應該用什麼方式來處理你的文字設定、圖層結構、樣式管理等等。也會介紹基本的檔案管理方式以及命名規則。

💡 這個章節的會延伸上個章節所學到的基本操作，並介紹更多進階的設計技巧像是自動排版(Auto Layout)、元件(Component)設計與格線系統(Grid System)等等。我也會帶大家實際練習製作常見的 UI 元件，並從中學習這些元件的設計原理、特性與使用方法與時機。

這個章節會也有 2 個實作練習作業，首先帶大家了解如何透過臨摹一個好的 UI 作品作品，來提升自己的設計技巧與美感，以及用 Figma 的鋼筆工具設計一組屬於自己的圖標(icon)。最後會教大家如何交付設計稿、正確輸出你的設計素材給工程團隊來開發以及介紹一些好用的 Figma 插件幫助你提高設計效率。

💡 這個章節將會教大家如何把靜態的設計稿轉換成可互動的原型，讓你更好的展示你的設計想法。除了基本的設定之外，也會詳細解釋所有的觸發事件、轉場效果以及許多原型設計上的進階用法像是 Overlay 、Smart Animation 、插入 Gif 檔案等等。

我也會帶大家了解如何去分享、預覽自己的原型，甚至可以在自己的手機上操作 Figma 的原型，以及如何同步更新設計到原型上。

💡 掌握了 Figma 的核心基礎和進階技巧，是時候開始真正將所學到的知識與技術投入到產品設計中。這個章節我會帶大家執行兩個專案，一個是 iOS App 的設計，從規劃到設計交付，含完整的功能與流程，最後做出一個可以 Demo 的原型。

另一個專案將會是 RWD 響應式網頁的設計，包含桌面版與手機版。這兩個專案都會提到不同的設計方法與與設計模式，在針對不同的平台上做設計應該要注意什麼樣的細節，同時也會帶大家一起建立起產品的基礎設計規範方便之後的設計上的調整與修改，完成所有設計之後，也會教大家如何交付設計稿與註釋給工程團隊接手。

💡 在最後一個章節中，我將會幫助你將課程中所學到的東西做一個總整理，並且以找到理想工作為目標來做準備。這個章節所要帶給大家的內容都是我從過去求職、面試、團隊合作所累積的經驗與心法，從累積相關作品開始、培養設計敏銳度、學習如何呈現作品、到準備作品集與面試，以及學習能幫助自己長期成長的方法。

我希望在你上完整個課程之後，不僅僅是學會了工具，做出好看的介面而已，而是真正的去思考你的設計在解決什麼問題，如何透過你的設計為產品帶來好的影響。最後能透過正確的方式不斷練習讓自己成長，找到屬於自己的理想 UI/UX 設計工作。