photographic images, composition & webpages 06 - photographi… · photographic images,...

46
Photographic images, composition & webpages Content Management

Upload: others

Post on 07-Aug-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

Photographic images, composition & webpages

Content Management

Page 2: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

Fay Godwin

Page 3: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

draw the eye

Page 4: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

movement & contrast

Page 5: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

diagonal rule of thirds

Page 6: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

golden ratio contrast (visual & conceptual)

1.0

1.618

Page 7: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

rule of thirds draw the eye

Page 8: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

dynamic balance

Page 9: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

Ansel Adams

Page 10: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 11: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 12: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

rule of thirds

Page 13: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 14: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

scale

Page 15: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

contrast visual & conceptual

Page 16: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

repetition

rule of thirds

Page 17: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

dynamic symmetry

Page 18: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

Photographs & websites

Break out of the frame

Soften the grid

Lead the eye

Add dynamics to static layouts

Page 19: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

golden ratio

Page 20: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

rule of thirds

Page 21: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

dynamic symmetry

Page 22: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

1.0 1.0 1.0 1.618

golden ratio & dynamic balance

Page 23: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

dynamic symmetry

Page 24: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast

Selecting photographs

Create options

Iterate

Analyse the results

Be self-critical (or find a trusted friend)

Page 25: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 26: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 27: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 28: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 29: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 30: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 31: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 32: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 33: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 34: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 35: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 36: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 37: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 38: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 39: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 40: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 41: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 42: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 43: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 44: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 45: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast
Page 46: Photographic images, composition & webpages 06 - Photographi… · Photographic images, composition & webpages Content Management . Fay Godwin . draw the eye . movement & contrast