Adobe - FIGMA

Figma專業UI設計實作

UI Design with Figma
  • 時數：18小時
  • 費用：NT$ 9,000
  • 點數：2.5

選擇查詢分區開課時間

地點 班號 日期 時間 預約
台北 25462 班 2025/02/09 ~ 2025/02/16 每週六日 09:00~16:00 預約
台北 256563 班 2025/03/21 ~ 2025/03/25 每週一二五 09:00~16:00 預約
台北 25463 班 2025/04/28 ~ 2025/05/14 每週一三 18:30~21:30 預約

目前查無開課時段

詳細開課時間請洽詢業務
新竹、台中、高雄如有上課需求，請參考台北開課日期，洽當地服務人員依需求加開遠距開課日期

聯絡恆逸

教材

優勢精選教材

課程目標

異軍突起的專業UI設計整合工具-Figma，不但是免費使用，而且是只要連上網就可以隨時設計UI的工具。 Figma以瀏覽器為載體，依靠網路，全程在網頁瀏覽器線上操作，並且Figma 可將所有設計檔案儲存在雲端隨開隨用，透過 Figma 的線上協作功能，隨時皆可讓團隊成員都能參與設計流程，在國內外已是非常熱門的介面設計工具，許多大公司的設計團隊皆已正式採用 Figma 為主力設計工具。 使用Figma隨時可以直接進行UI設計，無論是UI設計新手、程式開發人員、網站或APP企劃均可快速學習並上手，甚至是往專業UI設計師邁進的設計者，均可輕鬆搭配整合Photoshop與Illustrator設計的內容，完成UI設計的最終整合。 本課程由Figma核心操作基礎功能出發，讓初學者快速上手，接著深入介紹Figma進階功能與整合技巧，最後以APP與網頁UI實作範例完成UI原型設計。 現在正是時候跟上專業國際UI設計工具趨勢，並朝專業UI設計目標邁進！

適合對象

對UI設計充滿熱情的新手、視覺設計師、網頁設計師、程式設計師、網站或APP企劃

課程內容

  1. 開始使用Figma

  2. 介面與核心工具使用

    • 2-1 Figma介面介紹
    • 2-2 工具
    • 2-3 佈局網格Layout Grid與檢視功能
    • 2-4 圖層Layer面板
    • 2-5 Figma值得推薦的插件Plugin

  3. 使用繪圖工具與設計圖標

    • 3-1 形狀布林運算群組Boolean Groups
    • 3-2 線條風格圖案
    • 3-3 漸層填色
    • 3-4 圖層效果Effect

  4. 物件管理與編排

    • 4-1 物件對齊
    • 4-2 編排框架Frame與群組Group
    • 4-3 樣式style

  5. 進階UI畫面編排功能

    • 5-1 約束Constraints
    • 5-2 自適應佈局Auto layout
    • 5-3 components組件

  6. 開始設計UI

    • 6-1 WIREFRAME線框圖
    • 6-2 登入表單與按鈕
    • 6-3 UI設計風格表現
    • 6-4 網頁UI設計
    • 6-5 手機APP UI設計實作

  7. 可操作的原型Prototype設計

    • 7-1 開始建立可操作的原型Prototype
    • 7-2 常見效果
    • 7-3 實作APP UI原型Prototype

學會技能

  1. 快速掌握Figma核心功能
  2. 擁有網頁UI與APP UI設計初步能力

備註事項

學生優惠價：參加校園IT職涯學習護照方案，享有5折優惠價

新UI設計神器Figma到底有何亮點?

推薦課程