slides

design principles II

opening slide: design principles 2

A look at the classic graphic design principles: dominance, unity & continuation and proportion

opening slide: design principles 2
text: dominance, unity & continuation and proportion
dominance showing boldly red painted staircase resembling a mouth
dominance - emphases / visual weight
notes on dominance
homepage : Google's Nest Thermostat
product page : Google's Nest Thermostat
product page : Google's Nest Thermostat
product page with highlights : Google's Nest Thermostat
homepage: unfold
about page : unfold
profile: unfold
text: unity & continuation, with photo of modern concrete house front
text: unity & continuation - wholeness/variety
notes on unity & continuation
homepage: nickyandcookie.com
homepage: griplimited.com
page: griplimited.com
text: proportion, with image of gigantic chair with person sitting on corner
text: proportion - relation in scale
notes on proportion
homepage (old): mailchimp
homepage (old): carsonified>
					</div>						
					<div>
						<img src=
image credits
closing slide

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

referenced sites

  1. nest.com
  2. unfold.no
  3. nickyandcookie.com (offline)
  4. griplimited.com
  5. mailchimp.com
  6. carsonified.com (no longer exists)
  7. teamtreehouse.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.