
>
課程資訊
適用對象
課程特色
詳細內容
師資介紹
我對本課程有興趣
與我諮詢 / 報名
課程資訊
開課日期
隨時開課
學習時程
18小時
上課時間
不拘
上課時段
不拘
適用對象
對UI設計充滿熱情的新手、視覺設計師、網頁設計師、程式設計師、網站或APP企劃
課程特色
異軍突起的專業UI設計整合工具-Figma,不但是免費使用,而且是只要連上網就可以隨時設計UI的工具。
Figma以瀏覽器為載體,依靠網路,全程在網頁瀏覽器線上操作,並且Figma 可將所有設計檔案儲存在雲端隨開隨用,透過 Figma 的線上協作功能,隨時皆可讓團隊成員都能參與設計流程,在國內外已是非常熱門的介面設計工具,許多大公司的設計團隊皆已正式採用 Figma 為主力設計工具。
使用Figma隨時可以直接進行UI設計,無論是UI設計新手、程式開發人員、網站或APP企劃均可快速學習並上手,甚至是往專業UI設計師邁進的設計者,均可輕鬆搭配整合Photoshop與Illustrator設計的內容,完成UI設計的最終整合。
本課程由Figma核心操作基礎功能出發,讓初學者快速上手,接著深入介紹Figma進階功能與整合技巧,最後以APP與網頁UI實作範例完成UI原型設計。
現在正是時候跟上專業國際UI設計工具趨勢,並朝專業UI設計目標邁進!
Figma以瀏覽器為載體,依靠網路,全程在網頁瀏覽器線上操作,並且Figma 可將所有設計檔案儲存在雲端隨開隨用,透過 Figma 的線上協作功能,隨時皆可讓團隊成員都能參與設計流程,在國內外已是非常熱門的介面設計工具,許多大公司的設計團隊皆已正式採用 Figma 為主力設計工具。
使用Figma隨時可以直接進行UI設計,無論是UI設計新手、程式開發人員、網站或APP企劃均可快速學習並上手,甚至是往專業UI設計師邁進的設計者,均可輕鬆搭配整合Photoshop與Illustrator設計的內容,完成UI設計的最終整合。
本課程由Figma核心操作基礎功能出發,讓初學者快速上手,接著深入介紹Figma進階功能與整合技巧,最後以APP與網頁UI實作範例完成UI原型設計。
現在正是時候跟上專業國際UI設計工具趨勢,並朝專業UI設計目標邁進!
詳細內容
1. 開始使用Figma
2. 介面與核心工具使用
2-1 Figma介面介紹
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
3-4 圖層效果Effect
4 物件管理與編排
4-1 物件對齊
4-2 編排框架Frame與群組Group
4-3 樣式style
5 進階UI畫面編排功能
5 進階UI畫面編排功能
5-1 約束Constraints
5-2 自適應佈局Auto layout
5-3 components組件
6 開始設計UI
5-3 components組件
6 開始設計UI
6-1 WIREFRAME線框圖
6-2 登入表單與按鈕
6-3 UI設計風格表現
6-4 網頁UI設計
6-4 網頁UI設計
6-5 手機APP UI設計實作
7 可操作的原型Portotype設計
7 可操作的原型Portotype設計
7-1 開始建立可操作的原型Portotype
7-2 常見效果
7-3 實作APP UI原型Portotype
師資介紹
備註
台北2025-02-09 ~ 2025-02-16 每週六日09:00 ~ 16:00
台北2025-03-21 ~ 2025-03-25 每週一二五09:00 ~ 16:00
台北2025-04-28 ~ 2025-05-14 每週一三18:30 ~ 21:30
更詳細課程介紹與開課時間,請上網查詢 http://www.uuu.com.tw
歡迎來電洽詢課程優惠!
台北恆逸 02-25149191分機100 台北市松山區復興北路99號14樓
新竹恆逸 03-5723322分機100 新竹市光復路二段295號3樓之2
台中恆逸 04-23297722分機100 台中市西區臺灣大道二段309號2樓
高雄恆逸 07-5361199分機100 高雄市苓雅區新光路38號4樓之1
恆逸保留所有開課時間、以及課程內容與費用調整之權利。