Bad proximity on a web page - An example of bad proximity, items, links and adverts scattered all over the page.

Bad proximity on a web page - An example of bad proximity, items, links and adverts scattered all over the page.

Right alignment design - All the text to the right of the business card, bright colors on a black background highlighting the company's name and information.

Right alignment design - All the text to the right of the business card, bright colors on a black background highlighting the company's name and information.

Radial balanced image - A winding staircase moving outwards to the edges of the image bringing more attention to the center of the image.

Radial balanced image - A winding staircase moving outwards to the edges of the image bringing more attention to the center of the image.

Symmetrical image - A perfect symmetrical image with both color and lines.

SYMMETRY Formal balance, which is perfect balance vertically, horizontally, or diagonally along an axis. In a symmetrical composition, the elements of the composition are perfectly equal.

A good contrast between black and white, "massive sound system" at the top of the page to make it stand out and emphasise the poster.

This is a poster for a nightclub which shows great use of contrast. The different tones and shades of blue in the poster create a good colour presentation and give more of an effect rather than just point blank dark and white tones.

Unique business card - I like this type of idea, taking the image of the most popular search engine and transferring it onto a business card, left aligned easy to read, all your info there like you were on the net.

Unique business card - I like this type of idea, taking the image of the most popular search engine and transferring it onto a business card, left aligned easy to read, all your info there like you were on the net.

Center alignment - Google search engine an example of centered alignment, company name highlighting the page.

Center alignment - Google search engine an example of centered alignment, company name highlighting the page.

Images with good & bad proximity - The image on the left is an example of bad proximity, all the information bunched together line after line.  The image on the right is an example of good proximity, the information is divided into each section and easier to read.

The principle of proximity - example

Asymmetrical web page - An asymmetrical web page with balance, the attention focusing on the surfer with bright lines pointing from the surfer to the links of the web page.

Asymmetrical web page - An asymmetrical web page with balance, the attention focusing on the surfer with bright lines pointing from the surfer to the links of the web page.

Good proximity on a web page - The layout is presented with good proximity, lines separating the web page into sections for easy use.

Good proximity on a web page - The layout is presented with good proximity, lines separating the web page into sections for easy use.

Asymmetrical image - An asymmetrical image the focus on the design of the building and its asymmetric shape.

Asymmetrical image - An asymmetrical image the focus on the design of the building and its asymmetric shape.

symmetrical images - Google Search

symmetrical images - Google Search

Pinterest
Search