This article is made to help you be closer to some difference factors of contrast and understand how to use it by following some tips.

You can read the previous article of this web design tips collection about Typography.

let’s start!

1: Color Factor

Color contrast

This the most famous factor of contrast. all the colors from different segments of the color wheel are contrasting colors but not are well contrasting. Black element on a white background or between other light elements is the popular example. it’s popular because it works.

Tip: Use color value difference to produce contrast instead of color difference.

color contrast tip

2: Size Factor

size contrast

Contrast also helps create relationships between elements. If all the elements in the design are with the same size how will the user discover which element is most important or need to be looked at first. using scale is the easiest ways to create a dynamic, interesting layout and add drama to a design.

Tip: Let the variation of size be recognizable. the best way is to do that by doubling the size.

size contrast tip

3: Space Factor

space contrast

Space also can play an important role in organizing design elements. By surrounding important elements with some extra blank space you will draw more attention to that element and make it stand out.

Tip: The amount of space between elements defines the relationship between them.

space contrast tip

4: Shape, Form & style… Factors

Shape, Form & style contrast

Shape, form and style contrast means making elements notable in by their difference in physical shape, form and style compared to other elements on the page.