Design Principals - PowerPoint Presentation

Slide1

Design Principals

Dee Moore

SourcesSlide2

Four Design Principals

contrast

proximity

alignment

repetitionSlide3

Contrast

The design principal of contrast is when objects in a picture are strikingly or drastically different in color or size, or something stands out greatly and catches the eye of the viewer.

This picture is a good example of contrast, because the red bell pepper pops out to the viewer as it is starkly different than the lime green color of the apples.

Other good examples of contrast are…

Ex. 1

Ex. 3

Ex. 2

Back to Design Principals MenuSlide4

Repetition

The design principal of repetition is when objects are repeated throughout the picture. It unifies the picture and keeps the viewer’s eye on the object.

This picture is a good example of repetition, because the Campbell’s can is repeated multiple times throughout the picture. Even though the colors change, all 8 images are Campbell’s soup cans.

Other good examples of repetition are…

Ex. 1

Ex. 2

Ex. 3

Back to Design Principals MenuSlide5

Alignment

The design principal of alignment is when items on a page are aligned with other items, and doing so creates cohesion. Items can be aligned on the left, center or right side of the page.

This picture is a good example of alignment, because the acronym, BARE, is aligned perfectly on the left side of the page. This allows the viewer to see the word easily and also the message it’s trying to portray.

Other good examples of alignment are…

Ex. 3

Ex. 2

Ex. 1

Back to Design Principals MenuSlide6

Proximity

Ex. 3

Ex. 2

Ex. 1

The design principal of proximity is when items on the page are organized according to their relationship to the other items. When items are similar, they are placed close to each other, and items that are different are further apart.

This picture is a good example of proximity, because the four blue ovals are similar and also placed close to each other.

Other good examples of proximity are…

Back to Design Principals MenuSlide7

Contrast

This is a good example of contrast, because the two flowers are starkly different colors, so they pop and stand out very well.

Ex. 2Slide8

Contrast

This is a good example of contrast, because the

zebra is two distinct colors, black and white, that are very different from each other.

Ex. 3Slide9

Contrast

This is a good example of contrast, because the

entire picture is shades of blue with the exception of the bright orange that pops.

Back to Design Principals MenuSlide10

Repetition

Ex. 2

This is a good example of

repetition,

because

the ballerina dancers appear multiple times, repeating themselves in the picture.Slide11

Repetition

Ex. 3

This is a good example of

repetition,

because

there are many green apples repeated. Therefore, the picture is unified; the focus is on the apples.Slide12

Repetition

Back to Design Principals Menu

This is a good example of

repetition,

because

there are multiples of the same column in the picture. Despite anything else going on in the picture, the focus in on the columns.Slide13

Alignment

Ex. 2

This is a good example of

alignment,

because the

name of the company is centered and also the first thing seen, while the additional important information is aligned on the right side and easy to see and read.Slide14

Alignment

Ex. 3

This is a good example of

alignment,

because

the ducks are organized in two straight lines down the center of the page, while it also creates cohesion and the idea of one larger unit.Slide15

Alignment

Back to Design Principals Menu

This is a good example of

alignment,

because the

apple seeds are aligned in the center of the apple and form a straight line. The seeds are organized and grouped neatly.Slide16

Proximity

Ex. 2

This is a good example of

proximity, because the squares are evenly spaced while staying close together since they are similar in size. Slide17

Proximity

Ex. 3

This is a good example of

proximity, because the information regarding the person is grouped together, and the information regarding contact information is grouped together in a different location.Slide18

Proximity

Back to Design Principals Menu

This is a good example of

proximity,

because

the different ovals have been arranged and grouped according to their different sizes. Slide19

http://www.hdwallpaper.co.in/view/wooden-color-contrast-1920x1080.html

http://ninaclock.com/piquant?page=88

http://pittkyle123.wordpress.com/page/2/

http://www.domesticatingit.com/presentation-zen-and-now/

http://eccentric-ecstasy.blogspot.com/2012_09_01_archive.html

http://www.uxmatters.com/mt/archives/2006/01/color-theory-for-digital-displays-a-quick-reference-part-ii.php

http://mitchellwapner.buzznet.com/photos/examplesofbeautifulc/

http://thebrushandbolter.blogspot.com/2012/05/contrast-making-your-models-pop.html

http://www.virtualspeechcoach.com/2012/03/07/using-contrast-in-presentations/

http://digital-photography-school.com/forum/archived-assignments/213072-color-contrast-jan-16-30-2013-a.html

http://moistdesign.blogspot.com/2011/03/repetition-and-interruption-with-katy.html

http://www.pianoblog.com/.a/6a00e54fc1c761883401761735ec5c970c-popup

http://www.erinashleycoaching.com/2013/03/the-power-of-alignment/

http://business-cards.choosewhat.com/business-card-printing-companies/prinly

https://twitter.com/alignedmodern

http://internetleadgenerationacademy.com/blog/

http://bekispassionatelypurple.blogspot.com/2011/05/proximity.html

Sources