slides

design principles I

opening slide: design principles 1

A look at the classic graphic design principles: balance, gradation & contrast and repetition & rhythm.

opening slide: design principles 1
text: balance, gradation & contrast and repetition & rhythm
text: symmetric balance, showing autumn yellow symmetric rows of tree in forest
notes on balance
text: symmetric balance - visual weight distributed evenly
full colour image : multicloured houses, cloudy sky on right, swarm of birds flying in from the left
black/white version : multicoloured houses, cloudy sky on right, swarm of birds flying in from the left
black/white version : multicoloured houses, cloudy sky on right removed, swarm of birds flying in from the left
image comparison
homepage of substraction.com
homepage of substraction.com with highlights of elements achieving balance
homepage of visual elexir
illustration of visual elexir
radial balance, showing book cover with spiral pattern
text: radial balance - visual weight distributed around set point
homepage: souljade
homepage : flourish
team page: polecat
crystallographic balance
text: crystallographic balance - visual weight distributed evenly with varying positins
homepage : art of flight
homepage : 42 angels
homepage: polecat
gradation and contrast, showing bunny throwing shadow of hand via candle
notes on gradation and contrast
three versions of letter T in varying contrasts
homepage : subtraction.com
homepage Agora
webpage from Agora
homepage fuelinc.com
homepage : instagallery (old)
repetition and rhythm
notes on repetition and rhythm
stars
homepage: duoh , veerle
homepage : the manual
page section: the manual
page secton : the manual
full page screenshot : the manual
image credits
closing slide

download slides PDF, 1.9MB (optimised) PDF, 18.7MB (original)

referenced sites

  1. subtraction.com, Khoi Vinh
  2. gunardson.com, Jim Gunardson (formerly: visualelixir.com)
  3. dabi.me, Robert Dabi (formerly: soulja.de)
  4. floridaflourish.com, no longer online
  5. ipolecat.com
  6. artofflightmovie.com
  7. 42angels.com (no longer online)
  8. agora.art.br (no longer online)
  9. fuelbrandinc.com (no longer online)
  10. instagalleryapp.com (in different hands)
  11. veerle.duoh.com
  12. alwaysreadthemanual.com

PLEASE NOTE:
some of the examples shown in the slides have since been updated, or no longer exist. I’m keeping the references as this now allows us to compare their previous to their current design, and recognise the relatively temporary nature of some websites.