! Contrast Repetition Alignment Proximity Underlying Principles of great design.

23

Transcript of ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Page 1: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.
Page 2: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

!Contra

st

Repet

ition

Alignm

ent

Prox

imity

Underlying Pr

inciples o

f gre

at desig

n

Page 3: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Exhibit 1: Fashion

Page 4: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Exhibit 2: Architecture/Construction

Page 5: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Exhibit 3: Landscaping

Page 6: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

{Contrast.simply means different. Size, shape, color, texture…

anything that distinguishes.

Page 7: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

The idea behind contrast is to avoid elements on the page that are merely similar. If the elements [...] are not the same,

then make them very different. (from Robin Williams, Non-designers Handbook){ }

Page 8: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Improve readability

Monday Night Concert Series Bill Zehfuss, trombone & Kathy Palmer, pianoFeb. 27 at 8 p.m.Recital Hall, Simons Center for the Arts, 54 St. Philip Street$20 at the door (843)953.5927

Robert Ivey Ballet The Velveteen RabbitMarch 2 – 4 at 6 p.m. Sottile Theatre, 44 George Street$25 Reservations (843) 556.1343

Geoffrey Porter Jazzy Times March 23 at 7pm$22 at the door(843) 221.5996

Page 9: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

By Size

Page 10: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

JohnathanMesserman

Page 11: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

{Alignment.

Nothing should be placed on a page arbitrarily. Every element should have some visual connection with another page.

Page 12: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Nothing arbitrary.

Page 13: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

ALIGNMENT

Is a MUST on this busy ad!

Page 14: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

CENTER

ALIGNMENT

DOES NOT HAVE

TO BE . . .

Page 15: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Another example – being centered without being centered

Page 16: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

{Repetition.

Repeat visual elements of the design throughout the design. This helps to develop the organization and strengthen unity.

Page 17: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Repetition Begets Unity.

Page 18: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.
Page 19: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.
Page 20: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

{Proximity.

Elements that are related should be grouped together, whereas separate design elements should have enough

space in between to communicate that they are different.

Page 21: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

ProximityAbout Lorem IpsumLorem Ipsum is simply dummy text of the printing and

typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Why Do We Use ItIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for “lorem ipsum” will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humor and the like).

Closeness betweenheadings and content …

Page 22: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.

Got Overlap?

Page 23: ! Contrast Repetition Alignment Proximity Underlying Principles of great design.