Down below are the last three typography elements. With this, I will conclude my analysis of a very important UI element. 

1. White space 

White space is the unmarked distance between different elements that gives viewers some visual breaks when they process design, minimizing distractions and making it easier to focus. 

White space can be the best way of drawing the viewer in, as it indicates that whatever is within the large field of empty space must be important.

2. Alignment

Alignment refers to placing text and other design elements on a page so they line up. It helps to create order, organize your elements, create visual connections, and improve the readability of your design.

Alignment can apply to an individual word, images or whole body of the text. 

The best way to keep track of aligning shapes, text, lines, and images is Gravit design rulers.

3. Hierarchy

Hierarchy is created by the contrast between visual elements in a composition. Typically visual elements with the highest contrast are noticed first. Using hierarchy we can control how a viewer engages with information to ensure that information is navigated and digested in the way it is intended.

Here is my favorite quote:

” Typography is a two-dimensional architecture based on experience and imagination, and guided by rules and readability”,

Hermann Zapf

I would like to hear your views on design elements and what you think about them.