Figma線上教學 & Figma課程推薦2023最新活動分享

• 產品設計實戰：用Figma打造絕佳UI/UX


• Hahow好學校Figma課程費用，網路價$4280 → 使用此優惠


• 此Figma線上教學課程可無限次數觀看，而且沒有期限


• 產品設計實戰：用Figma打造絕佳UI/UX，更是Hahow的熱門課程，同時評價優於前 10% 課程


• 你可以學到：


1. Figma入門課程可了解基礎介面設計(UI Design)與使用者體驗設計(UX Design)的知識


2. 了解業界產品開發流程、團隊合作流程以及 UI/UX 設計師的工作細節


3. 熟悉 Figma 核心操作技巧與常用快捷鍵，有能力依據團隊需求快速且有效率的製作介面


4. 熟悉 Figma 進階技巧，像是管理元件、共享樣式等等，不只能提高工作溝通效率，並且做出可擴展、一致性高且好維護的設計系統


5. 利用 Figma 做出可供使用者及團隊測試的原型，並且能夠根據反饋隨時調整設計


6. Figma入門課程了解如何建立基礎設計美感與原則，有能力做出符合規範、直覺、美觀好閱讀的介面


7. 從概念發想到實際操作，從 0 到 1 完成兩個產品 (App＆Web) 的核心功能設計與原型製作


8. 建立正確的學習心態與工作觀念，在未來的設計路上都能掌握學習原則，持續自我精進成長


9. 了解如何準備與設計面試與求職作品集，讓自己在其他競爭者中脫穎而出


• Hahow折價券 → 使用此優惠


• 全站課程單堂86折


• 全站課程兩堂82折


• 全站課程三堂79折


• 使用方法：


1. 將課程加入購物車


2. 進入購物車選擇「我有折扣代碼」


3. 點擊「使用我的折扣券」


4. 選擇後套用


• 活動期限：2023/7/31止


• 募資課程不適用


• Hahow折扣碼：IC2023


• 課程優惠，結帳時輸入專屬Hahow折扣碼，滿$1000享9折優惠 → 複製此折扣碼


• 使用次數有限


• 好友分享方案：新會員註冊優惠，送30,000 HP(可立即現折課程NT$300) → 使用此方案


• 更多Hahow好學校課程優惠 → 傳送門


• Hahow好學校線上課程4大好處


• 跨越時空限制，只要有網路，你就可以隨時隨地、不限裝置輕鬆上課


• 課程一旦購買，就可以無限次數、沒有期限的觀看！


• 大章節與小單元的設計，讓你用自己的學習節奏吸收內容。


• 購買前還可以免費試看


• 搭配Google Chromecast可以使用雙螢幕教學，可以同時看教學影片和練習，有如現場授課效果


• 原價$1999，網路價$1852 → 使用此優惠


• 在電視(螢幕)上投放Chrome分頁 → 使用教學



• UX 設計/研究全攻略: 給新手的職場通識課

Hahow好學校UX課程，網路價$3349 → 使用此優惠


• UX 設計線上課程免費試看 → 立即試看


• 無限次數觀看，而且沒有期限


• 好友分享方案：新會員註冊優惠，送30,000 HP(最高可現折課程NT$300) → 使用此方案


• 熟悉完整 UX 設計流程，培養 UX 思維和工具，All-in-One 一次包辦基礎知識


• 從研究規劃、競品分析、問卷研究方法執行、使用者體驗規劃、流程設計，到介面設計、設計交付，各種操作細節都將學會如何操作


• 課程會以一個實務的 Podcast 平台作為產品案例，你可以跟著流程一步步打造出自己的一個完整案例放入個人作品集


• 從入門到業界實戰 - UI / UX 前端網頁設計

Hahow好學校UI/UX課程，網路價$2500 → 使用此優惠


• UI/UX 設計線上課程免費試看 → 立即試看


• 無限次數觀看


• 沒有期限


• 從0到1的網站


• 理解 UI / UX


• 熟悉專案流程


• 做出自己的作品集


• 了解設計視覺風格


• 掌握基礎 icon適性設計或其他介面元件的設計


