Get ProtoPie

You can download a free trial of ProtoPie here. The trial usually lasts 10 days but for this class I partnered with ProtoPie to extend that to 120 days / 4 months for you. All you need to do to get this trial extension is to complete the class project described below.

Resource files

You can get all the resource files, that are used during the class, here.

Project

Create a prototype for an app of your choice. You can use an app you previously designed or one of the files I provided. Protopie supports importing Adobe XD, Sketch and Figma files, so you can use any design created with one of those tools.

Focus on one transition/interaction.

Step 1: Pick what you want to prototype - You can use something you designed or one of the files I provided.

Step 2: Prototype the interaction - Use the techniques you learned during the class to prototype the interaction you had in mind.

Step 3: Record your interaction - The class includes a video showing you how to do this.

Step 4: Add it to a mock-up - As I explain in one of the videos add the interaction you recorded to a mockup of your choice and render it.

Step 5: Upload your project - Create a project and upload the video you created. You will also need a cover image and if you watched the bonus video you will know how to create this as well.

Don’t wait until you completed a full app, one screen is enough to start as you can update the project as you make progress. If you wish you can have more than one prototypes in your class project.

Resources

https://material.io/design/motion/understanding-motion.html

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/animation/

https://www.protopie.io/learn/basics/

Ljubomir Bardžić

UI/UX Designer • Adobe Certified Expert

814

15

Empresa

Comunidad

Enseñanza

Móvil

Empresa

Comunidad

Enseñanza