I presented today at WordCamp Philly on Design for Non-Designers. As promised, here are my slides, which I’ve fleshed out with some extra notes for web:

If anyone wants the abridged version (which is what I presented), you can comment here to let me know.

Along with my slides, I also gave a quick design demo. You can see the images and notes for my demo here:

Some resources for each design principle I talked about:

• Grids & Alignment
  • http://960.gs/
  • http://www.alistapart.com/articles/the-infinite-grid/
  • http://www.thegridsystem.org/
• White Space
  • http://www.alistapart.com/articles/whitespace
  • http://webdesign.about.com/od/webdesignbasics/a/whitespace.htm
  • http://naldzgraphics.net/design-2/11-reasons-why-white-spaces-are-good-in-graphic-design/
• Typography
  • http://webtypography.net/
  • http://webdesignerwall.com/tutorials/typographic-contrast-flow
  • http://www.alistapart.com/articles/on-web-typography/
• Color
  • http://sixrevisions.com/web_design/a-look-into-color-theory-in-web-design
  • http://www.slideshare.net/TCUK/rules-of-thumb-for-using-colour-in-your-content
  • http://webdesign.tutsplus.com/articles/design-theory/an-introduction-to-color-theory-for-web-designers/
• Hierarchy
  • Understanding Visual Hierarchy in Web Design
  • http://sixrevisions.com/web_design/using-power-structure-and-gestalt-for-visual-hierarchy/
  • http://designshack.net/articles/graphics/how-to-use-visual-hierarchy-in-web-design

Thanks again to everyone who attended this morning!