課程資料 |
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 與我們的客戶關係主任聯絡。
MASTERUIUX23020015 |
日期 |
6/2/2023~17/4/2023
(MON) |
時間 |
19:00~22:00 |
合共 |
30
小時 |
上課地點 |
長沙灣分校
|
課程費用 |
$ 4500 |
|
|
|