Web design principles

15
Web Design Principles By: Joe Robinette Haylee Gregory Caleb Renfro

description

A quick demonstration of websites and their uses of the design principals to make their website even better.

Transcript of Web design principles

Page 1: Web design principles

Web Design PrinciplesBy: Joe Robinette Haylee Gregory Caleb Renfro

Page 2: Web design principles

Unity

Page 3: Web design principles

Unity This website shows unity by having all

elements organized, equally spaced yet still close together. It’s attractive to the eye and easy to locate things.

Page 4: Web design principles

Variety

Page 5: Web design principles

Variety This site shows many different colors

and a large array of products they offer. It has an interesting layout that adds to the site.

Page 6: Web design principles

Balance

Page 7: Web design principles

Balance There is an even distribution of text to

pictures. Everything is weighted evenly in the middle drawing the eye in. It is asymmetrically balanced with equal weight concerning the pictures, text, and blank space.

Page 8: Web design principles

Scale & Proportion

Page 9: Web design principles

Scale & Proportion The T-rex is larger than everything

providing excitement. The roller coaster is much smaller in picture than it would be in a real life setting.

Page 10: Web design principles

Rhythm

Page 11: Web design principles

Rhythm You can see the motion of the athletes

by their positions and angles as well as the crowd being blurred out.

Page 12: Web design principles

Emphasis

Page 13: Web design principles

Emphasis The freshman are easily emphasized

contrasting the grass. The eye is drawn to them because of their placement in the photo. The outline of people in red shirts helps to draw your eyes as well.

Page 14: Web design principles

Simplicity

Page 15: Web design principles

Simplicity It is very basic and to the point with a

lot of blank space to draw your eye right to the main function of the site.