Join Tom Green for an in-depth discussion in this video Challenge: Create a card with an Animated Floating Action button, part of UX Design Tools: Principle.
(techno sounds)…- [Voiceover] Okay, it's time for you to apply…what you've learned to this point in the course.…Inside your chapter five download folder,…you will find the beach.jpg image,…a camera.ai image,…a prd image named challenge,…this will be the working file,…a sketch image for the challenge,…and this is for those of you that want to try…importing a sketch art board into Principle.…I've also given you a video,…so that you can reference what needs to be done.…
And, of course, there's a completed challenge,…which you can open and check out…just to see what you need to do…or if you get stuck.…So your task is real simple.…So I'm just going to close the challenge folder here.…You're going to use an imaging application…to replace the beach placeholder, right here,…and you're also going to use a vector application…to move the camera.ai file into position…on the challenge art board.…And that's this little placeholder here.…With the imaging out of the way,…your task is to create the following.…
I've got it open, so let's go take a look.…
- Adding content to new artboards
- Creating your first Principle animation
- Managing the Principle timeline
- Animating with keyframes and drivers
- Using assets from Photoshop and Sketch
- Manipulating content properties
- Modifying keyframes and retiming
- Masking and cropping
- Creating transitions
- Develop an Apple Watch alert
- Create a ripple effect
- Animate button presses
Skill Level Appropriate for all
Foundations of UX: Prototypingwith James Williamson1h 39m Beginner
UX Design Techniques: Paper Prototypingwith Chris Nodder24m 25s Intermediate
1. Getting Started with Principle
2. Using the Principle Timeline
3. Using the Principle Drivers
4. Managing Content in Principle
5. Practical Principle Projects
Next steps1m 2s
- 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.