Introduction
  • Introduction
  • Downloading Adobe XD
  • What is UI/UX Design?
Resources
  • Icons - Google Material Icons
  • Icons - Box Icons
  • UI Kits
  • Wireframe Kits, Templates, Icons and More - UI8
  • Illustrations - unDraw
  • Images & Pictures - Unsplash
  • Fonts - Adobe Fonts & Google Fonts
Adobe XD
  • Adobe XD Overview
  • Keyboard Shortcuts for XD
  • Basic Tools
  • Property Inspector
  • Repeat Grid
  • Responsive Resize
  • Masking
  • Assets Panel & Creative Cloud Libraries
  • Layers Panel Shortcuts
  • Working with Symbols
  • Creating your own Icons in Adobe XD
  • Onboarding App Project Overview
  • Onboarding App Project Design
  • Onboarding App Project Prototype
  • Prototype Tab Overview
  • Share for Review, for Developers & Record Prototypes
  • Exporting Assets & Design Files
  • Adobe XD Updates
Basics of UI/UX
  • Alignment
  • Size & Contrast
  • Space
  • Color Theory
  • Selecting Better Colors
  • Typography
Design Process
  • Design Process Overview
  • Creative Planning & Moodboards - Milanote
  • Sketching & Basic Wireframes - Freehand from InVision
Course Project - App Design
  • Project Overview
  • Style Guide
  • Home Screen Wireframe
  • Home Screen Design
  • Profile Screen Wireframe
  • Profile Screen Design
  • Contact Screen Wireframe
  • Contact Screen Design
  • Client Profile Screen Wireframe
  • Client Profile Screen Design
  • Sign up Screen Wireframe
  • Sign up Screen Design
  • Updating the Style Guide
  • Why we prototype
  • Prototyping Part One
  • Prototyping Part Two
  • Prototyping Part Three
  • Prototyping Part Four