Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fundamental Design Principles – For People Who Can't Design Good.

Fundamental Design Principles – For People Who Can't Design Good.

Non-designers (or "people who can't design good") often view design as a mystery; some right-brained out-of-body experience that they will never know. I will be discussing 4 basic principles of design that everyone, from programmer to artist, can use to help an audience understand the message being delivered. These design principles, when applied as rules, can help provide a linear pathway to good design.

Christian Naths

March 21, 2012
Tweet

More Decks by Christian Naths

Other Decks in Design

Transcript

  1. FUNDAMENTAL
    DESIGN
    PRINCIPLES
    For People Who Can’t Design Good.
    Wednesday, 21 March, 12

    View Slide

  2. CONTRAST
    1
    Wednesday, 21 March, 12

    View Slide

  3. CONTRAST
    Wednesday, 21 March, 12

    View Slide

  4. CONTRAST
    Wednesday, 21 March, 12

    View Slide

  5. CONTRAST
    The principle of contrast states that if two
    items are not exactly the same, then make
    them different. Really different.
    Wednesday, 21 March, 12

    View Slide

  6. CONTRAST
    Content borrowed from kickstarter.com
    Wednesday, 21 March, 12

    View Slide

  7. CONTRAST
    Content borrowed from kickstarter.com
    Wednesday, 21 March, 12

    View Slide

  8. Wednesday, 21 March, 12

    View Slide

  9. Wednesday, 21 March, 12

    View Slide

  10. Wednesday, 21 March, 12

    View Slide

  11. Wednesday, 21 March, 12

    View Slide

  12. Wednesday, 21 March, 12

    View Slide

  13. Wednesday, 21 March, 12

    View Slide

  14. REPETITION
    2
    Wednesday, 21 March, 12

    View Slide

  15. REPETITION
    The principle of repetition states that you
    repeat some aspect of the design throughout
    the entire piece.
    Wednesday, 21 March, 12

    View Slide

  16. REPETITION
    Wednesday, 21 March, 12

    View Slide

  17. REPETITION
    Wednesday, 21 March, 12

    View Slide

  18. REPETITION
    Wednesday, 21 March, 12

    View Slide

  19. REPETITION
    Wednesday, 21 March, 12

    View Slide

  20. REPETITION
    Wednesday, 21 March, 12

    View Slide

  21. REPETITION
    Wednesday, 21 March, 12

    View Slide

  22. REPETITION
    Wednesday, 21 March, 12

    View Slide

  23. REPETITION
    Wednesday, 21 March, 12

    View Slide

  24. REPETITION
    Wednesday, 21 March, 12

    View Slide

  25. REPETITION
    Wednesday, 21 March, 12

    View Slide

  26. ALIGNMENT
    3
    Wednesday, 21 March, 12

    View Slide

  27. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  28. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  29. ALIGNMENT
    The principle of alignment states that nothing
    should be placed on the page arbitrarily.
    Every item should have a visual connection
    with something else on the page.
    Wednesday, 21 March, 12

    View Slide

  30. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  31. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  32. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  33. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  34. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  35. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  36. ALIGNMENT
    Wednesday, 21 March, 12

    View Slide

  37. PROXIMITY
    4
    Wednesday, 21 March, 12

    View Slide

  38. PROXIMITY
    The principle of proximity states that you
    group related items together, move them
    physically close to each other so the related
    items are seen as on cohesive unit rather than
    a bunch of unrelated pieces.
    Wednesday, 21 March, 12

    View Slide

  39. PROXIMITY
    Wednesday, 21 March, 12

    View Slide

  40. PROXIMITY
    Wednesday, 21 March, 12

    View Slide

  41. PROXIMITY
    Wednesday, 21 March, 12

    View Slide

  42. PROXIMITY
    Wednesday, 21 March, 12

    View Slide

  43. PROXIMITY
    Wednesday, 21 March, 12

    View Slide

  44. PROXIMITY
    Wednesday, 21 March, 12

    View Slide

  45. CONTRAST
    REPETITION
    ALIGNMENT
    PROXIMITY
    Wednesday, 21 March, 12

    View Slide

  46. C
    R
    A
    P
    CONTRAST
    REPETITION
    ALIGNMENT
    PROXIMITY
    Wednesday, 21 March, 12

    View Slide

  47. Credits
    http://www.amazon.com/Non-Designers-Design-Book-The-Edition/dp/0321534042
    Wednesday, 21 March, 12

    View Slide