Notice: Function amp_is_available was called incorrectly. `amp_is_available()` (or `amp_is_request()`, formerly `is_amp_endpoint()`) was called too early and so it will not work properly. WordPress is currently doing the `amp_init` hook. Calling this function before the `wp` action means it will not have access to `WP_Query` and the queried object to determine if it is an AMP response, thus neither the `amp_skip_post()` filter nor the AMP enabled toggle will be considered. It appears the plugin with slug `schema-and-structured-data-for-wp` is responsible; please contact the author. Please see Debugging in WordPress for more information. (This message was added in version 2.0.0.) in /home/crtivo5/4i.design/wp-includes/functions.php on line 6085

Notice: Function amp_is_available was called incorrectly. `amp_is_available()` (or `amp_is_request()`, formerly `is_amp_endpoint()`) was called too early and so it will not work properly. WordPress is currently doing the `amp_init` hook. Calling this function before the `wp` action means it will not have access to `WP_Query` and the queried object to determine if it is an AMP response, thus neither the `amp_skip_post()` filter nor the AMP enabled toggle will be considered. It appears the plugin with slug `schema-and-structured-data-for-wp` is responsible; please contact the author. Please see Debugging in WordPress for more information. (This message was added in version 2.0.0.) in /home/crtivo5/4i.design/wp-includes/functions.php on line 6085

Notice: Function amp_is_available was called incorrectly. `amp_is_available()` (or `amp_is_request()`, formerly `is_amp_endpoint()`) was called too early and so it will not work properly. WordPress is currently doing the `init` hook. Calling this function before the `wp` action means it will not have access to `WP_Query` and the queried object to determine if it is an AMP response, thus neither the `amp_skip_post()` filter nor the AMP enabled toggle will be considered. It appears the plugin with slug `schema-and-structured-data-for-wp` is responsible; please contact the author. Please see Debugging in WordPress for more information. (This message was added in version 2.0.0.) in /home/crtivo5/4i.design/wp-includes/functions.php on line 6085

Notice: Function amp_is_available was called incorrectly. `amp_is_available()` (or `amp_is_request()`, formerly `is_amp_endpoint()`) was called too early and so it will not work properly. WordPress is currently doing the `init` hook. Calling this function before the `wp` action means it will not have access to `WP_Query` and the queried object to determine if it is an AMP response, thus neither the `amp_skip_post()` filter nor the AMP enabled toggle will be considered. It appears the plugin with slug `schema-and-structured-data-for-wp` is responsible; please contact the author. Please see Debugging in WordPress for more information. (This message was added in version 2.0.0.) in /home/crtivo5/4i.design/wp-includes/functions.php on line 6085
Figure-Ground Relationship – The 4I.Design

Elements are perceived as either figures (objects of focus) or ground (the rest of the perceptual field).


The figure-ground relationship is one of several principles referred to as Gestalt principles of perception. It asserts that the human perceptual system separates stimuli into either figure elements or ground elements. Figure elements are the objects of focus, and ground elements compose an undifferentiated background. This relationship can be demonstrated with both visual stimuli, such as photographs, and auditory stimuli, such as soundtracks with dialog and background music.1

When the figure and ground of a composition are clear, the relationship is stable; the figure element receives more attention and is better remembered than the ground. In unstable figure-ground relationships, the relationship is ambiguous and can be interpreted in different ways; the interpretation of elements alternates between figure and ground.

The visual cues that determine which elements will be perceived as figure and which as ground are:

•  The figure has a definite shape, whereas the ground is shapeless.

•  The ground continues behind the figure.

•  The figure seems closer with a clear location in space, whereas the ground seems farther away and has no clear location in space.

•  Elements below a horizon line are more likely to be perceived as figures, whereas elements above a horizon line are more likely to be perceived as ground.

•  Elements in the lower regions of a design are more likely to be perceived as figures, whereas elements in the upper regions are more likely to be perceived as ground.2

Clearly differentiate between figure and ground in order to focus attention and minimize perceptual confusion. Ensure that designs have stable figure-ground relationships by incorporating the appropriate visual cues listed above. Increase the probability of recall of key elements by making them figures in the composition.

See also Gutenberg Principle, Law of Prägnanz, Top-Down Lighting Bias, and Visuospacial Resonance.

Placing the spa name below the horizon line in the logo makes it a figure element—it will receive more attention and be better remembered than the design that places the name at the top of the logo.

The Rubin vase is unstable because it can be perceived as a white vase on a black background or two black faces looking at each other on a white background.

Initially, there is no stable figure-ground relationship in this image. However, after a moment, the Dalmatian pops out and the figure-ground relationship stabilizes.

Placing the logo at the bottom of the page makes it a figure element—it will receive more attention and will be better remembered than the logo at the top of the page.


Notice: Trying to access array offset on value of type bool in /home/crtivo5/4i.design/wp-content/plugins/advanced-custom-fields-pro/includes/api/api-template.php on line 499

By Desigeers, For Designers ✍️

The 4i.Design Meant to serve the vaiarity of designers and problem solvers around the world, this make us in a need for more and more content to be added on daily baises.

Take a step & support others by contributing and sharing helpful content as well.

Share Something

Trending 🔥

Few topics are on fire!

centered,lean,Thinking,sprint,design sprint,Design thinking,SIT,design,lean ux,design sprint foundations,centered design,methodology,ui,interaction