線上直播課程
Figma UI / UX 響應式網頁版型設計課程【二四晚班】
- 課程日期:2024 年 5 月 14 日 ~ 6 月 6 日
- 課程日期:5/14、5/16、5/21、5/23、5/28、5/30、6/4、6/6
- 課程時間:星期二四 / 晚上 7:30 ~ 10:00
- 授課講師:李卓安 老師
Figma UI 響應式網頁版型設計 - 課程資訊
- 課程費用:【線上直播互動課程 - 限時特價 4600 元】
- 繳費時間:當課程報名人數達到 6 人之後,我們將會以簡訊及 LINE 通知您繳費。
- 繳費方式:信用卡 / 匯款 / 超商繳費
- 重修服務:付費上完課程後的 1 年之內可以免費觀看線上錄影回播教學影片
- 重修服務:付費上完課程後的 1 年之內可以登記「免費重修」「免費補課」本課程
- 線上課程:線上直播課程上課軟體 - ZOOM 請同學於上課前安裝好此軟體
- 飛肯公告:從 2024 年開始我們將提供「線上直播課程」,曾經上過「實體課程」的同學也可免費重修及免費補課「線上直播課程」喔。
Figma UI 響應式網頁版型設計 - 課程報名資格
- 1. 對網頁設計工作有基本的認識
- 2. 完全不會 Figma 的同學也可以參加此課程
Figma UI 響應式網頁版型設計 - 課程適合對象
- 1. 對 RWD 響應式網頁 UI 設計有工作需求的人
- 2. 完全沒有學過 RWD 響應式網頁 UI 設計的人
- 3. 沒有學過 Figma 的人
- 4. 平面設計師進修
- 5. PM / RD / MKT 技能與知識儲備
李卓安 - 老師簡介
- 1. 銘傳大學 商業設計系 (學士)
- 2. DOMUS Academy Master of Business Design (碩士)
- 3. 地圖日記 ( yahoo! Team ) - Designer
- 4. GROUPON Taiwan - Design Lead
- 5. VoiceTube - Product Owner and Design Lead
Figma UI 響應式網頁版型設計 - 課程介紹
Figma 是目前全球包括 google / Uber / Airbnb / Spotify / twitter / NBC 等,主流企業設計團隊使用的設計軟體;Figma 基於瀏覽器平台運作,不但沒有設備相容性問題,同時還兼具雲端儲存特性,更是一款功能強大且易於操作的軟體,是當代 UI 設計師必備的技能工具。
Figma UI 響應式網頁設計課程推薦,本課程從 Figma 教學到 RWD 響應式網頁 UI 視覺設計分析,課堂上除了對 Figma 工具的操作方法教學之外,更著重於 Figma UI 設計技法、Figma UI UX 思維解析、RWD 響應式網頁 UI 設計的實務應用,包括 UI / UX / Wireframe / Color System / Moodboard / Journey Map 等,規劃以〝專案實作〞導向為主,讓同學在課堂上紮紮實實設計製作出屬於自己的 UI 設計網站作品。此外,專案實作的成果,將以簡報方式讓同學練習講述並發表,如同企業內的團隊發表會議一般。
Figma UI 響應式網頁設計教學課程,不僅止於工具學習,更將進一步探討 RWD 響應式網頁 UI 設計的概念及細節,讓你能學習操作技能的同時,也能加強設計的邏輯與知識,應用在 UI 設計的工作上將更無往不利,成為更棒的 UI / UX 設計人!
Figma UI 響應式網頁版型設計 - 課程大綱
老師會因應軟體和職場的需求變化,對課程內容調整與修改。
主題一:RWD 響應式網頁 UI 設計基本觀念
- 認識課程與同學
- Figma 的市場評價
- 對 Figma 的想像與介紹
- UI / UX 是什麼
- 網頁 UI 設計的核心價值
- UI 版面設計須注意什麼
- 避免難以執行的網頁 UI 設計
主題二:Figma 基礎工具操作
- 佈署練習專案環境 Plugin
- 建立框架 Frame
- 工具區列介紹
- 遮罩 & 帶入圖片練習
主題三:Figma 進階功能練習
- Component 零件製作
- Component 零件使用
- Auto Layout 基礎概念
- Auto Layout 按鈕應用
- Auto Layout 排列概念
- Auto Layout 排列應用
- Auto Layout 複雜編排
主題四:專案介紹 & 課題選定
- 專案課題選定
- Wire Frame 及注意事項
- Button Style
主題五:專案前置準備
- 色彩品牌調性
- 色彩系統 / 定義按鈕 / 字級
- Moodboard 情緒板介紹
- 你的 Moodboard 情緒版
- 目標設定 & Journey Map UX
- 排版邏輯及注意事項
- 設計規劃 & Grid 概念
主題六:RWD 響應式網頁 UI 實作
- 建立 page2 & wire frame
- Header 實作練習
- Body 實作練習
- Slide area 實作練習
- Footer 實作練習
- Popup 實作練習
- RWD 響應式網頁排版
主題七:設計自己的 UI 專案作品
- List page 設計
- Index 設計
- Shopping cart 設計
- Login 設計
- Account 設計
- RWD 響應式網頁排版
主題八:作品展示 & 設計 TALK
- Prototyping 基礎功能
- 作品展示 & 評語功能
- 設計 TALK - 怎麼開始
- 設計 TALK - 效率可能性
- 設計 TALK - 靈感情報來源
- 成為更棒的 UI / UX 設計人