Master in UI and UX Design - Feva Works IT Education Centre

Master in UI and UX Design MASTERUIUX

FevaWorks 與您一起齊心抗疫,一起增值,學生可因應情況選擇以網上方式或面授方式上課。

FevaWorks 20 周年特別優惠:

於9月23前報名,可享超級優惠價 $4,500 (原價: $6,000) 及 免費送你 i-FEVA FevaWorks 網上視像課程 (1年),價值 $1999 。


UI/UX 是什麼?

UX 是 User Experience 使用者經驗的簡稱,而 UI 則是 User Interface 使用者介面的簡稱。UX 主要的範疇為根據使用者的習慣設計優化用戶體驗,考慮「產品用起來的感覺」,也就是使用者介面設計。UI 主要是負責設計,考慮「產品怎樣呈現」,以使用者便利性與整個設計的美學為出發點設計,包括整個設計產品的顏色、字型、字體大小、圖示等等。


UI/UX 設計熱門工具 Figma




Figma 是現時最熱門的 UIUX 設計軟件之一。根據 UI 設計工具調查報告,Figma 已經超越了 Sketch 成為業界使用工具第一名。它的即時同步與協作功能,讓設計師們能夠即時尋求團隊夥伴對於設計稿的反饋,減少大量溝通成本並能快速迭代設計。從設計到規格交付整個流程都直接整合在同一個工具裡,不需要像以往一樣切換不同工具,也大幅提升工作效率。



UI/UX 設計熱門工具 Adobe XD





Adobe XD 為一個介面設計工具,當中包含設計(Design) 樣板 (Prototype) 分享 (Share)。設計師可以輕鬆製作不同設計介面 (UI),如Web pages,Mobile App,Infographic及Game UI。完成後把樣板分享給客戶,令客戶清晰掌握介面到整個流程。
 

Design



Prototype



Share






Feva Works 特別推出《Master in UI and UX Design 》重點教授 Figma & Adobe XD 如何設計不同種類 UI,詳細講解當中設計概念,操作方式,動態過場等技巧。有志投身 UI/UX 行業不容錯過。


 

專業導師任教,專業設備,信心保證
 

 

名師介紹:



Herman Chan

Herman 為資深的設計師並有超過10年教學經驗,擁有 Adobe Certified Expert 及 Adobe Certified Instructor 官方認證。Herman 擅長各項Adobe 應用軟件包括 Photoshop, Illustrator, InDesign, Dreamweaver, Animate, Lightroom等。涵蓋平面設計、數碼及印刷輸出、網頁設計及相片處理。此外,Herman同時擁有 Microsoft Certified Trainers (MCTs) 及 Microsoft Office Specialist 官方認證。他亦有教授 Autodesk Fusion 360 ,分享 3D Printing 製作心得。

曾多次到聖荷西 (San Jose) / 洛杉磯(LA) 出席 Adobe MAX 年度大型會議,掌握最新技術及市場動向。並多次在不同媒體雜誌示範及分享應用心得。

 

 

完成課程後,學員更可獲發 Adobe 課程修畢證書

















Feva Works 為 Adobe 認可 CC 特選培訓中心,導師均獲 Adobe 專業培訓,為官方認可,務求提供最完美,優質的服務










 

理論: 0小時
實習: 30小時
示範: 0小時
合共: 30小時
若想更了解以上資訊,歡迎致電 3106 8211 查詢。
課程費用: $6000

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

繳費方法:

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

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

請按此查閱付款方法

退款安排:
本中心備有完善之退款政策及程序。學生將會於報讀課程前獲發有關之文件,學員亦可按此閱讀。
質素保證:
本中心備有完善之免費補堂,免費重讀及彈性上課安排 (攝影課程除外),令學員更有保障。
上課模式:
部份課程提供混合模式上課,學生可因應情況選擇以網上方式或面授方式上課。想進一步查詢詳情,可致電熱線 3106 8211。
自訂課程:
本中心歡迎各公司、機構或團體包團報讀課程,安排公司活動或同事培訓。想進一步查詢詳情,可致電熱線 3748 9826。
卓越成就:

本中心榮獲各大國際機構 (Adobe, Autodesk, Microsoft, H3C, Lenovo, Corel, Prometric, VUE, Certiport, Wacom 等等) 邀請成為香港區指定的認可教育中心及連續15+ 年榮獲香港社會服務聯會嘉許為「商界展關懷」公司,以表揚 Feva Works 對社會的貢獻。

除此之外,Feva Works 更連續 10 年獲 Microsoft 頒發全港最佳 Microsoft 授權培訓中心 (Best Microsoft Certified Partner for Learning Solutions of the Year) 及被 Adobe 選定為 Adobe CS4 & CS5 & CS6 & Creative Cloud 指定認可培訓中心。最近,Feva Works 更連續 10 年獲e-zone 電腦雜誌頒發最佳IT培訓中心。

課程內容:

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

 

 

課程時間表:

 
MASTERUIUX22100015 
日期 2022/10/17 - 2022/12/19
時間 19:00-22:00 (MON)
合共 30小時
地點 長沙灣分校 / 網上 Online**
費用 $ 4500


 
MASTERUIUX2211001E 
日期 2022/11/18 - 2023/01/20
時間 19:00-22:00 (FRI)
合共 30小時
地點 北角分校 / 網上 Online**
費用 $ 4500