Mel Choyce

  • about
  • work
  • resume
  • blog
  • Design for Non-Designersview →

    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:

    Design Basics for Non-Designers from melchoyce

    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:

    Demo Wireframe
    Demo Mockup Step 1
    Demo Mockup Step 2
    Demo Mockup Step 3
    Demo Mockup Step 4

    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!

    mel

    October 20, 2012
    regular
    color, graphic design, grids, web design, web typography, wordcamp, wordcampphilly

Interested in working with me?

I’d love to chat.

Get in touch

bluesky

linkedin

wordpress.org

conference talks

 

Loading Comments...