Elements of Design: Contrast Lecture

Line, Space, Shape, Colour, Type

CONTRAST

Contrast happens when two elements on a page are different. For example it happens when two opposing colors are used in a design between the text and the background

or in the size and style of type. Our eyes like contrast.

WHAT IS IT?

To achieve contrast the elements must be completely different. But what does contrast really do?

1. Attracts the eye

2. Organizes content/information

3. Creates focus

WHAT DOES IT DO?

ATTRACTS THE EYE

ORGANIZES CONTENT/INFORMATION

http://www.afar.com/highlights/bora-bora-from-above-heli-tour?context=wanderlist&context_id=15406&utm_source=newsletter092313&utm_medium=email&utm_content=logo&utm_campaign=afar_escapes

http://www.foodarts.com/news/front-burner/28425/kitchen-coffee

CREATES FOCUS

Contrast can be created using the following elements:

1. Colour

2. Typography

3. Size

4. Shape

5. Position/Space

6. Alignment

HOW DO WE GET IT?

The first people think of when they think of contrast is colour.

COLOUR

http://www.pinterest.com/pin/563442603351649204/

Contrasted can be created through type in 6 ways:

1. Size

2. Weight

3. Treatment

4. Position

5. Style

6. Colour

TYPOGRAPHY

SIZE


WEIGHT



TREATMENT

POSITION

http://adsoftheworld.com/media/outdoor/bmw_checkmate

http://www.buzzfeed.com/copyranter/the-15-most-creative-print-ads-of-the-year

STYLE

http://widowice.tumblr.com/post/35601558798/betype-connect-the-font-by-geloreyes


COLOUR

http://3.bp.blogspot.com/_bVtGlUaW-tA/TS2flESoBjI/AAAAAAAASWA/1vW4_7d3r_Y/s1600/15.jpg

SIZE

http://widowice.tumblr.com/post/34621982418/mulberrycheesecake-star-wars-identities

http://widowice.tumblr.com/post/41722318285

SHAPE

http://webneel.com/webneel/blog/30-creative-poster-designs-and-flyer-designs-your-inspiration

POSITION/SPACE


ALIGNMENT
