Animate your Ideas, Design Better Apps

Adria Jimenez, Software Engineer, Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
31 Videos (2h 2m)
    • Course introduction. Is this course for me? How is the course structured?

      4:27
    • Course Resources Download

      0:34
    • Welcome and how to get the most of this course

      1:34
    • Downloading and installing the required software

      1:03
    • Software interface

      7:04
    • Connecting your screens

      3:36
    • Importing your assets from Sketch

      3:16
    • Adding your assets

      3:20
    • Animate state between different screens

      3:04
    • Import your whole designs directly from Sketch

      4:00
    • Drawing shapes

      1:53
    • Creating a shopping cart

      5:18
    • Shopping cart, polishing the animations and transitions

      3:51
    • Previewing and playing with your prototype on your iPhone

      2:51
    • Sharing your first prototype

      1:51
    • Get more from your ideas

      1:06
    • Control prototype behaviors using drivers​

      8:20
    • Working with big content

      5:14
    • Dragging layers across the screen

      1:19
    • Content pagination

      4:06
    • How challenges work

      2:08
    • Basic menu challenge

      1:11
    • Creating a slingshot prototype

      8:02
    • Solving the menu challenge

      3:54
    • Web interaction challenge: Document image alignment

      2:20
    • Picture gallery deletion prototype challenge

      1:21
    • Hands on web interaction challenge, document image alignment

      12:44
    • Prototyping for the Apple Watch with long press

      6:53
    • Add an event delayed by scroll interaction

      4:20
    • Build the gallery step by step guide

      10:12
    • Conclusion and thank you

      1:18

Project Description

Image gallery, image deletion interaction

ASSIGNMENT

Image gallery prototype where you have to do an interaction of an image deletion action.

DELIVERABLE

Upload your Principle project so the exercise can be reviewed. A completed project may include:

  • complete gallery
  • deletion interaction
  • confirmation of deletion
  • more than proposed images
  • additional behaviours

Check out the attached Principle file to see an example of deliverable

Attached Files