+ All Categories
Home > Design > Prototype animation and interaction with Framer

Prototype animation and interaction with Framer

Date post: 17-Aug-2015
Category:
Upload: adria-jimenez
View: 201 times
Download: 0 times
Share this document with a friend
Popular Tags:
15
Prototype, animation and interaction @ajimix | startprototyping.com
Transcript
Page 1: Prototype animation and interaction with Framer

Prototype, animation and interaction

@ajimix | startprototyping.com

Page 2: Prototype animation and interaction with Framer

Adria Jimenez @ajimix

Engineer at Xing& Online teacher

startprototyping.com

@ajimix | startprototyping.com

Page 3: Prototype animation and interaction with Framer

What is a prototype?

@ajimix | startprototyping.com

Page 4: Prototype animation and interaction with Framer

Why prototype?

@ajimix | startprototyping.com

Page 5: Prototype animation and interaction with Framer

Concept & develop your ideas toget real feedback

and validate your work

@ajimix | startprototyping.com

Page 6: Prototype animation and interaction with Framer

Building, animating and tweaking on development can be

hard and time consuming

@ajimix | startprototyping.com

Page 7: Prototype animation and interaction with Framer

1 prototype = 10 mockups =100 slides = 1000 meetings

@ajimix | startprototyping.com

Page 8: Prototype animation and interaction with Framer

@ajimix | startprototyping.com

Page 9: Prototype animation and interaction with Framer

Framer Facts

• Mobile and web

• Easy start for devs (good docs)

• Preview on all devices

• Easy extendable

• Easy share

• Versioning System support

• FramerJS is Open source

• Works with layers

@ajimix | startprototyping.com

Page 10: Prototype animation and interaction with Framer

Framer Flow

@ajimix | startprototyping.com

Page 11: Prototype animation and interaction with Framer

1 Design and organize layers

@ajimix | startprototyping.com

Page 12: Prototype animation and interaction with Framer

2 Import in Framer

@ajimix | startprototyping.com

Page 13: Prototype animation and interaction with Framer

3 Start adding magic

@ajimix | startprototyping.com

Page 14: Prototype animation and interaction with Framer

Demo

@ajimix | startprototyping.com

Page 15: Prototype animation and interaction with Framer

Learn more online atstartprototyping.com

framerjs.com

promo code | AJIMIX-2015

Questions & Thank you!

@ajimix | startprototyping.com


Recommended