In this challenge you are handed a wireframe in XD and your job is to add the images, icons and interactivity to the project. Have some fun with this.
- [Instructor] So here's your first challenge…and it's going to give you an opportunity to try out…practically everything you've done in this chapter.…So you're going to create a little travel log here…where people can pick a tour, and when they click on…this one here, "Wu Han", it slides across and they get…to learn a little bit more about Wu Han.…There are three icons up here, and of course there's…a back button which should take you back to the main page.…So far, so good. Okay, so I'm going to close this.…
So this file here that you're looking at is in the…complete folder which is in the challenge, but you're…going to be starting with something a little bit different.…I'm just going to pull it over here, there we go.…This is what you're going to be starting with:…a simple wire frame that sort of outlines…everything that's got to go in here,…and your job is to build that interface.…These are icons, up here,…I'll show you the icons right there, okay?…There's a calendar, share and like icons so they…go in there, there's a little bit of text in there,…
- 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.