Principles of Web Design

The difference in this image uses_

• colour

• lines

• alignment

• size

The difference in this image uses_

• shape

• colour

• proximity

• tone

the difference in these images uses_

• space

• scale

• line

• alignment

The top image moves the close button to the centre. This is an example of _

• contrast

• colour

• proximity

• space

This image has a tickbox that uses ____ to indicate that the box is ticked.

• shape

• scale

• space

• colour

This image uses ___ which is using the same element to bring consistency.

• space

• harmony

• contrast

• repetition

This image uses ___ to tell you which items to read first

• size

• hierarchy

• shape

• tone

This website uses a light ___ to provide similar colours throughout the web page.

• tone

• shape

• scale

• repetition

This image uses ___ using the the divine ratio to give difference sizes to different parts of the site.

• proportion

• line

• balance

• colour

This image shows different ways to use ___ to make elements organized.

• texture

• colour

• repetition

• alignment