When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Animation
SkillShare logo

From Sketch to Adobe XD: UI Design and Interactive Prototype

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
From Sketch to Adobe XD: UI Design and Interactive Prototype

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 27 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About From Sketch to Adobe XD: UI Design and Interactive Prototype

Intro

Design Assets

City Information UI - Part 1

City Information UI - Part 2

Tweaking the UI

List of Cities UI

List of Cities - Swipe Interaction UI

2nd City Information UI

Adding Interaction to UI

Adding Interaction to 2nd City

Connecting Interaction Between Cities

Finalize the Prototype

BONUS - Share the Prototype

What You Will Learn?

  • 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.