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

線上Figma教學 & Figma課程推薦2024最新活動分享
最後更新時間:2023/12/07 09:32:49.00

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


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

    • 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. 了解如何準備與設計面試與求職作品集,讓自己在其他競爭者中脫穎而出

    • 網路價$4280使用此優惠

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

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

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

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

    • 購買前還可以免費試看

  • hahow折扣碼/hahow優惠券

    • hahow優惠券 = hahow折扣碼,只能擇一使用唷。但結帳可以再用hahow購課金享有二次折扣

    • 【2024線上學習節】hahow優惠券

      • 活動期限:2024/3/28止

      • 單堂88折,兩堂85折

      • 可重覆使用

      • 疊加HP購課金最高可達81折

      • 使用此優惠

    • hahow折扣碼:aohahow

      • 限時優惠精選課程享9折優惠

      • 複製此折扣碼

      • 請於購物車輸入此hahow折扣碼,就能享有此優惠

      • ※使用次數有限,用完為止

  • hahow購課金

    • 100 HP = NT$1

    • 2024線上學習節

      • 活動期限:2024/3/28止

      • 【線上學習節】$300活動購課金(30,000 HP),效期至2024/3/28

      • 【簽到金】$110活動購課金(11,000 HP),效期至2024/3/28

      • 【倒數加碼】$499活動購課金(49,900 HP),加碼期間:2024/3/26 - 3/28

      • 【最後加碼】$200活動購課金(20,000 HP),加碼期間:2024/3/28

      • 領取hahow購課金

    • 新加入hahow會員送購課金

    • 每日登入領10 HP購課金立即登入

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


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

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

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

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

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

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

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

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

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

    • 無限次數觀看

    • 沒有期限

    • 從0到1的網站

    • 理解 UI / UX

    • 熟悉專案流程

    • 做出自己的作品集

    • 了解設計視覺風格

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

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

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

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

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


用Figma打造絕佳UI/UX線上課程大綱


  • 第 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-留下課程心得與評價、分享個人目標


Hahow信用卡優惠2024活動分享


  • 聯邦銀行【吉鶴卡】

  • 星展銀行【eco永續卡】

    • 現金回饋1.5%無上限使用此優惠

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

    • 首刷禮:回饋金$300,新戶/舊戶首次申辦同享$300回饋

    • 新加坡/日本/韓國/美洲/歐洲享最優5%回饋

    • 指定品牌享10%現金積點

      • 星展支持的社會企業及中小企業消費

      • Tesla 充電資費

      • Gogoro(含PBGN車主)每月電池資費

    • 威秀購票 群星享樂天天優惠6折

      • 再享小爆+中可NT$49加價購優惠

    • 申請電子帳單終身免年費

  • 兆豐銀行【宇宙明星BT21信用卡】

    • 現金回饋最高5%使用此優惠

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

    • 首刷禮:BT21只想拉著你登機箱乙個(限量2,000個)

    • 行動支付(Apple Pay、Google Pay、台灣Pay、LINE Pay、街口支付、Samsung Pay)最高5%回饋

    • 網購刷滿額加碼送150刷卡金

    • 網購優惠最高10%

    • 申請電子帳單終身免年費

  • 台北富邦【J卡】

    • 現金回饋最高2%使用此優惠

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

    • 首刷禮:回饋金$500

    • 加開數位帳戶享新台幣活儲最高2.5% + $100回饋金

    • 日韓旅遊刷J卡 最高10%回饋

    • 日韓指定便利商店最高10%回饋

    • 日韓指定遊樂園最高10%回饋

    • 日本指定交通卡最高10%回饋

    • 日韓指定藥妝店最高10%回饋

    • 申請電子帳單終身免年費

  • 匯豐銀行【現金回饋御璽卡】

  • 匯豐銀行【匯鑽卡】

    • 現金回饋最高6%使用此優惠

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

    • 首刷禮:威秀電影票2張

    • 筆筆3%通路超過20家,行動支付/網購外送/線上訂房/影音遊戲面面俱到

    • 回饋上限:1%無上限、3%上限$2000

    • 回饋達檻(5千點)+帳戶滿額(30萬)=可兌雙倍回饋,將5千點兌換為1萬元刷卡金

    • 指定通路

      • 百貨購物:廣三SOGO/微風/台北101/誠品/Global Mall/漢神巨蛋購物廣場…等。

      • 線上購物:momo購物網/PChome 24h/生活市集/91APP/博客來…等。

      • 超市量販:家樂福/大潤發/棉花田/聖德克斯/JASONS Market Place/美廉社/屈臣氏…等。

      • 便利超商:7-ELEVEN/全家便利商店/萊爾富/OK超商…等。

      • 其他通路:台灣中油/台亞加油站/麥當勞/星巴克STARBUCKS…等。

    • 申請電子帳單終身免年費


Hahow好學校品牌故事







  • 學那些 學校不會教的事

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

  • Hahow CEO Arnold

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

  • Learning Lifestyle

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

  • 教學相長

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

  • 知識技能的流動

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


本文網址:https://share.amos-may.com/Share-Detail.aspx?No=1978&keywords=Figma-component-variant-UI-UX-Layout-Design-Slack-Hahow-2024-2023複製網址
分享到FaceBook分享到Line好友
※以上所有活動相關資訊以「主辦單位」公告為準!
熱門文章