From Sketch to Adobe XD: UI Design and Interactive Prototype

Irfan Rosandi, I Teach Design on Skillshare

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (1h 27m)
    • 1. Intro

      0:58
    • 2. Design Assets

      0:40
    • 3. City Information UI - Part 1

      14:03
    • 4. City Information UI - Part 2

      6:52
    • 5. Tweaking the UI

      2:18
    • 6. List of Cities UI

      10:46
    • 7. List of Cities - Swipe Interaction UI

      1:28
    • 8. 2nd City Information UI

      7:24
    • 9. Adding Interaction to UI

      18:42
    • 10. Adding Interaction to 2nd City

      10:36
    • 11. Connecting Interaction Between Cities

      5:19
    • 12. Finalize the Prototype

      3:35
    • 13. BONUS - Share the Prototype

      4:20

About This Class

OVERVIEW

Hi Everyone I am Irfan, i am a UI/UX Designer, Thanks for checking out this class. In this class i want to share with you on how to create an interactive prototype with animation using Adobe XD, this class is open for everyone who want to learn how to design a UI and interactive prototype whether you are a beginner or intermediate designer.

This class teach you the step by step process on how to create a simple interactive web prototype from scratch, the class starts with creating the UI Design in Sketch and then creating the prototype and animation in adobe XD.

At the end of this class, i hope you can create your own interactive prototype using Adobe XD. I am also provided you with Design Assets that is used in this class, so you can watch and practice it.

So, let's get started!

CASE STUDY

a9aebf7e