#1udigital training: basic principles of design

Upload: afl-cio-digital-trainings

Post on 30-Oct-2015

97 views

Category:

Documents


0 download

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

TRANSCRIPT

  • 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!