YoVDO

Prototyping with Adobe XD Course (How To)

Offered By: Treehouse

Tags

Adobe XD Courses Visual Design Courses User Interface Design Courses

Course Description

Overview

Adobe XD is a visual prototyping tool for PC and macOS. In this course, you'll learn how to use Adobe XD by building a mockup for a travel booking app. By the end, you'll be able to create interactive prototypes that can be shared with others.

What you'll learn

  • The Adobe XD interface
  • Creating interactive prototypes in Adobe XD
  • Sharing Adobe XD projects with others

Syllabus

Introducing Adobe XD

Adobe XD is a simple but versatile tool for creating interactive visual prototypes. The first step of creating mockups with Adobe XD is to learn the interface.

Chevron 4 steps
  • Why Prototype in Adobe XD?

    1:42

  • The Adobe XD Interface

    6:33

  • Navigating the Workspace

    4:13

  • Introduction to Adobe XD

    5 questions

Prototyping Designs in Adobe XD

Designs can be created in Adobe XD by drawing simple shapes and then adding text and images.

Chevron 5 steps
  • Drawing Shapes

    3:57

  • Adding Images

    5:10

  • Adding Text

    7:45

  • Layers and Repeat Grids

    8:19

  • Prototyping Designs in Adobe XD

    5 questions

Interactivity in Adobe XD

A mockup is no good unless you can share it with others. Adobe XD makes it easy to share interactive prototypes.

Chevron 5 steps
  • Adding Artboards

    7:31

  • Creating New Screens

    7:32

  • Adding Interactivity to Prototypes

    5:53

  • Sharing Designs

    3:28

  • Interactivity in Adobe XD

    5 questions


Related Courses

User Experience Responsive Hero in XD for Beginners
Coursera Project Network via Coursera
Customer Journey Prototyping in XD
Coursera Project Network via Coursera
Fashion E-Commerce in XD
Coursera Project Network via Coursera
Ultimate Web Designer & Web Developer Course
Udemy
Web Design com Adobe XD, Bootstrap, GIMP, HTML e Photoshop
Udemy