The Closure law

Based on the principle of good continuation, there will be a tendency to group simple elements or objects, independent of continuity or similarity. This will give results based on the effect of filling the missing piece with a different shape or color to make it a whole; we can even play with positive or negative space to give a complete meaning to the objects that we are trying to display.

The closure law can be easily seen in the first diagram in the following graphic, but it's a little complicated to understand how it works. The second diagram can be read as an overlap of two different objects, in our case, two rectangles; the same thing can be read with three objects, as shown in example number 3. In example 3, we can see the final shape where a curve joins three uneven shapes or squares touching each other:

Closure can be explained differently when we fill in the gaps–for example, when we encounter a complex element with a missing part or break, we look for a continous and smooth pattern.

Now, let's create an interface that has the Closure law in mind. The example that I created shows the user that the boxes displayed on the user interface can be more than just what they see. The following example shows a user interface that has the Closure law in mind:

So, as you can see in the preceding user interface example, it gives users the feeling that they can swipe or scroll the boxes to see more. However, if we totally ignore the law of Closure, then we will have something such as this: