#1uDigital Training: Basic Principles of Design

Embed Size (px)

DESCRIPTION

An intro to the elements that comprise effective design. We'll teach you how to make better compositions by using solid design principles, and will help non-designers collaborate & communicate more effectively with graphic designers. *Please note: this is not a software training.Trainer: Sarah Baker, NOI

Citation preview

  • basic principles of

    DESIGN !sarah baker!

    creative director, new organizing institute [email protected] !

  • OBJECTIVE: !

    By the end of this training, you should have a basic understanding of the core principles of effective visual communication, and the elements used to achieve them. !

  • AGENDA: !

    your PRESENTer!

    HEAD, heart & hand skills!

    the BIG PICTURE overview!

    deep dive into design PRINCIPLES and ELEMENTS !

    a note on STYLE !

  • GESTALT!An organized whole that is perceived as more than the sum of its parts. !

  • GESTALT!An organized whole that is perceived as more than the sum of its parts. !

  • GESTALT!An organized whole that is perceived as more than the sum of its parts. !

  • C.R.A.P. !

    Contrast | Repetition | Alignment | Proximity!

  • C.R.A.P. !Contrast | Repetition | Alignment | Proximity!

    line | color | shape | scale | texture | space !

  • CONTRAST !The state of being strikingly different from something else, typically something in juxtaposition or close association. Contrast allows us to emphasize what is most important. !

  • REPETITION !The recurrence of an object or event. Repetition can create consistency and show that different things are related. !

  • ALIGNMENT !This allows elements to create visual connections !to one another; it intentionally creates order. !

  • (sidenote: margins)!

  • PROXIMITY!Nearness in space or relationship. By placing similar types of information close to one another, these things become more of a visual unit. !

  • ELEMENTS! !

  • LINE !

  • COLOR!

  • SHAPE !

  • SCALE !

  • TEXTURE !

  • SPACE !

  • (typography)!

  • Serif

    Sans Serif!

  • Display

    Text

  • CRAP !in action !

  • STYLE & !GOOD JUDGMENT !

  • BASTILLE DAY PARTY!

  • QUESTIONS? !!!

    sarah [email protected] !

    @bakerbk!