Adobe - FIGMA

Figma專業UI設計實作

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

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 652 班 2024/04/19 ~ 2024/04/23 每週一二三四五 09:00~16:00 報名
台北 24983 班 2024/06/16 ~ 2024/06/23 每週六日 09:00~16:00 報名
台北 653 班 2024/07/04 ~ 2024/07/08 每週一二三四五 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 報名

目前查無開課時段

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

聯絡恆逸

教材

優勢精選教材

課程目標

異軍突起的專業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 可操作的原型Portotype設計

7-1 開始建立可操作的原型Portotype

7-2 常見效果

7-3 實作APP UI原型Portotype

學會技能

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

備註事項

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

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

推薦課程