52
DESIGN PRINCIPLES By: JADE V. VILLAREAL

Lecture 2 design principles

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Lecture 2 design principles

DESIGN PRINCIPLES

By: JADE V. VILLAREAL

Page 2: Lecture 2 design principles
Page 3: Lecture 2 design principles

Basic Design Principles

Contrast Repetition Alignment Proximity

Page 4: Lecture 2 design principles

Proximity

Group related items together Physical closeness implies a

relationship objects near each other are seen as a

unit

Page 5: Lecture 2 design principles
Page 6: Lecture 2 design principles
Page 7: Lecture 2 design principles
Page 8: Lecture 2 design principles
Page 9: Lecture 2 design principles
Page 10: Lecture 2 design principles
Page 11: Lecture 2 design principles

The idea of proximity doesn’t mean that everything is closer together; it means elements that are intellectually connected, those that have some sort of communication relationship, should also be visually connected. Other separate elements or groups of elements should not be in close proximity.

Page 12: Lecture 2 design principles
Page 13: Lecture 2 design principles
Page 14: Lecture 2 design principles
Page 15: Lecture 2 design principles
Page 16: Lecture 2 design principles
Page 17: Lecture 2 design principles
Page 18: Lecture 2 design principles

Summary: Proximity

When several items are in close proximity to each other, they become one visual unit rather than several separate units

Items relating to each other should be grouped together

Page 19: Lecture 2 design principles

Summary: Proximity

Purpose: to organizeIf the information is organized, it is more

likely to be read and more likely to be remembered

Don’t create relationships with elements that don’t belong together!If they are not related, move them apart

from each other.

Page 20: Lecture 2 design principles

Alignment

Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page.

Page 21: Lecture 2 design principles
Page 22: Lecture 2 design principles
Page 23: Lecture 2 design principles
Page 24: Lecture 2 design principles
Page 25: Lecture 2 design principles
Page 26: Lecture 2 design principles
Page 27: Lecture 2 design principles
Page 28: Lecture 2 design principles
Page 29: Lecture 2 design principles
Page 30: Lecture 2 design principles
Page 31: Lecture 2 design principles

Summary: Alignment

Every element should have some visual connection with another element on the page.

UnityTo accomplish unity, a visual tie between

separate elements should be present. The placement of elements can make even

the separate elements connected, related and unified.

Page 32: Lecture 2 design principles

Summary: Alignment

Purpose: To unify and organize A strong alignment creates a

sophisticated, formal, fun or a serious look.

Be conscious of where you place your elements

Page 33: Lecture 2 design principles

Summary: Alignment

Avoid using more than one text alignment on a page

Break away from a centered alignment unless it’s a formal, sedate presentation

Use centered alignment consciously, not by default

Page 34: Lecture 2 design principles

Repetition

Repeat some aspect of the design throughout the entire piece

A conscious effort to unify all parts of a design

Page 35: Lecture 2 design principles
Page 36: Lecture 2 design principles
Page 37: Lecture 2 design principles
Page 38: Lecture 2 design principles
Page 39: Lecture 2 design principles
Page 40: Lecture 2 design principles
Page 41: Lecture 2 design principles
Page 42: Lecture 2 design principles
Page 43: Lecture 2 design principles

Summary: Repetition

unifies and strengthens a piece by tying together otherwise separate parts

Very useful in one-page pieces Critical in multi-page documents

Page 44: Lecture 2 design principles

Summary: Repetition

Purpose: to unify and add visual interest Avoid repeating an element so much

that it becomes annoying or overwhelming

Page 45: Lecture 2 design principles

Contrast

Created when two elements are different If two items are not exactly the same,

then make them different. Really different

Page 46: Lecture 2 design principles
Page 47: Lecture 2 design principles
Page 48: Lecture 2 design principles
Page 49: Lecture 2 design principles
Page 50: Lecture 2 design principles
Page 51: Lecture 2 design principles

Summary: Contrast

draws our eyes, our eyes like contrast For contrast to be effective, the two

elements must be very different Purpose

create an interest on the pageAid organization of the information

Page 52: Lecture 2 design principles

Summary: Contrast

Don’t be a wimp, do it (contrast) with strength

If the items are not exactly the same, make them different!