Gestalt: Figure-Ground Relationship (EXAMPLE)

Directions:

  1. Write the definition of the principle.
  2. Find 2 websites that demonstrate the Figure-Ground Relationship of design.
  3. Take a screenshot (Mac: Command+Shift+4, PC: “Print Screen” button and paste into Photoshop).
  4. Post “Website Title” and URL (make it link).
  5. Post the screenshot image.  Size to “Medium”.  On “Link URL”, select “File URL”.
  6. Add a description of 100+ words identifying & describing the Figure-Ground relationships within the web design.
  7. Repeat steps 2-5 for 2nd website. (note: WordPress has a “Word count”; you should have more than 200+ words total.)

Definition: (Heading size=4)

Elements are perceived as either figures (distinct elements of focus) or ground (the background or landscape on which the figures rest).

1) Colour Pixel

http://www.colourpixel.com/100+ words identifying & describing the Figure-Ground relationships within the web design. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****.  ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****.

2) Think Green

http://thinkgreenmeeting.com/100+ words identifying & describing the Figure-Ground relationships within the web design. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****.  ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****. ***** ***** ***** ***** ***** ***** ***** ***** ***** *****.

Posted in Design Principles | Leave a comment

Justin: Closure

Closure: The principle describing how one tends to perceive a set of individual elements as a single, recognizable pattern, rather than multiple, individual elements.

Mark Forrester

http://www.markforrester.co.za/

Curious Generation Group

http://curiousgenerationgroup.com/

Posted in Web Design Analysis | Leave a comment

Justin: Common Fate

Common Fate:  A principle that describes how objects that move in the same direction are perceived as more related than objects that move in different directions.

Carbonads

http://www.carbonads.net/

Stephen Caver

http://stephencaver.com/

Posted in Web Design Analysis | 1 Comment

Whitney: Color Comps

Posted in Group E | Leave a comment

Justin: Gentoo Website Digital Mockup

Posted in Group G | Leave a comment

Ann: Digital Comps

Posted in Final Website, Process | Leave a comment

Jesus: Digital Progress

HOMECONTENT

Posted in Final Website, Process | Leave a comment

Gregory: Website Choice

Type: Personal WebsiteBand websiteName of band (not a real band): Rogues of the Proletariat

Posted in Web Design 2010 Fall | Leave a comment

Whitney: MOLA Hand Drawn color comps

Posted in Web Design 2010 Fall | Leave a comment

Liliane: Fresco web design color/type

Posted in Web Design 2010 Fall | Leave a comment