The Proximity law

Based on the Proximity law, when we perceive or have a collection of objects, we will immediately be able to separate or differentiate the objects that are close to each other by forming different groups. Take a look at the following example:

The principle of proximity is that things that are close to each other will be seen as a group. Basically, proximity means closeness. If we use a clear structure and visual hierarchy, we will be less charged by the limited cognitive resources of users, so they will be able to quickly recognize and react to them.

Let's take an example of how the proper usage of the proximity law can help us design better interfaces, and how using it in a bad way can create a bad design.

So, if we use it properly, we can achieve something such as this:

However, if we ignore the law of Proximity, then we will have something confusing for our users, such as this: