basic principles of design

87
basic principles of DESIGN i believe in you. you can do this. – sarah baker

Upload: sarah-baker

Post on 27-Jan-2015

317 views

Category:

Design


0 download

DESCRIPTION

Overview of C.R.A.P. design principles (Contrast, Repetition, Alignment, and Proximity), and the elements used to execute those principles (line, color, shape, scale, texture, and space) for beginners.

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!