Web Design Principles

8
WEB DESIGN PRINCIPLES Kat Bailey Ryan Buckner Steven Gomez

description

Examples of web pages that apply the web design principles.

Transcript of Web Design Principles

Page 1: Web Design Principles

WEB DESIGN PRINCIPLESKat Bailey

Ryan Buckner

Steven Gomez

Page 2: Web Design Principles

Unity

This website creates unity with the similar color palette and the repetition of the blue color. They also align elements in sections.

Page 3: Web Design Principles

Variety

This website presents variety in its various elements spread throughout the page. It adds visual interest with the differences in the size and placement of the images.

Page 4: Web Design Principles

Balance

This website creates balance with the two sidebars balancing the center set of images. The center set of images also displays balance with the equal columns of images making each line of images feel like they take up the same amount of space.

Page 5: Web Design Principles

Scale and Proportion

This website uses scale and proportion to draw your eye to one video specifically as its main attraction and then puts its less important videos in a smaller size.

Page 6: Web Design Principles

Rhythm

This website creates rhythm with the repetitive lines, creating a flow that the reader can follow.

Page 7: Web Design Principles

Emphasis

This website puts emphasis on its top bar with a texture and larger graphics that get your attention.

Page 8: Web Design Principles

Simplicity

This website creates simplicity by getting rid of most distracting objects and focuses on the main elements of the page