armony & proportion in
reonsive web design
Owen G · eonsive Day Out · Brighton · Mar
Slide 2
Slide 2 text
armony & proportion in
reonsive web design
Owen G · eonsive Day Out · Brighton · Mar
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
It’s impossible to perceive
content and presentation
separately. e two
combine to create
something more
valuable: meaning.”
What bugs me about “content out” · Cennydd B · November
“
Slide 9
Slide 9 text
Creating layouts on the
web has to be different
because there are no
edges. ere are no ‘pages’.
We’ve made them up.”
A Richer Canvas · Mar B · March
“
Slide 10
Slide 10 text
N
feel the
Slide 11
Slide 11 text
e page is a piece of
paper. It is also a visible
and tangible proportion,
silently sounding the
thoroughbass of the book
On it lies the text block,
which must answer to the
page. e two together –
page and textblock –
produce an antiphonal
geometry.”
e Elements of Typographic Style · obert B ·
“
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
No content
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
Frames are part of the
fundamental architecture
of graphic design. Indeed,
framing is one of the
most persistent,
unavoidable and infinitely
variable acts performed
by the graphic designer.”
Graphic Design: e New Basics · Ellen L Jennifer C P ·
“
Slide 22
Slide 22 text
Vitruvian Man
Leonardo V
Slide 23
Slide 23 text
Vitruvian Man
Leonardo V ·
Slide 24
Slide 24 text
Vitruvian Man
Leonardo V
Slide 25
Slide 25 text
Vitruvian Man
Leonardo V ·
Slide 26
Slide 26 text
e frame is a form
which has as its
traditional determination
not that it stands out but
that it disappears, buries
itself, effaces itself, melts
away at the moment it
deploys its greatest
energy.”
La vérité en peinture · Jacques D ·
“
@media only screen and (device-aspect-ratio: 768/1024) { }
@media only screen and (device-aspect-ratio: 600/800) { }
@media only screen and (device-aspect-ratio: 480/640) { }
@media only screen and (device-aspect-ratio: 3/4) { }