web design principles
DESCRIPTION
A quick demonstration of websites and their uses of the design principals to make their website even better.TRANSCRIPT
![Page 1: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/1.jpg)
Web Design PrinciplesBy: Joe Robinette Haylee Gregory Caleb Renfro
![Page 2: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/2.jpg)
Unity
![Page 3: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/4.jpg)
Variety
![Page 5: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/6.jpg)
Balance
![Page 7: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/8.jpg)
Scale & Proportion
![Page 9: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/10.jpg)
Rhythm
![Page 11: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/12.jpg)
Emphasis
![Page 13: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/14.jpg)
Simplicity
![Page 15: Web design principles](https://reader033.vdocuments.mx/reader033/viewer/2022052621/5588fbd7d8b42a4f1a8b4642/html5/thumbnails/15.jpg)
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.