The Pursuit of Magic - Speaker Deck

Slide 1

Slide 1 text

the appliance of science the pursuit of magic simon collison speak the web, liverpool, february 2010 @simoncollison colly.com erskinedesign.com

Slide 2

Slide 2 text

a deeper understanding of traditional design principles can bring that magic “something” to our web designs

Slide 3

Slide 3 text

This is not a case of... You’ve either got it, or you haven’t Nor is it a case of... I think I’ve got it, and you haven’t It’s more a case of... You can have it if you want it

Slide 4

Slide 4 text

before I start, let’s be clear... the web is not print

Slide 5

Slide 5 text

The screen brings with it different kinds of challenges for visual design, some of which occur exclusively in interactive media. It’s unrealistic to think our old methods can ﬁll in all the gaps, but new interaction patterns and visual languages emerge everyday. These are the building blocks for our new design principles. Jason Santa Maria

Slide 6

Slide 6 text

and it doesn’t matter how good you are with... HTML & CSS jQuery Photoshop because these are just enablers

Slide 7

Slide 7 text

we design to communicate

Slide 8

Slide 8 text

modernism postmodernism

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

nostalgia

Slide 16

Slide 16 text

Slide 17

Slide 17 text

By Olly Moss http://www.ﬂickr.com/photos/ollym/2998286041/

Slide 18

Slide 18 text

Amy Martin http://design-book.blogspot.com/search/label/posters

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

vernacular

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

humour

Slide 27

Slide 27 text

Osbornevillas http://www.ﬂickr.com/photos/osborne_villas/3390937252/

Slide 28

Slide 28 text

By Atmostheory http://www.atmostheory.com/index.php?/projects/commands/ http://www.frankchimero.com/

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

semiotics

Slide 31

Slide 31 text

Symbol Icon Index

Slide 32

Slide 32 text

typography

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

http://gregorywood.co.uk

Slide 37

Slide 37 text

colour

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

balance composition symmetry movement patterns

Slide 40

Slide 40 text

restraint & reduction

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

play personality self-expression

Slide 47

Slide 47 text

http://mnatwork.com

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

through all of this, we can create magic

Slide 51

Slide 51 text

thanks simon collison @simoncollison colly.com erskinedesign.com