WEB DESIGN PRINCIPL

ES

D E S T I NY , Z

A C K AN D S

H A R O N

The relationship between the individual parts and the whole of the composition.

Pinterest has all three components of unity: similarity, proximity and alignment.

UNITY: PINTEREST

The difference in the elements that add interest to design.

VARIETY: JIM CARRY WEBSITE

There are several different visual elements that increase variety, creating harmony and unity.

The distribution of weight or force within a composition.

BALANCE: FACEBOOK

There is a feeling of equal balance between the left and right side of the design.

SCALE AND PROPORTION: BING

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

The figures of the people are the correct scale and proportion as it relates to the boats.

Creates a sense of movement between different parts of a design.

RHYTHM: FLICKR

The boxes that capture the images create a sense of movement by establishing a pattern.

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

EMPHASIS: WORDPRESS

Offers direction and organization by center placement and isolation from the image in the background.

Refers to omitting all non-essential or un-important elements and details which do not contribute to the essence of the overall composition.

SIMPLICITY: APPLE

The design is simple, allowing the iPad to maintain the focal point.