When Similarity occurs, an object can get emphasized by being different from the rest; this is called ‘Anomaly’ and can be used to create contrast or visual weight. It can draw the user’s attention to a specific piece of content (focal point) while assisting with scan-ability, discoverability and the overall flow.

University of Michigan - Ann Arbor

Elements sharing similar visual characteristics are perceived to be more related than those not sharing similar characteristics.
In UI design, we tend to perceive similar to each other elements as grouped or a pattern. We also might think that they serve the same purpose. Similarity can help us with organizing and classifying objects within a group and linking them with a specific meaning or function.

Similarity

Similarity in Design

There are different ways of making elements perceived as being similar, and thus, related. These include similarity of color, size, shape, texture, dimension, and orientation; with some of them being more strongly communicative than others (ex. color > size > shape). When Similarity occurs, an object can get emphasized by being different from the rest; this is called ‘Anomaly’ and can be used to create contrast or visual weight. It can draw the user’s attention to a specific piece of content (focal point) while assisting with scanability, discoverability and the overall flow.

Learn Before

Related