web design principles

8
WEB DESIGN PRINCIPLES by Dan Phelan Haleigh Sills Cheyenne Garrison Stanton Sailsbury

Upload: daniel-phelan

Post on 14-Jun-2015

612 views

Category:

Education


0 download

DESCRIPTION

Elements of design

TRANSCRIPT

Page 1: Web design principles

WEB DESIGN PRINCIPLESbyDan PhelanHaleigh SillsCheyenne GarrisonStanton Sailsbury

Page 2: Web design principles

Unity

• The relationship between the individual parts and the whole of the composition. Unity has 3 components similarity, proximity, and alignment.

Shows unity through space and similarity.

Page 3: Web design principles

Variety

• The difference in elements that add interest to design.

Shows Variety by displaying many different images.

Page 4: Web design principles

Balance

• The distribution of weight or force within a composition. Balance had two forms symmetrical and asymmetrical.

Shows asymmetrical balance.

Page 5: Web design principles

Scale & Proportion

• The size of design elements in comparison with physical reality or relative to other elements in the composition.

An example of good scale and proportion. An example of poor scale and proportion.

Page 6: Web design principles

Rhythm

• A sense of movement between different parts of the design.

Shows movement through shape and color.

Page 7: Web design principles

Emphasis

• Provides prominence to part of a design. Emphasis is most commonly created through isolation, placement, and contrast.

Shows emphasis through color/contrast and isolation.

Page 8: Web design principles

Simplicity

• Omitting all non-essential or unimportant elements and details which do not contribute to the essence of the overall composition.

Simple.