slide1
Download
Skip this Video
Download Presentation
Contrast Repetition Alignment Proximity

Loading in 2 Seconds...

play fullscreen
1 / 2

Contrast Repetition Alignment Proximity - PowerPoint PPT Presentation


  • 113 Views
  • Uploaded on

Contrast. Repetition. Design Principles. “If two items are not exactly the same, then make them different. Really different. ” – Robin’s Principle of Contrast. The Purpose of Repetition To unify. Add visual interest. When a page looks interesting, it is more likely to be read

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Contrast Repetition Alignment Proximity' - rene


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1

Contrast

Repetition

Design Principles

“If two items are not exactly the same, then make them different. Really different.” – Robin’s Principle of Contrast

The Purpose of Repetition

To unify.

Add visual interest.

When a page looks interesting, it is more likely to be read

Things to Avoid

Avoid repeating the element so much that it becomes annoying.

Be conscious of the value of contrast.

The Purpose of Contrast

To create an interest on the page.

Organization of the information.

Create flow from one item to the next.

Things to Avoid

Avoid contrasting a sort-of-heavy line with a sort-of-heavier line.

Avoid contrasting brown text with black headlines.

Avoid using two or more typefaces that are similar. If the items are not exactly the same, make them different!

  • Contrast
  • Repetition
  • Alignment
  • Proximity

By: ChouaVang

slide2

Alignment

Proximity

Font Families

Three Font Families

Serif: Font with tails or “feet”.

Example: Times. If you look closely, you can see that there are “feet” to the letters and “tails” to the letter ‘t’.

Sans Serif: Font without tails.

Example: Arial. If you look closely, there are no “feet” to the letters like in Times and no “tails” to the letters like letter “t”.

Fun: Any fun fonts

The Purpose of Proximity

To organize by grouping related elements together.

Create a relationship among elements with close proximity.

The Purpose of Alignment

To unify.

Create organization to the page.

“Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page.” – Robin’s Principle of Alignment

“Physical closeness implies a relationship.” – Robin’s Principle of Proximity

Things to Avoid

Don’t stick things in the corners or middle just because there’s empty space.

Avoid too many separate elements on a page.

Avoid leaving equal amounts of white space between elements unless each group is part of a subset.

Avoid creating a confusion over whether a headline, subhead, caption, graphic,etc., belongs with its related material.

Don’t create relationships with elements that don’t belong together.

If they are not related, move them apart!

Things to Avoid

Avoid using more than one text alignment on the page.

Choose a centered alignment consciously.

Try to stay away from a centered alignment unless you are trying to create a formal, sedate presentation.

You can only use two fonts in a document. Use one for your titles and the other for your text.

“Even if the separated elements are not physically close on the page, they can appearconnected, related, unified with the other information simply by their placement.” – Robin’s Principle of Alignment

ad