Design Principles

Design Principles

By: Kimberly Fletcher

Proximity

This is a good example of proximity, because it not only gives the definition but it shows the meaning. The words are grouped together according to how they relate to each other.

Back to Proximity MenuContrast

This is a good example of contrast, because it is drawing your attention to the the black figure in front of the colored lines. The colored lines also add visual interest because of the intensity of the colors.

Back to Contrast MenuContrast

This is a good example of contrast, because it is drawing your attention to the the light in the sky. At first look, you do not even notice the small figures in the water. I noticed the small figures after I took my eyes away from the light.

Back to ContrastMenuRepetition

Repetition acts as a visual key that ties a piece together through the use of a repeated aspect in the document.

This picture represents repetition through the use of repeating heart shaped cookies throughout the page.

Other examples of repetition:

Ex. 1Ex. 2Ex. 3Back to Main Menu

Alignment

Alignment is the principle of lining every item on a page with another item on the page. This principle creates cohesion.

This picture represents alignment because each person is sitting right in front of the other.

Other examples of alignment:

Ex. 1Ex. 2Ex. 3Back to Main Menu

Contrast

This is a good example of contrast, because the black background is drawing your attention to the red. The second attention getter is the white. The black is the third color that you see.

Back to Contrast MenuReferences

http://us.123rf.com/400wm/400/400/maxkabakov/maxkabakov1206/maxkabakov120600130/13931432-security-concept-lock-on-digital-screen-contrast-3d-render.jpg

http://www.gandex.ru/upl/oboi/u12952_9043_Creative_Wallpaper_Contrast_017140_.jpg

http://blog.nyicd.com/storage/repetition%20cookies.png?__SQUARESPACE_CACHEVERSION=1317310608402

http://chiropractor-ranchocucamonga.com/wp-content/uploads/2013/04/MP900411715.jpg

http://nashworld.edublogs.org/files/2009/05/comparecontrast.jpg

http://shazimalik.files.wordpress.com/2012/04/high_contrast_beach_by_joefuss134.jpg

http://farm7.staticflickr.com/6131/5956757772_efd3e93b6b_z.jpg

http://2.bp.blogspot.com/-AxGoqf_BJ34/Ta2CkgLfGvI/AAAAAAAAAns/whtv0rPGpco/s1600/repetition2.jpg

http://keystone54.com/blog/wp-content/uploads/2012/06/Warhol-Bridget2.jpg

http://www.maastary.com/Portals/14679/images/Sales%20and%20Marketing%20Alignment-resized-600.jpg

http://images2.wikia.nocookie.net/__cb20090330065435/wowwiki/images/2/2d/Band_of_Alignment.jpg

http://www.2012prophecyends.com/wp-content/uploads/2011/08/planet-alignment-2012.jpg

http://4.bp.blogspot.com/_c7JiLplPdUY/S74DEgzhpjI/AAAAAAAAAwo/M8AoHhQ4M0E/s1600/P3-4_Campi_POD_02_Proximity.jpg

http://api.ning.com/files/yT4EhNKBkhm8Gq9c118QZagy1Sr2VG6pxSSiHM*gZlQHjhp6uhEgE*ewZ8slfnB9u5BlJ2*FNUD4pGjPtmKEXcFFXc5LYeMv/Invite1610.jpg

http://www.smashingbuzz.com/wp-content/uploads/2011/04/Custom-Flyer-Design-for-SML-Studios.jpg

Back to MainFirefliesFaith HillLori McKennaFireflies2005iTunes v7.0.2.16, QuickTime 7.1.3