Tweet
Tweet

Slide 1

Slide 1 text

Interaction Prototyping with Quartz Composer Jay Thrash twitter web [email protected] Triangle CocoaHeads - May 2013 Saturday, January 18, 14

Slide 2

Slide 2 text

Quartz Composer Saturday, January 18, 14

Slide 3

Slide 3 text

Quartz Composer Saturday, January 18, 14

Slide 4

Slide 4 text

Quartz Composer Saturday, January 18, 14

Slide 5

Slide 5 text

Quartz Composer Visual programming environment Saturday, January 18, 14

Slide 6

Slide 6 text

Quartz Composer Visual programming environment Quickly create sophisticated motion graphics Saturday, January 18, 14

Slide 7

Slide 7 text

Quartz Composer Visual programming environment Quickly create sophisticated motion graphics Connecting together building blocks of graphics processing functionality Saturday, January 18, 14

Slide 8

Slide 8 text

Quartz Composer Visual programming environment Quickly create sophisticated motion graphics Connecting together building blocks of graphics processing functionality Rapidly design dynamic visualizations Saturday, January 18, 14

Slide 9

Slide 9 text

Quartz Composer Visual programming environment Rapidly design dynamic visualizations Quickly create sophisticated motion graphics Connecting together building blocks of graphics processing functionality Saturday, January 18, 14

Slide 10

Slide 10 text

Quartz Composer http://developer.apple.com/downloads Saturday, January 18, 14

Slide 11

Slide 11 text

Quartz Composer http://medium.com/the-year-of-the-looking-glass Saturday, January 18, 14

Slide 12

Slide 12 text

Quartz Composer “It's no secret that many of us on the Facebook Design team are avid users of Quartz Composer” http://medium.com/the-year-of-the-looking-glass Saturday, January 18, 14

Slide 13

Slide 13 text

Quartz Composer http://medium.com/the-year-of-the-looking-glass “Quartz Composer is also incredibly effective at telling the story of a design” Saturday, January 18, 14

Slide 14

Slide 14 text

Dave O’Brien @daveobrien_ Quartz Composer Saturday, January 18, 14

Slide 15

Slide 15 text

http://qc.prabros.com/primer1.html Quartz Composer Saturday, January 18, 14

Slide 16

Slide 16 text

Wiring Patches Quartz Composer Saturday, January 18, 14

Slide 17

Slide 17 text

+1.0 -1.0 +X -X +Y -Y +Z -Z +1.0 -1.0 Relative Coordinates Units vs. Pixels Quartz Composer Saturday, January 18, 14

Slide 18

Slide 18 text

Quartz Composer Button Demo Saturday, January 18, 14

Slide 19

Slide 19 text

Quartz Composer Macro Patches Demo Saturday, January 18, 14

Slide 20

Slide 20 text

Quartz Composer Animation Demo Saturday, January 18, 14

Slide 21

Slide 21 text

Resources & Attributions Jay Thrash :: [email protected] :: @jaythrash iMessage Concept http://dribbble.com/shots/1048781-iMessage-Concept Composing with Quartz http://joe.sh/qc-tips Dave O Brien Facebook Home tutorials http://vimeo.com/daveobrien/videos Quartz Composer Diary http://qc.prabros.com/toc.html Go Big by Going Home https://medium.com/the-year-of-the-looking-glass Saturday, January 18, 14