Feva Works IT Education Centre

Master in UI and UX Design using Adobe XD

Enquire Now

Course Information

Schedules
  • 29 May 2021 (Sat) - 26 Jun 2021 (Sat) 10:30 AM - 5:30 PM
  • 25 Jun 2021 (Fri) - 27 Aug 2021 (Fri) 7:00 PM - 10:00 PM
  • 19 Jul 2021 (Mon) - 20 Sep 2021 (Mon) 7:00 PM - 10:00 PM
Registration period
25 Apr 2021 (Sun) - 18 Jul 2021 (Sun)
Price
HKD 6,000
Course Level
Study Mode
Duration
30 Hour(s)
Language
Cantonese
Location
北角英皇道335-341號恆生北角大廈 2 樓/九龍長沙灣道681號貿易廣場5樓503-506室
77 views

Course Overview

UI/UX是什麼?

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

AdobeXD

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

 

Design

Prototype

Share





FevaWorks特別推出《MasterinUIandUXDesignusingAdobeXD》重點教授AdobeXD如何設計不同種類UI,詳細講解當中設計概念,操作方式,動態過場等技巧。有志投身UI/UX行業不容錯過。

 

 

你,準備好了嗎?

免費課程講座,立即報名

What you'll learn


Master in UI and UX Design using Adobe XD
Module 1: Concept of UI/UX Design (3 hours)

> What’s User Interface (UI) Design
> What’s User Experience (UX) Design
> What’s the Tools
> Typography
> Color Scheme
> Free Resources (Image assets/icons)

Module 2: Basic skills on Adobe XD (3 hours)

> 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 stroke, fill & drop shadow for objects
> Create repeating elements
> Using Boolean operations & masking


Module 3: Basic skills on Text, Layers & Effects (3 hours)

> Work with Text tools
> Work with design tokens
> Work with Adobe Fonts
> Work with layers
> Create a mask with shapes
> Add background blur effect
> Apply blend effects

Module 4: Preparation on Layout (3 hours)

> Work with components
> Work with nested components
> Add multiple states to components
> Responsive resize and constraints
> Work with padding
> Create dynamic designs with stacks
> Work with document assets

Module 5: Interactive Prototype (3 hours)

> Create interactive prototypes
> Link to previous artboard
> Animate prototype
> Create prototype with keyboard and gamepad
> Create prototype with voice commands
> Create timed transitions
> Adding overlays
> Design in perspective using 3D transforms
> Preview designs and prototypes

Module 6: Works on free XD resources (3 hours)

> Find & Install powerful plugins
> UI Faces – generate avatars
> Tool Kit – handy tool improve workflow
> UnDraw – infinitely scalable and editable vectors
> Web Export – export to HTML & CSS
> Overflow – create, present & share playable flow diagrams
> Smart Layout – vertical stacking with gaps, paddings & margins
> Google Sheets – enrich design with real data from Google Sheet
> VizzyChart – generate data in charts & graphs
> ContentGenerator – generate random dummy data
> Color Scale – generate color scales
> Icons 4 Design – search & place free icons

Module 7 : Building a Landing Webpage (3 hours)

> Design a menu bar
> Create hero section
> Create user review sections
> Create footer with social media icons

Module 8: Design an Infographic (3 hours)

> What is an infographic?
> Why use infographics?
> Create infographics
> Make infographics more design effective


Module 9: Building a Game UI (3 hours)

> Create console game login UI
> Design console game menu
> Create console game description

Module 10: Building Mobile App UI (3 hours)

> Create a Food ordering app UI
> Build food shops list
> Build a shopping cart UI
> Build a payment UI
> Build a review UI


 




 



We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed