! contrast repetition alignment proximity underlying principles of great design

23

Upload: morris-jordan

Post on 12-Jan-2016

233 views

Category:

Documents


5 download

TRANSCRIPT

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