Adobe - FIGMA

Figma專業UI設計實作

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

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 24505 班 2024/07/03 ~ 2024/07/22 每週一三 18:30~21:30 報名
台北 653 班 2024/07/04 ~ 2024/07/08 每週一二三四五 09:00~16:00 報名
台北 24399 班 2024/08/25 ~ 2024/09/01 每週六日 09:00~16:00 報名
台北 654 班 2024/09/13 ~ 2024/09/18 每週一二三四五 09:00~16:00 報名
台北 655 班 2024/11/28 ~ 2024/12/02 每週一二三四五 09:00~16:00 報名
台中 653_FIGMA 班 2024/07/04 ~ 2024/07/08 每週一四五 09:00~16:00 報名

目前查無開課時段

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

聯絡恆逸

教材

優勢精選教材

課程目標

異軍突起的專業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

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

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

  1. 物件管理與編排

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

  1. 進階UI畫面編排功能

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

  1. 開始設計UI

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

  1. 可操作的原型Prototype設計

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

學會技能

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

備註事項

學生優惠價:參加校園IT職涯學習護照方案,享有5折優惠價NT$4,200元

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