WEB DESIGN PRINCIPLES WEB GRA PHIC SOF TWAR E 221- 02 Ethan Clark & Kricket Medlin
Jun 24, 2015
WEB D
ESIGN P
RINCIP
LES
WE
B G
RA
PH
I C S
OF T
WA
RE
22
1- 0
2
Ethan Clark & Kricket Medlin
UNITY – GOOGLE.COM
Unity is expressed on this site by the location of all the elements on the screen. They are located together in the center of the screen.
VARIETY – PINTEREST.COM
Pinterest shows variety by allowing viewers to see images of all the items other members have “pinned.” By doing this variety is added to flow and layout of the website.
BALANCE – WORDPRESS.COM
Wordpress is a good example of the design principle of balance because the weight of the dark banner across the screen breaks up all the white space but still pulls it all together.
SCALE AND PROPORTION – VANS.COM
The way the image boxes decrease in size as they go down the page shows an example of scale and proportion throughout the site.
RHYTHM – TWITTER.COM
Twitter shows rhythm by the way the layout of “followers tweets” falls on the page. This layout draws viewers eyes down the page and gets them to continue reading.
EMPHASIS - NIXON
Nixon uses contrast within their site to show emphasis. The contrast between the lighter image of the man on the stairs and the darker image of the women is a good example of the design principle emphasis.
SIMPLICITY – AE.COM
American Eagle has made their site more simple by having the white back drop and by having direct links to the main elements of their site located right on the banner. This makes navigation through the site much more simple.