image by Nicolas Lalli © 2012
And some more classic concepts and design approaches to consider for your current project.
And another few principles for you to ponder over and work with. Do have a look at the sites mentioned in the slides.
- 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 :)
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 :)