• 讓設計成為可用的網頁技術


• 釐清設計需求，減少溝通成本


• 專案手刻切版、建置版型的能力


• 交到兩個不斷自我挑戰的朋友XD (自肥)

• 第 1 章 產品設計的核心觀念：UX 設計思維與產品開發流程


1. UI/UX設計簡介與核心觀念


2. 熟悉常見的產品開發流程


3. 產品(UI/UX)設計師需要具備的能力


4. 產品(UI/UX)設計師的設計流程與工作內容


5. 熟悉設計原則與設計模式


6. 了解設計系統與常見UI元件


7. UI設計基礎：視覺設計與美感


8. UX設計工具基礎


9. 作業1-加入Slack/LINE群組一起討論交流吧!訂閱「產品設計報」不錯過最新消息!


• 第 2 章 Figma 快速上手：核心操作基礎


1. 課程概覽：開始第一個Figma專案


2. 熟悉Figma工作區域與畫板


3. 了解框架(Frame)與群組的差別與用法


4. 了解形狀、布林群組與鋼筆工具


5. 掌握文字的各種設定與操作技巧


6. 快速置入圖片、調整與編輯屬性


7. 管理顏色樣式與套用各種效果


8. 不可不知的響應式設計：Constraint介紹


9. 成為Figma專家：掌握常見操作技巧與快捷鍵


10. 學習控管設計版本與找回失去的檔案


• 第 3 章 Figma 進階技巧：打造可擴展的設計與常見 UI 元件


1. 掌握Figma神器：Auto Layout


2. 讓設計更一致與整潔熟悉元件Component


3. 元件進階技巧：變體Variants


4. 掌握網格系統Grid System


5. 打造設計系統：建立產品核心模式


6. 設計常見UI元件：按鈕


7. 作業1-HW3.1作業練習：設計一組按鈕元件


8. 設計常見UI元件：表單


9. 作業2-HW3.2作業練習：設計一個表單元件


10. 設計常見UI元件：回饋通知


11. 設計常見UI元件：列表


12. 設計常見UI元件：彈跳視窗


13. 設計常見UI元件：導航選單


14. 臨摹線上產品來學習設計細節


15. 作業3-HW3.3作業練習：臨摹線上的產品並且延伸應用


16. 創造自己的icon系統


17. 作業4-HW3.4畫一組自己的icon圖標吧!


18. 交付設計(Handoff)：如何與工程師合作


19. Figma實用Plugins與Community


• 第 4 章 讓你的設計動起來：基礎與進階原型設計(Prototyping)


1. 原型Prototype介紹與基本設計


2. 熟悉觸發事件與互動連結設計


3. 掌握常見的互動及轉場效果


4. 遮罩Overlay基礎與進階用法


5. 替換元件(Swap)與搭配Overlay用法


6. 滾動內容、置頂導航與漂浮按鈕


7. 在原型中加入Gif檔案讓你的設計更真實


8. 用Smart Animation製作令人驚豔的原型


9. 分享原型設計上的各種小技巧


10. 分享原型：在行動裝置上瀏覽你的設計成果


11. 作業1-HW4加分作業：設計一個可以互動的原型吧!


• 第 5 章 產品設計實戰：從 0 到 1 設計實際的產品 (App&Web)


1. iOS App：專案設計與設計系統說明


2. iOS App：產品架構設計與規劃


3. iOS App：註冊與登入流程


4. iOS App：課程列表與課程內容


5. iOS App：課程發問與聊天室


6. iOS App：個人設計頁面與原型製作


7. 作業1-HW5.1作業練習：iOS App設計


8. 響應式網頁設計：頁面架構規劃(Wireframe)


9. 響應式網頁設計：設計元件、與網站內容細節part1


10. 響應式網頁設計：設計元件、與網站內容細節part2


11. 響應式網頁設計：調整設計適應不同尺寸


12. 作業2-HW5.2作業練習：響應式網頁(RWD)設計


• 第 6 章 準備進入業界：成為產品(UI/UX)設計師的最後一哩路


1. 該如何累積UI/UX設計作品?


