From the course: Prototyping Microinteractions with After Effects
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Using a focal element
From the course: Prototyping Microinteractions with After Effects
Using a focal element
- [Narrator] Screen real estate is a valuable commodity. Clutter up a screen and it looks like you are trying to stuff five pounds of feathers into a two pound bag. Not to mention, your user is going to have an awful experience and the odds are almost 100% they're just going to give up and leave. This has given rise to a number of menu design patterns that offer the user choice without cluttering up the screen. One of the more ubiquitous is the accordion menu and that's what we're going to be creating in this exercise. So to get yourself started open the accordion file found in your chapter download. When it opens, you'll see that I have given you four markers and they're going to deal with the opening of the accordion and the closing of the accordion. Well what's going to happen is we're going to assume that the user clicks on this Item 4 script right here and as it moves down, the choices in the choices layer appear. So let's get started. We're going to come over to Frame 20 and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
(Locked)
Sequencing5m 29s
-
(Locked)
Transitions9m 48s
-
(Locked)
Animated containers10m 23s
-
(Locked)
Using a focal element5m 31s
-
(Locked)
Creating an overshoot2m 52s
-
(Locked)
Stretching elements3m 50s
-
(Locked)
Zooming5m 44s
-
(Locked)
Floating action button fundamentals6m 48s
-
(Locked)
Sticker sheets4m 21s
-
(Locked)
Arcs4m 30s
-
(Locked)
Text input2m 20s
-
(Locked)
3D effects5m 22s
-
(Locked)
A pulsing cursor5m 19s
-
(Locked)
Wireframe a drawer5m 6s
-
(Locked)
Refining the slide-in drawer5m 42s
-
(Locked)
Card-based layouts4m 42s
-
(Locked)
The ripple effect4m 48s
-
(Locked)
-