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

Master in UI and UX Design MASTERUIUX
課程介紹

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 專業培訓,為官方認可,務求提供最完美,優質的服務










 

若想更了解以上資訊,歡迎致電 3106 8211 查詢。
課程內容
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

 

 

課程時數及費用

合共: 30小時

課程費用: $6000

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

繳費方法及退款安排

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

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

請按此查閱付款方法

退款安排: 本中心備有完善之退款政策及程序。學生將會於報讀課程前獲發有關之文件,學員亦可按此閱讀。

質素保證及卓越成就

本中心備有完善之免費補堂,免費重讀及彈性上課安排 (攝影課程除外),令學員更有保障。

本中心榮獲各大國際機構 (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培訓中心。

上課模式
部份課程提供混合模式上課,學生可因應情況選擇以網上方式或面授方式上課。想進一步查詢詳情,可致電熱線 3106 8211。
自訂課程
本中心歡迎各公司、機構或團體包團報讀課程,安排公司活動或同事培訓。想進一步查詢詳情,可致電熱線 3748 9826。
課程時間表
 
MASTERUIUX2307001A 
日期 2023/07/05 - 2023/09/06
時間 19:00-22:00 (WED)
合共 30小時
地點 北角分校 / 網上 Online**
費用 $ 6000


 
MASTERUIUX23070015 
日期 2023/07/24 - 2023/09/25
時間 19:00-22:00 (MON)
合共 30小時
地點 長沙灣分校 / 網上 Online**
費用 $ 6000