Logical navigation and realistic transitions between screens are UX design fundamentals. Learn how to use the prototype panel in XD to control not only what moves, but how it moves.
- [Instructor] With the screens designed,…you can now turn your attention…to moving between the screens, or adding interactivity.…And it's really not that difficult to do…in Adobe XD, in fact it's rather simple.…And I got to show you how to move between two screens…and one of the fundamental rules…is if you can move between two screens,…you can move between 200 screens.…So this is a very good example of just how to use…the interactivity features of XD.…So we're going to get started by clicking on Prototype view…and you'll notice two things happen…when you swing over to Prototype view.…
All the tools disappear, and all the properties disappear.…And the reason is is that we're now in the process…of creating the prototype,…there's no design work to be done.…Now the next thing you should notice…is this little blue thing hangin' off the sign in screen.…That tells me that it is the home screen.…This is the first screen the user will see…when he or she opens the application.…If you want to change it,…all you have to do is just select an artboard…
- Navigating the XD interface
- Using artboards and grids
- Adding content to layers
- Using the Repeat Grid feature
- Adding interactivity to a project
- Exporting content
- Sharing your work
Skill Level Beginner
UX Foundations: Accessibilitywith Derek Featherstone1h 20m Beginner
User Experience for Web Designerswith Chris Nodder1h 49m Beginner
1. Getting Started with Adobe Experience Design
2. Going from Concept to Interactive Prototype
3. Working with Images and Vectors
4. Build Stuff in Experience Design
5. Publishing and Developer Handoff
Next steps1m 13s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.