Get in Touch

Course Outline

Introduction

Adobe XD and UX Design Tools

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

Overview of Web Design

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

Setting up Adobe XD

  • Downloading Adobe XD
  • Navigating the Adobe XD user interface

Designing Wireframes in Adobe XD

  • Integrating typography
  • Adding colors and icons
  • Structuring content with headers and footers
  • Managing multiple web pages through layering
  • Utilizing repeat grids
  • Creating and updating symbols
  • Designing gradients
  • Employing mood boards and other resources

Wireframe Web Cycle

  • Sharing wireframes for feedback via Adobe XD
  • Recording and documenting interactions using Adobe XD

Web and Mobile Integration

  • Adding interactivity to Adobe XD designs
  • Integrating with Adobe XD CC compatible software (e.g., ProtoPie)
  • Developing a basic app in Adobe XD
  • Incorporating micro-interactions
  • Adding native app features
  • Creating popup boxes

Summary and Conclusion

Requirements

  • Prior experience with UX principles 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