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
Proximity – The 4I.Design

Elements that are close together are perceived to be more related than elements that are farther apart.


The principle of proximity is one of several principles referred to as Gestalt principles of perception. It asserts that elements close together are perceived as a single group or chunk, and are interpreted as being more related than elements that are farther apart. For example, a simple matrix of dots can be interpreted as consisting of multiple rows, multiple columns, or as a uniform matrix, depending on the relative horizontal and vertical proximities of the dots.1

The grouping resulting from proximity reduces the complexity of designs and reinforces the relatedness of the elements. Conversely, a lack of proximity results in the perception of multiple, disparate chunks, and reinforces differences among elements. Certain proximal layouts imply specific kinds of relationships, and should be considered in layout design. For example, connecting or overlapping elements are commonly interpreted as sharing one or more common attributes, whereas proximal but non-contacting elements are interpreted as related but independent.2

Proximity is one of the most powerful means of indicating relatedness in a design, and will generally overwhelm competing visual cues (e.g., similarity). Arrange elements such that their proximity corresponds to their relatedness. Ensure that labels and supporting information are near the elements that they describe, opting for direct labeling on graphs over legends or keys. Locate unrelated or ambiguously related items relatively far from one another.

See also Chunking, Performance Load, and Similarity.

Proximity between the circles influences how they are grouped—as columns, a square group of circles, or rows.

Circles A and B are perceived as independent and sharing no attributes. Circles C and D are perceived as partially dependent and sharing some attributes. Circle F is perceived as dependent on Circle E and sharing all of its attributes.

This rendering of a sign at Big Bend National Park has undoubtedly sent many hikers in unintended directions (two hikers for certain). The proximity between unrelated words (e.g., Chisos and South) lends itself to misinterpretation. Positioning the related words closer together corrects the problem.

Window controls are often placed on the center console between seats. The lack of proximity between the controls and the window makes it a poor design. A better location would be on the door itself.


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