introduction to
WEB DESIGN
brookline adult and
community education
SPRING 2012
taught by lou suSi
Slide 2
Slide 2 text
a list of online
web design resources
[: just in case :]
week 3.5
rescue
no drowning on me, okay?
Slide 3
Slide 3 text
let’s build a page
including
week 4
waistdeep
design a quick visual comprehensive
set up the page
using photoshop to measure and do layout
creating a few styles of text
linking it all together
Slide 4
Slide 4 text
let’s take a look at the homework
Slide 5
Slide 5 text
just some simple sketchwork
Slide 6
Slide 6 text
let’s talk
about
process
Slide 7
Slide 7 text
start with paper and a pencil
Slide 8
Slide 8 text
sketch, sketch, sketch
Slide 9
Slide 9 text
show your sketches to people
talk to them about the sketches
take notes and sketch while you talk
Slide 10
Slide 10 text
sketch, sketch, sketch again
Slide 11
Slide 11 text
then you can open photoshop
Slide 12
Slide 12 text
make some digital sketches
Slide 13
Slide 13 text
show your digtial sketches to people
talk to them about the digital sketches
take notes and sketch while you talk
Slide 14
Slide 14 text
do some research along the way
Slide 15
Slide 15 text
rinse, repeat
Slide 16
Slide 16 text
when you get to a digital design
that ‘feels right’ and tells the
story you’d like to convey
Slide 17
Slide 17 text
now you can ‘code it up’
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
and now ...
Slide 20
Slide 20 text
this week’s simple challenge
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
let’s redesign this site
Slide 23
Slide 23 text
here’s what i have to work from
Slide 24
Slide 24 text
this image of Chris
Slide 25
Slide 25 text
this image of Chris
and these few documents
Slide 26
Slide 26 text
so what kind of site can
we make for Chris tonight?