Download - Basic principles of design

Transcript
Page 1: Basic principles of design

basic principles of

DESIGN !i believe in you. you can do this.!

!

– sarah baker!

Page 2: Basic principles of design

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

Page 3: Basic principles of design

AGENDA: !

•  your PRESENTer!

•  HEAD, heart & hand skills!

•  the BIG PICTURE overview!

•  deep dive into design PRINCIPLES and ELEMENTS!

•  BREAK it OUT !

•  regroup & reVIEW!

Page 4: Basic principles of design

let’s do this thing. !

Page 5: Basic principles of design
Page 6: Basic principles of design
Page 7: Basic principles of design
Page 8: Basic principles of design

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

Page 9: Basic principles of design

C.R.A.P. !

Contrast | Repetition | Alignment | Proximity!

Page 10: Basic principles of design

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

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

Page 11: Basic principles of design
Page 12: Basic principles of design
Page 13: Basic principles of design

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

Page 14: Basic principles of design
Page 15: Basic principles of design
Page 16: Basic principles of design
Page 17: Basic principles of design
Page 18: Basic principles of design

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

Page 19: Basic principles of design
Page 20: Basic principles of design
Page 21: Basic principles of design
Page 22: Basic principles of design
Page 23: Basic principles of design
Page 24: Basic principles of design
Page 25: Basic principles of design
Page 26: Basic principles of design
Page 27: Basic principles of design
Page 28: Basic principles of design
Page 29: Basic principles of design
Page 30: Basic principles of design
Page 31: Basic principles of design
Page 32: Basic principles of design

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

Page 33: Basic principles of design
Page 34: Basic principles of design
Page 35: Basic principles of design
Page 36: Basic principles of design
Page 37: Basic principles of design
Page 38: Basic principles of design
Page 39: Basic principles of design
Page 40: Basic principles of design
Page 41: Basic principles of design
Page 42: Basic principles of design

(sidenote: margins)!

Page 43: Basic principles of design
Page 44: Basic principles of design

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

Page 45: Basic principles of design
Page 46: Basic principles of design
Page 47: Basic principles of design

ELEMENTS! !

Page 48: Basic principles of design

LINE !

Page 49: Basic principles of design
Page 50: Basic principles of design
Page 51: Basic principles of design
Page 52: Basic principles of design
Page 53: Basic principles of design
Page 54: Basic principles of design

COLOR!

Page 55: Basic principles of design
Page 56: Basic principles of design
Page 57: Basic principles of design
Page 58: Basic principles of design

SHAPE !

Page 59: Basic principles of design
Page 60: Basic principles of design
Page 61: Basic principles of design
Page 62: Basic principles of design
Page 63: Basic principles of design
Page 64: Basic principles of design
Page 65: Basic principles of design

SCALE !

Page 66: Basic principles of design
Page 67: Basic principles of design
Page 68: Basic principles of design

TEXTURE !

Page 69: Basic principles of design
Page 70: Basic principles of design
Page 71: Basic principles of design

SPACE !

Page 72: Basic principles of design
Page 73: Basic principles of design
Page 74: Basic principles of design
Page 75: Basic principles of design

(typography)!

Page 76: Basic principles of design
Page 77: Basic principles of design

Serif !

Sans Serif!

Page 78: Basic principles of design

Display !

Text !

Page 79: Basic principles of design
Page 80: Basic principles of design
Page 81: Basic principles of design

CRAP !in action !

Page 82: Basic principles of design
Page 83: Basic principles of design
Page 84: Basic principles of design
Page 85: Basic principles of design
Page 86: Basic principles of design
Page 87: Basic principles of design

QUESTIONS? !

!!

sarah [email protected] !

@bakerbk!