Join Joseph Labrecque for an in-depth discussion in this video Designing navigation elements, part of Adobe Animate for UX Design.
- [Instructor] All right, it's time to make … our user experience interactive. … First, we'll need to create some elements … the user can click upon to navigate the experience. … We'll use button symbols for this task. … Right above our header layer, create a new layer. … And we're going to name this navigation. … Another thing I'm going to do is go in … at 100% inside of our zoom view … 'cause I want to pay attention particularly … to this area here where I'll navigation will be seated. … All right. … Let's go ahead and choose the text tool, … and we're going to use static text. … I'm going to change this back to Arial for our font. … And we'll use Arial Bold in this case. … 17 is pretty good. … I'm going to take it to 16. … And for a fill color, instead of black, … I'm going to sample from this little stroke … that we have as part of our image here. … Okay. … One last thing, … I want to align everything to the center here, … and that's going to work out just fine. … Making sure that all my other layers are locked, …
- Setting up a UX project in Animate
- Drawing simple shapes
- Adding text
- Creating symbols
- Building interactive states
- Defining screens in the timeline
- Linking between screens
- Animating interactions
- Publishing and exporting your project
Skill Level Intermediate
Prototyping Microinteractions with Adobe Animatewith Joseph Labrecque1h 50m Intermediate
1. Project Setup
2. Working with Shapes and Text
3. Building Reusable Assets
4. Using the Timeline to Define Screens
5. Prototyping Experiences
- 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.