8
Web Design Principles Bailey Bode, Tonya Loewen, Andrew Murphy

Web design principles

Embed Size (px)

Citation preview

Page 1: Web design principles

Web Design Principles

Bailey Bode, Tonya Loewen, Andrew Murphy

Page 2: Web design principles

Unity –Coca Cola

Use of the color red throughout and use of the same shapes (rectangles) create unity.

Page 3: Web design principles

Variety –Unique Websites

The scrolling of the website allows the viewer to see different things in the background.

Page 4: Web design principles

Balance –Wikipedia

The use of white space and there is a focal point, but the amount of items around it align with each other and create a simple flow.

Page 5: Web design principles

Scale and Proportion-WarChild

Images size relates to the font size and the things that need your attention are bigger in scale.

Page 6: Web design principles

Rhythm -Pinterest

Not all ‘boxes’ or images are the same shape nor are they all aligned the same way, but they create a sense of flowing organization and movement.

Page 7: Web design principles

Emphasis -YouTube

The place a significant video/image in a certain spot that your eye is lead to and makes the image bigger so your focus is put on that.

Page 8: Web design principles

Simplicity -Tumblr

This site just has the simple log in and then allows you to create a log in if you don’t have one as well. The log in is also placed in the center to allow you to find it more easily.