Requirements

• No prior Graphic Experience is required
• You can use either Windows or macOS for Graphic Designing
• Have 10 GB of free space on your hard drive and 8 GB of RAM
• Access to Adobe XD and Figma

Course Content

Course Introduction (FREE SESSION)

• What is UI/UX?
• What is the difference Between Graphic Design and UI/UX?
• Designing Principles
• Market Opportunities for UI/UX Designers

Setup Environment

• Install Adobe XD
• Setup Figma
• Overview of Editors

Designing Fundamentals

• Design Principles
• Colors Concept
• Typography

Adobe XD

Adobe XD Workspace Overview

• Welcome Screen Overview
• Create Document
• Zooming and panning
• Design vs Prototype
• Export and File formats

Tools

Layers and Panels

Plugins 

Components

Color Assets

Videos and Character Assets

Alignments

Appearance

Grid System and Guides

Prototype with Animation

Workshops

• Website Design and Prototype
• Mobile App Design and prototype

Project # 1 Web/Mobile App wireframe, design, and prototyping

Figma

Figma Workspace Overview

• Welcome Screen Overview
• Create Document
• Zooming and panning
• Design vs Prototype
• Export and File formats

Tools

Layers, Pages, and Assets

Plugins and Components

Widgets

Color Assets

Figma Inspect and Browser Inspect 

Alignments

Appearance

Grid System and Guides

Prototype with Animation

Teamwork and Communication

Workshops

• Website Design and Prototype
• Mobile App Design and prototype

Project # 1 Web/Mobile App wireframe, design, and prototyping