🎉 至官網報名，輸入折扣碼【ST500】可享500元優惠。🎉
為什麼要學？
App Store有將近200萬個App，軟體好壞高下立判，UI（User Interface）使用者介面設計價格水漲船高。Figma為UI設計的新興工具，近年更有許多大型企業導入作為主流UI設計工具，Figma優點眾多，不僅能跨系統操作、完善的協作功能更大幅減少團隊溝通成本、雲端備份讓資料不怕遺失，若你是UI設計新手，Figma是你的不二之選！
強大的協作功能，減少設計交付資訊落差，讓溝通更加順暢（來源）
UI設計師必須掌握設計界潮流，本課程完課將助你打好扎實基礎，不僅是學習Figma工具操作，課中也會分享業界UIUX觀念，讓你能將軟體實際運用到工作中。隨著課程將手把手指導你，設計屬於自己的第一個手機App介面風格規範！
課程目標
UIUX工作除了設計本領外，著重「溝通」！這次與菜鳥救星合作的課程，除了基礎的操作外，也會教你分析優秀作品模仿設計，讓你能夠不斷提升自我設計力。更加強實務上的溝通技巧，利用Figma的協作功能，清楚交付設計文件，有效提高效率。課程採用直播教學，授課內容能與Figma同步更新，若有UIUX實務操作疑問，我也會即時解答，就讓我們一起開始UI設計的第一堂課吧！
- 分析優秀的設計風格以及元素
- 學習繪製icon及頁面插畫，提升基礎操作能力
- 掌握業界實務設計工作流程，以及團隊中各工作的交付技巧
- 制定合格的設計規範(design guideline)，交付清楚明瞭的設計成品給工程師，提升團隊效率
- 透過UI設計優化產品，將成品Mockup成情境示意圖，有效刺激產品下載率！
圖說：實際走過專案設計流程，從icon繪製到App成本情境示意圖，都會引導你執行過，從實作中加深印象！
學習完後，你能獲得……
- 從五花八門的設計風格中，找出風格要素，並分析優劣，衍生於自己的產品中
- 掌握UI設計師的工作流程和細節，學會與前後端溝通的邏輯與注意事項
- 學會用Auto Layout來解決各種裝置尺寸不同的情況
- 學習闡述設計風格，應用於產品提案中，說服案主
- 累積UI設計作品集，取得進入UI領域的門票！
課程大綱
第1堂課 用Figma打造你的第一個UI介面吧！
學習目標：軟體操作練習單元（一）以現有App為例，實作中學習Figma基礎操作以及認識UI介面設計的入門知識
- 單元1：UI設計與UX設計工作簡介
- 單元2：介面設計工具簡介
- 單元3：App介面元素簡介
- 單元4：新增介面物件
- 單元5：物件參數設定
- 單元6：物件色彩設定
- 單元7：物件對齊
- 單元8：字體編輯
- 單元9：插入圖片及遮罩使用
作業
- 繪製單一App畫面
第2堂課 我的第一套App icon繪製
學習目標：軟體操作練習單元（二）以常見的icon當作設計學習範例，進而了解icon的設計原則及嘗試應用
- 單元1：符號的設計原理簡介
- 單元2：icon在App中的功用說明
- 單元3：icon風格案例解析
- 單元4：icon設計原則
- 單元5：物件編輯工具介紹-裁切、遮罩、縮放、旋轉
- 單元6：icon配色規則及套用
- 單元7：icon尺寸規範
作業
- icon系列稿繪製及配色練習
第3堂課 用Figma繪製向量風插畫吧
學習目標：軟體操作練習單元（三）學會利用插畫讓產品更接近使用者
- 單元1：鋼筆工具介紹
- 單元2：插畫風格解析
- 單元3：模仿教學示範
- 單元4：插畫用途說明
作業
- 繪製一張插畫
第4堂課 設計風格的模仿與衍伸應用
學習目標：學會分析與建立產品的設計風格
- 單元1：風格提案練習
- 單元2：學習如何說明設計理念及風格
- 單元3：設計風格解析
- 單元4：模仿風格並應用
作業
- 繪製三張風格畫面
第5堂課 規劃一套完整的App流程
學習目標：學會規劃產品架構
- 單元1：wireframe、prototype介紹
- 單元2：介紹App案例並設計操作流程
- 單元3：用Figma規劃、展示產品使用流程
- 單元4：用Figma做出wireframe及prototype
作業
- 製作一份wireframe
第6堂課 用Figma管理你的設計文件
學習目標：設計文件交付入門課（一）學會管理設計檔案以及製作Auto Layout
- 單元1：Figma的component應用
- 單元2：Auto Layout設計準則
- 單元3：App常用尺寸簡述
- 單元4：component狀態及巢狀結構
- 單元5：外掛使用教學
作業
- 利用component概念管理目前的設計文件
第7堂課 用Figma與團隊進行有效率的溝通
學習目標：設計文件交付入門課（二）學會制訂規範並交付設計給工程師
- 單元1：介紹並製作design guideline
- 單元2：學習App flow繪製
- 單元3：檔案命名規範
- 單元4：切圖規範
作業
- 製作design guideline及App flow
第8堂課 打造自己的UI設計作品集
學習目標：藉由參考案例，設計出屬於自己的作品集風格
- 單元1：作品集案例解析
- 單元2：UIUX業界分享
- 單元3：產品合成方式
- 單元4：情境示意圖（手操作、使用情境圖）
作業
- 完成三張作品圖
誰適合學
Figma的線上協作功能，對於快速迭代的工作模式非常適合，無論你擔任什麼角色，都能更順暢且明確地完成溝通工作，近年更躍升為主流設計軟體，是設計人不可或缺的技能，歡迎所有對於UIUX設計有興趣的人一起加入我們！
課程優勢
這堂課不只是單純的線上課程，我更希望有志同道合的夥伴，能一起在UIUX這條路激發出更多火花。課程內會依照進度安排作業，大家也有機會觀摩其他人的作品，相互學習，老師也會批改作業，給予建議。透過扎實的訓練，完課一定能做出高質量的App成品！
- 由淺入深的設計心法，扎實UI美感設計力。
- 豐富的業界實務分享，強化UX邏輯溝通力。
- 講師跨領域產品經驗，手把手打造第一個App。
- UI+UX+App作品集，進入UI設計界不是夢想。
Q&A
Q1.我沒有設計基礎也可以學習嗎？
可以的，這堂課就是專為設計初學者打造的入門課程，教授Figma軟體的同時，也會教介面設計的基本知識
Q2.課程上完我就能立即從事UI設計工作嗎？
課程中會引導同學走過一次UI設計工作的設計流程，可以拿到設計工作的入門門票，但還需要同學補足自己所缺乏的部分，製作更完整的作品集，才可增加面試時的錄取率喔！
Q3.我是工程師、產品經理、專案經理，也能上這一堂課嗎？
這門課程，除了想從事UI工作的學員之外，也歡迎工作中有需要與UI設計師合作的學員學習。本課程可幫助同學了解Figma在團隊合作中的功用，並經由認識設計師工作流程，讓溝通更加順暢有效率！
Q4.上課前我需要先準備什麼？
需自備桌機、筆記型電腦，並於上課前申請Figma帳號
Q5.沒有軟體操作基礎可以報名上課嗎？
可以，具備Windows/Mac電腦基本操作即可。
Q6.使用Windows跟Mac作業系統會有差別嗎？
老師主要的教學環境為Mac視窗作業系統，Figma可以跨平台協作，介面相同不受作業系統影響喔！
Q7.軟體需要付費購買才能使用嗎？
Figma官方有提供免費初階方案，只要申請帳號即可使用，上課時的操作使用免費版本就足夠囉！若您個人使用有進階功能的需求再付費使用專業版。
Q8.課堂中要如何提問？
歡迎在課堂上隨時透過Zoom聊天室進行提問，也可以透過助教協助詢問，老師會撥時間於課堂上回答學員問題喔！
Q9.課堂作業的批改方式會如何進行？
老師會於下一次上課前批改學員作業，並給評語，同學可多加利用Figma的協作系統，在上面與老師互動
Q10.作業如果有問題要怎麼辦？要怎麼得到解答？
學員可以透過菜鳥救星官方LINE帳號提出您的問題，菜鳥救星會將問題轉達給老師，老師會視狀況直接回答或於課堂上統一回答喔！
Q11.這門課可以看多久？
每一堂線上直播課程，課後隔天18:00前都有提供直播課程錄影影片，可於線上無限觀看，讓您不怕漏掉任何一個細節，建議課後錄影檔要於下次課前自己重新複習一次，才比較好銜接上新的課程。
*推廣期間免費觀看，依專案不同，觀看期限可能有所調整，菜鳥救星保留修改權益之權利。
Q12.我還有其他問題想詢問？
歡迎至常見問答頁面查詢，或是加入line帳號：@rookiesavior，與我們聯絡喔！
Q13.如何購買課程呢？
點擊「前往報名」的按鈕，完成線上付款，就可以成為真人線上課程的學員囉！
注意事項
- 收到款項後恕不退費，惟本人不克參加可將資格轉讓他人。
- 請於課前先準備好上課環境，本課程非講座，跟著繳交作業會有更好的學習成效。
- 請注意每次上課的作業繳交，老師才能為您批改與建議喔！
- 課程執行單位保留調整課程內容、日程與講師之權利。
