Top Banner
Class 7 Narratives (interactive & Otherwise) web Design, graPh-3271-01  Instructor: Erika Tarte Rhode Island School of Design Wintersession 2011
29

Class 7: Narratives

Apr 09, 2018

Download

Documents

Erika Tarte
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 1/29

Class 7 

Narratives(interactive & Otherwise)

web Design, graPh-3271-01

 Instructor: Erika Tarte

Rhode Island School of Design

Wintersession 2011

Page 2: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 2/29

What gets left out is the narrative

between the bullets, which would tell

us who’s going to do what and how

we’re going to achieve the generic

goals on the list.

eDwarD tufte

Visual Explanations

Page 3: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 3/29

plot vs. narrative

Lk plod po o p,

plo o o d pl,

o p d ,

lo od d look o...

Page 4: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 4/29

plot vs. narrative

... o od

d . n

d

o plod po

od.

Page 5: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 5/29

n

how it happens

plot vs. narrative

What

hoW

Plo

what happens

Page 6: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 6/29

plot vs. narrative

What

hoW

to ...

Page 7: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 7/29

many narratives amOngst

five plots

Page 8: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 8/29

websites that

shoW

Page 9: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 9/29

bDbgs!   christian swinehart  http://www. samizdat.cc/bdbgs/

ho do o k

oo o

o pdl l &

?

Page 10: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 10/29

we feeL fine   JOnathan harris & seP K amvar  http://www. wefeelfine.org

ho do o k

d & ?ho do o k p

?

Page 11: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 11/29

fOntshOP 20 years   nichOLas feLtOn  http://www.fontshop.com/20years/

ho do o ll

opll o o

op ?

ho do o p

p d?

Page 12: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 12/29

websites that

tell

Page 13: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 13/29

Page 14: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 14/29

the whaLe hunt   JOnathan harris  http://www.thewhalehunt.org

ho do o o o

l o o o

o ll?

Page 15: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 15/29

PersOnaL bLOg   Dustin curtis  http://www.dustincurtis.com

ho do o lo

dl o

o ?

Page 16: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 16/29

websites that

play

Page 17: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 17/29

mOnDriaan   Lust  http://lust.nl/lust Archive/mondriaan

ho old P mod

d ?

Page 18: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 18/29

brOwser POng   stewart smith  http://stewd.io/pong/

ho do

o o

? ho do

o ’

really po?

Page 19: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 19/29

the wiLDerness DOwntOwn   miLK+KObLin http://thewildernessdowntown.com

ho do o

popl o

4 do?

ho do o o

12 do?

Page 20: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 20/29

websites that

share

Page 21: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 21/29

give a minute   LOcaL PrOJects  http://giveaminute.info

ho do o

lpl po (,

o od)

o o d?

Page 22: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 22/29

cLients frOm heLL http://clientsfromhell.net

ho do o d

o? ho do

o l o pk

o l?

Page 23: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 23/29

websites that

sell

Page 24: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 24/29

niKe better wOrLD http://nikebetterworld.com

ho do o ’

d lo

o o ’ ?

Page 25: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 25/29

amazOn   http://amazon.com

ho do o k

llo o pod

od?

Page 26: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 26/29

maiLchimP  http://mailchimp.com/v5-2

ho do o ol

o? ho do

o p o

d?

Page 27: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 27/29

a narrative is...

aesthetiCs

NavigatioN

laNguage

fraMe

paCe

CoNteNt

Page 28: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 28/29

ll k o o opll?

a narrative is...

aesthetiCs

NavigatioN

laNguage

fraMe

paCe

CoNteNt

o od?

o l o o?

o ll pd?

o do o o d? o do o ?

po old od o o?

o o ?

o do o d o plo?

o o o o ?

o do o?

o do o o?

Page 29: Class 7: Narratives

8/7/2019 Class 7: Narratives

http://slidepdf.com/reader/full/class-7-narratives 29/29

a narrative is...

... d o .

w k popl o o

, ’ k

o old o o o

o. w dl

o dl, d od

o o .

w’ ,

ll...