image by Nicolas Lalli © 2012

And some more classic concepts and design approaches to consider for your current project.

↓ download slides as PDF

And another few principles for you to ponder over and work with. Do have a look at the sites mentioned in the slides.

site references:

• nest.com
• unfold.no
• nickyandcookie.com
• griplimited.com
• mailchimp.com
• carsonified.com
• teamtreehouse.com

related reading:

• Gestalt principles of form perception by Mads Soegaard
• Gestalt principles by Dejan Todorovic (2008), Scholarpedia
• Gestalt Principles Applied in Design by by Michael Tuck, Six Revisions

❧

coding practice and sprites :)

TASK
Take a look at this sample design and write the required CSS (working with the given HTML) to produce this layout as completed webpage. Take a look at the given screenshots of the hidden/shown images and work towards the 3 break points shown.
Ideally, you'll approach this task mobile first :)

↓ download source files