First, here is an explanation of CSSshorthands and the CSS box model I made (click for larger version, also handout today). And I just got this complete beginner's tutorial that might be useful during the rest of the class.
Today’s topic is Design Principles. Reading is HTML & CSS Chapter 18. The list we will cover is: Alignment, Proximity, Repetition, Contrast, Balance, Proportion, Harmony, Unity, Rhythm and Movement. And speaking of contrast, don't do THIS or for proximity/grouping avoid THIS.
Here is one more long page on design prnciples (they have 20) from Canva
Other ways to think about design:
- For a searchable database of Cool Home Pages visit CoolHome Pages.com
- Grids and technical design from the Yale design group.
- Digital Web on design principles.
- Design guidelines, more than principles, from psdtuts+
- The last of a seven-part series on Design Principles from Smashing Magazine
Site maintained by John Beatty