repetition and contrast

22
Graphic Design Graphic Design Process Process JMA 505 JMA 505 Jeff Taylor Jeff Taylor

Upload: jeff-taylor

Post on 27-Jan-2015

119 views

Category:

Education


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Repetition And Contrast

Graphic Design Graphic Design ProcessProcessJMA 505JMA 505

Jeff TaylorJeff Taylor

Page 2: Repetition And Contrast

By the end of this lesson, you will be able

to…Describe and apply the graphic design principles of:

RepetitionContrast

Page 3: Repetition And Contrast

Graphic Design Graphic Design Overarching Overarching Principle #3 Principle #3 RepetitionRepetition

Page 4: Repetition And Contrast

RepetitionRepetitionWhat if Stop signs came in What if Stop signs came in pinkpink squares, squares, yellowyellow circles, or circles, or greengreen triangles, depending on the triangles, depending on the changing whims of a town and a few of its residents?changing whims of a town and a few of its residents?

STOPSTOPSTOPSTOP STOSTOPP

STOSTOPP STOSTO

PPSTOSTO

PP

Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate your designs and layouts safely.

Page 5: Repetition And Contrast

RepetitionRepetition

Repeating design elements and consistent use of type and graphics styles shows people where to go and helps them to navigate your designs and layouts safely.

Page 6: Repetition And Contrast

RepetitionRepetition

The principle states…The principle states…that you repeat some that you repeat some aspect of the design throughout the entire aspect of the design throughout the entire piece.piece.

The repetitive element may be a The repetitive element may be a boldbold font, font, a a thick rule (line)thick rule (line), a certain bullet, color, , a certain bullet, color, design element, particular format, spatial design element, particular format, spatial relationships, etc.relationships, etc.

Anything that the reader can visually Anything that the reader can visually recognizerecognize

Think of repetition as “Think of repetition as “consistencyconsistency””

Page 7: Repetition And Contrast

RepetitionRepetition

The basic The basic purpose of purpose of repetition is to repetition is to unify and to unify and to add visual add visual interestinterest

Page 8: Repetition And Contrast

Repetition- How to Get it?Repetition- How to Get it?

Repetition is like Repetition is like accenting your accenting your clothes. clothes.

If a lady is wearing a If a lady is wearing a red dress, she may red dress, she may wear red lipstick, red wear red lipstick, red heels, and a red pin on heels, and a red pin on her dress to accent it. her dress to accent it.

That is what repetition That is what repetition should do for your should do for your graphic design.graphic design.

Page 9: Repetition And Contrast

Repetition- What to AvoidRepetition- What to Avoid

Just Just do not repeat do not repeat the same elements the same elements so much that it becomes annoying .so much that it becomes annoying .

Just Just do not repeat do not repeat the same elements the same elements so much that it becomes annoying .so much that it becomes annoying .

Just Just do not repeat do not repeat the same elements the same elements so much that it becomes annoying .so much that it becomes annoying .

Just Just do not repeat do not repeat the same elements the same elements so much that it becomes annoying .so much that it becomes annoying .

Page 10: Repetition And Contrast

RepetitionRepetition

Review the graphic to the left.

What could we repeat to reinforce the message?

Page 11: Repetition And Contrast

RepetitionRepetitionWithin this "Repetition" example, the headline is repeated three times using graphics that tie in with the copy in the text blocks.

The repetition of the colors in the shapes and headline text that are in the copy help to reinforce the theme.

Overlapping the graphic and text elements unifies the elements of the design.

Page 12: Repetition And Contrast

Graphic Design Graphic Design Overarching Overarching Principle #4 Principle #4 ContrastContrast

Page 13: Repetition And Contrast

ContrastContrastOn the basketball court, On the basketball court, professional player’s do not professional player’s do not appear that tall when standing appear that tall when standing next to each othernext to each other

Page 14: Repetition And Contrast

ContrastContrastBut when a tall basketball player goes But when a tall basketball player goes for a stroll down a city street, for a stroll down a city street, something becomes apparentsomething becomes apparent

That’s contrast! That’s contrast!

Page 15: Repetition And Contrast

ContrastContrast

In design, In design, big and small big and small elements, elements, black and white black and white text, text, squares and squares and circles, can all circles, can all create contrast create contrast in design.in design.

Page 16: Repetition And Contrast

ContrastContrastOne of the most effective ways to add One of the most effective ways to add visual interest to your pagevisual interest to your page

A striking interest, make it A striking interest, make it strongstrong

Contrast is created when two elements Contrast is created when two elements are are different.different.

If two items are not exactly the same, If two items are not exactly the same, then make them different… then make them different… ReallyReally differentdifferent

Page 17: Repetition And Contrast

ContrastContrast

The Basic Purpose The Basic Purpose is two fold:is two fold:to create an interest on the to create an interest on the pagepageto add organization to the to add organization to the informationinformation

Page 18: Repetition And Contrast

ContrastContrast

How to get it:How to get it:Add contrast to Add contrast to your typeface your typeface choices, line choices, line thickness, thickness, colors, shapes, colors, shapes, sizes, space, sizes, space, etc. etc.

Page 19: Repetition And Contrast

ContrastContrastWhat to avoid:What to avoid:

Don’t be afraidDon’t be afraidMake items bold and completely Make items bold and completely different (not brown color next different (not brown color next to black text)to black text)

Page 20: Repetition And Contrast

ContrastContrastThere's isn't enough contrast between the headline and text due, in part, to size - but also because the two different serif faces used are too similar.

Page 21: Repetition And Contrast

ContrastContrastThe oversized graphic provides real contrast and reinforces the copy (tall basketball players).

Dropping the text down to the bottom portion of the page also reinforces the 'towering' aspect of the graphic.

The reversed text in the blue box, the blue border, and the drop cap carries through the overall unifying elements found throughout the series.

Additionally, the round shape of the drop cap and its color echo the shape and color of the basketball in the graphic.

The drop cap and the reversed text on the left side plus the left-aligned text help to balance the large graphic element.

Page 22: Repetition And Contrast

In conclusion…Repetition unifies your design while adding visual interest

Contrast can organize your design and can make it stand out