Get in Touch

Course Outline

Introduction

Adobe XD and UX Design Tools

  • Assets and components utilized in Adobe XD
  • The design system environment within Adobe XD

Web Design Overview

  • Distinguishing between UX, UI, and product design roles
  • Low-fidelity versus high-fidelity design approaches

Setting Up Adobe XD

  • Downloading and installing Adobe XD
  • Navigating the Adobe XD interface

Designing Wireframes in Adobe XD

  • Integrating typography
  • Adding color palettes and icons
  • Structuring layouts with headers and footers
  • Organizing content across multiple web pages
  • Utilizing repeat grids
  • Creating and managing symbols
  • Designing gradients
  • Using mood boards and supplementary resources

The Wireframe Web Cycle

  • Uploading wireframes to Adobe XD for feedback
  • Recording and documenting interactions via Adobe XD

Web and Mobile Integration

  • Implementing interactivity in Adobe XD
  • Integrating software compatible with Adobe XD CC (e.g., ProtoPie)
  • Building a basic app within Adobe XD
  • Adding micro-interactions
  • Incorporating native device features
  • Designing pop-up dialogs

Summary and Conclusion

Requirements

  • Prior experience in UX and web design

Target Audience

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

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses

Related Categories