Web design principles

WEB DESIGN PRINCIPLES
Kevin Cochran
Thrisha Nesbitt
Stephanie Powers

UNITY
 Unity – is the relationship
between the individual parts
and the whole of the
composition. Unity has 3
components similarity,
proximity and alignment.
 Why? – All profiles are visually
similar, the connect by
proximity via “friends lists” and
each page achieves alignment
by using a standard template
that only varies by content.
www.facebook.com

VARIETY
 Variety – is the difference in
elements that add interest to
design.
 Why? – It pulls your attention
in several different directions
without being overwhelming or
distracting.
https://pinterest.com/

BALANCE
 Balance – refers to the
distribution of weight or force
within a composition. Balance
has two forms symmetrical and
asymmetrical.
 Why? – Vertically both sides
have the same approximate
weight despite differing
content, while images/articles
underneath are symmetrically
balanced.
www.familyvideo.com

SCALE AND PROPORTION
 Scale and Proportion – deals
with the size of design
elements in comparison with
physical reality or relative to
other elements in the
composition.
 Why? – Proportionally the
current deal is the biggest,
while costs are smaller to
attract less attention, visual
cues are used to draw viewer
attention.
www.bestbuy.com

RHYTHM
 Rhythm – creates a sense of
movement between different
parts of the design.
 Why? – The information flows
seamlessly between parts of
the page (images and articles).
http://en.wikipedia.org/wiki/
Main_Page

EMPHASIS
 Emphasis – provides
prominence to part of a design.
Emphasis is most commonly
created through isolation,
placement, and contrast.
 Why? – Literally there is
nothing on this page except the
logo and the search field, the
emphasis is on Google created
by isolation, placement and
stark contrast with the white
background.
www.google.com

SIMPLICITY
 Simplicity – although not
specifically a design principle,
simplify refers to omitting all
non-essential or unimportant
elements and details which do
not contribute to the essence of
the overall composition.
 Why? – It’s straightforward,
you get what you see, wholly
dedicated to searching for
images, the layout is simple
and easily understood.
www.istockphoto.com

Web design principles

More Related Content

Similar to Web design principles (20)

Recently uploaded (20)

Web design principles

Editor's Notes