課程資料
Master in UI and UX Design
MASTERUIUX
 
若想更了解以上資訊,歡迎致電 3106 8211 查詢。
 
課程費用: $6000

 
課程費用無須申請任何政府基金資助。

繳費方法:

一般課程:按月等額收取列明的課程費用。本中心將不早於課程開始的一個月前收取第一期費用。除第一期的費用外,每期的費用會在課程進行期間每月的首個上學日或之後收取。

組合課程:若該課程為組合課程,本中心將按該組合課程分科收費,直至所收學費為該組合課程的等額費用為止。

 
退款安排: 本中心備有完善之退款政策及程序。學生將會於報讀課程前獲發有關之文件,學員亦可按此閱讀。
 
質素保證: 本中心備有完善之免費補堂,免費重讀及彈性上課安排,令學員更有保障。
 
   
理論: 0小時 實習: 30小時 示範: 0小時

合共: 30小時

 


課程內容:
Master in UI and UX Design
Part 1: Certificate in UI and UX Design using Adobe XD

Lesson 1 - Concept of UI & UX Design


• What’s User Interface (UI) Design
• What’s User Experience (UX) Design
• What’s the Tools
• UI & UX Workflow
• UI & UX Basic Concept
• Knowledge on color scheme
• Understanding different Color models
• Free Resources (Image assets/icons)

Lesson 2 - Drawing Skills & Typography

• Get started with Artboards
• Using guides & grids
• Basic drawing tools
• Select, resize & rotate objects
• Move, align, distribute & arrange objects
• Group, lock, duplicate, copy and flip objects
• Set Fill, Stroke & Effects(Shadows & Blur)
• Text Tool (Auto Width/Auto Height/Fixed Size)
• Work with design tokens
• Stacking & Padding in Group

Lesson 3 - Design App UI using Components

• Work with components
• Making Toggle Buttons
• Making Heart Shape Animated Component with mask
• Usage of Repeat Grid
• Add multiple states to component with Lottie Animation

Lesson 4 - Interactive Prototype

• Creating IG Story prototype
• Design in perspective using 3D Transforms
• Using different Trigger: Time, Tap & Voice
• Creating Weather App prototype
• Create Interactive Action using Auto-Animate, Transition
• Preview designs and prototypes

Lesson 5 - Using Plugins Design Dashboard

• Search & Install plugins
• UI Face - generate avatars
• Icons 4 Design – search & place free icons
• Repetor – Easily generate and sort content in Repeats Grids
• Google Sheets – enrich design with real data from Excel
• Table for XD – create table easily
• Create interactive Dashboard prototypes using Scroll To

Lesson 6 - Building a Game UI

• Create console game login UI
• Using Lottie Animations Playback
• Create interactive prototypes using Overlay, Previous Artboard
• Create console game description UI
• Using Video Playback

Lesson 7 - Building Mobile App UI

• Create a Food ordering app UI
• Login & Sign In UI
• Creating food list cards with multi-stage component
• Design layout with Repeat Grid
• Creating number counter component

Part 2: Certificate in UI and UX Design using Figma

Lesson 8 - Basic skills on Figma


• Installing & signing up for Figma
• Creating & Saving file
• Using Frames
• Design & Inspect Tab
• Drawing Shapes
• Text and fonts
• Spacing & Alignment
• Creating Groups
• Fill, Stroke & Effects

Lesson 9 - Using Auto Layouts & Creating Prototype

• Creating Styles
• Auto Layouts
• Guide to components
• Add prototype connections to components
• Create and use variants
• Prototype interactions and animations
• Create advanced animations with smart animate

Lesson 10 - Building Web UI

• Usage of Plugins
• Layout Grid Systems for Responsive Web Design
• Creating Auto Layout Menu
• Creating Hero Section & Cards information
• Interactive Forms Design with Component Variants
• Exporting Images

 

 

 
 
如有任何有關課程之查詢,歡迎致電 3106 8211 與我們的客戶關係主任聯絡。
 
MASTERUIUX22100015 
日期 17/10/2022~19/12/2022 (MON)
時間 19:00~22:00 
合共 30 小時
上課地點 長沙灣分校
課程費用 $ 4500

 
MASTERUIUX2211001E 
日期 18/11/2022~20/1/2023 (FRI)
時間 19:00~22:00 
合共 30 小時
上課地點 北角分校
課程費用 $ 4500