Course Outline


Adobe XD and UX Design Tools

  • Assets and components used in Adobe XD
  • Design system environment in Adobe XD

Overview of Web Design

  • UX vs UI vs product designer
  • Low-fidelity design vs high-fidelity design

Setting up Adobe XD

  • Downloading Adobe XD
  • Navigating the Adobe XD UI

Designing Wireframes in Adobe XD

  • Integrating types
  • Adding colors and icons
  • Structuring with headers and footers
  • Layering with multiple web pages 
  • Using repeat grids
  • Creating and updating symbols
  • Creating gradients
  • Using mood boards and other resources

Wireframe Web Cycle

  • Uploading the wireframe for comments on Adobe XD
  • Recording and documenting the interactions using Adobe XD

Web and Mobile Integration

  • Adding Adobe XD interactivity
  • Integrating an Adobe XD CC compatible software (E.g ProtoPie)
  • Creating a simple app in Adobe XD
  • Adding micro interactions
  • Adding native features to the app
  • Creating a pop up box

Summary and Conclusion


  • Experience with UX and web design


  • Web designers
  • Mobile application designers
  • Frontend developers
  • UX engineers
  14 Hours


Related Courses

Design Sprint Workshop

  35 hours

Design Thinking Workshop for Software Developers

  14 hours

Introduction to Domain Driven Design

  14 hours

Design Patterns

  14 hours

Design Patterns in C#

  14 hours

Design Patterns in PHP

  14 hours

PHP Patterns and Refactoring

  21 hours

JavaScript - Advanced Programming

  14 hours

Object Oriented Design using Design Patterns

  14 hours

Technical Architecture and Patterns

  21 hours

Microservice Patterns: Migrating from a Monolithic to a Microservice Architecture with .Net

  14 hours

Kubernetes Design Patterns

  21 hours

Kubernetes Design Patterns and Extensions

  14 hours

Certyfikacja OCUP2 UML - Przygotowanie do egzaminu UML2 Intermediate

  14 hours

OCUP2 UML Certification - UML2 Advanced Exam Preparation

  14 hours