principles of design proximity, alignment, repetition contrast
DESCRIPTION
What does Proximity do for the overall design? Helps organize information Reduces clutter Gives the reader a clear structure.TRANSCRIPT
PRINCIPLES OF
DESIGNProximity, Alignment, Repetition & Contrast
ProximityItems relating to each other should be grouped close together.
When several items are in close proximity to each other, they become one visual unit rather than several separate units.
What does Proximity do for the overall design?
Helps organize informationReduces clutterGives the reader a clear structure.
How to get it…
Squint your eyes and count the number of times your eye stops on the page (these are the major visual elements) .Does the organization of information make sense? Is there a way to group items together that would make more sense and help guide your viewers eye through the composition?
Poor Proximity Good Proximity
Simple, yet effective, steps toward GOOD Design…
Before After
Help this designer…This designer needs to strengthen the proximity of this business card. Move the text boxes and graphics and show them how to fix their design…
(860)675-3456
www.JamDesign.com
60 Main st. Farmington, CT
06032 [email protected]
AlignmentNothing should be placed on the page arbitrarily.
Every element should have some visual connection with another element on the page.
This creates a clean, sophisticated, fresh look.
Can alignment draw connections for my viewer?
Help this designer harness alignment to clean up their design and create visual connections in their design. You can use your alignment options in your formatting bar (right, left, center, justified) and you can move the text box and resize/rotate shapes.
SpecialtyEspresso
Café LatteCafé MochaCappuccino
Café Americano
Brewed CoffeeRegularDecaf
Iced CoffeeIced Latte
Tea
S M L$1 $2 $3$1.50 $2.50 $3.50$1.50 $2.50 $3.50$2 $3
$4
CAFÉ MENU
S M L$.75 $1.25 $2$.75 $1.25 $2$1 $1.75 $2.50$2 $3
$4$1 $1.75 $2.50
Repetition
“Repeat visual elements of the design throughout the piece.”
What is it & why does it work?
What can you repeat?• Color• Shapes• Textures• Spatial relationships• Line Thickness• Fonts • Sizes• Graphic Concepts• Ect…
Why to use repetition?• Consistency • Strength through
unity• Develops organization
How is repetition being used in unique ways in this poster?
What elements can be repeated in the layouts below?How can you unify this letterhead and business card? • Copy & Paste • Reuse/ change the colors
that are currently in the composition (you can not add new colors)
• Edit the size/boldness of text
Scotts Tree Service
212-555-643743 Penn rd. Waverly, PA
04568
Scott Alpine
Contrast
“If the elements (type, color, size, line thickness, shape, space, etc.) are not the same, then make them VERY DIFFERENT.”
“Avoid elements on the page that are merely similar.”
Which business cards below are demonstrating good or bad contrast?
Use the BLUE circles and select the good contrast Use the RED circles and select the bad contrast
Applying all 4 Principles of Design