2. 如何訓練自己的設計敏銳度與設計思維?


3. 要如何更好的展示自己的設計作品?


4. 該如何準備UI/UX作品集?設計師作品集案例分析


5. 如何找到一份適合自己的工作?如何開始海外求職?


6. 長期職涯發展：持續自我成長的方法，如何成為資深設計師?


7. 作業1-留下課程心得與評價、分享個人目標

• 兆豐銀行【宇宙明星BT21信用卡】，現金回饋最高5% → 使用此優惠


• 免費申請兆豐【宇宙明星BT21信用卡】


• 花旗銀行【現金回饋PLUS鈦金卡】，現金回饋2% → 使用此優惠


• 免費申請花旗【現金回饋PLUS鈦金卡】


• 匯豐銀行【匯鑽卡】，最高現金回饋6% → 使用此優惠


• 免費申請匯豐【匯鑽卡】


• 匯豐銀行【現金回饋御璽卡】，最高現金回饋3.22% → 使用此優惠


• 免費申請匯豐【現金回饋御璽卡】


• 星展銀行【eco永續卡】，現金回饋2% → 使用此優惠


• 免費申請星展【eco永續卡】


• 永豐銀行【55688聯名卡】，現金回饋2% → 使用此優惠


• 免費申請永豐【55688聯名卡】


• 聯邦銀行【幸福M卡】，指定消費類型現金回饋6% → 使用此優惠


• 免費申請聯邦【幸福M卡】


• 台新銀行【台新街口聯名卡】，最高現金回饋6% → 使用此優惠


• 免費申請台新【台新街口聯名卡】


• 台新銀行【FlyGo卡】，加碼現金回饋6% → 使用此優惠


• 免費申請台新【FlyGo卡】


• 台新銀行【@GoGo iCash御璽卡】，最高現金回饋5% → 使用此優惠


• 免費申請台新【@GoGo iCash御璽卡】


• 遠東商銀【Bankee信用卡】，現金回饋5% → 使用此優惠


• 免費申請遠東商銀【Bankee信用卡】


• 彰化銀行【My購卡】，現金回饋4% → 使用此優惠


• 免費申請彰化銀行【My購卡】


• 國泰世華【現金回饋御璽卡】，加碼現金回饋2% → 使用此優惠


• 免費申請國泰世華【現金回饋御璽卡】


• 台北富邦【J卡】，最高現金回饋2.2% → 使用此優惠


• 免費申請台北富邦【J卡】

Hahow好學校品牌故事

• 學那些 學校不會教的事

Hahow 「ㄏㄚˇㄏㄠ」，取自台語「學校」(ha̍k-hāu) 的發音，是最有趣的線上課程平台，亞洲領先的跨領域募資學習網站
2015 年 01 月由 4 個 7 年級生創立，期望從自身經歷，散播我們的學習哲學
不管你在自己的學校中學到了什麼，都會渴望認識新的事物，學那些學校不會教的事，就是豐富人生的秘密！


• Hahow CEO Arnold

學習不需要理由，每個人心中都有小小的火花，只要照自己的步調輕鬆學，就有機會發掘自己不一樣的潛能與快樂來源！這就是我們想要推廣的東西


• Learning Lifestyle

將學習視為一種生活體驗，一種 lifestyle！我們喜歡在一點一滴的時光中，悠遊自在地累積追求新知的快樂
讓它成為生活中千萬個美好時刻，改變就此發生！


• 教學相長

想要享受學習好玩的地方，就讓正在實踐的人告訴你！Hahow 重新定義「老師」，並首創「募資開課機制」
只要擁有深藏不露的知識技能，都可以上架開課，號召與你一樣充滿熱情的人！


• 知識技能的流動

學士帽形狀的 Hahow Logo，綠松和亮橙代表「分享」與「學習」。幾何彎曲線段，圍繞著密不可分的意義
我們希望降低「教」與「學」的門檻。使知識有價，深藏不露的素人老師可以隨時開課， 創造收入並實現夢想
同時守護優質的課程內容，每一位學生，可以像在宇宙中探索驚喜一樣， 重新找回學習的樂趣！