Grid

A system of columns and rows designers use to create layouts. It's used in graphic design and web development to align elements for easy use on the page. Grids are a key part of design because they help you create balance, rhythm, proportion and hierarchy in your layout.

More terms you might want to know

Carousel

A series of slides that are positioned one after the other. As you scroll through the images, the next image in the sequence is automatically loaded. Once you scroll to the end of the carousel, it cycles back around like a horse on a circular track.

Brand Mark

A logo, symbol, design, or pattern used to promote and distinguish one's brand or company from others.

Brutalism

A style of architecture and design that was popular in the 1960s and 1970s. Brutalist buildings are typically characterised by durability, simplicity, and an emphasis on form following function. Brutalism is not a single style but an umbrella term for architecture with a stark and futuristic look.

Diary Study

A technique for understanding people’s experience of a product or service. Participants are asked to keep daily records of their experience using the product, and these records are taken into consideration when designing the design.

A/B Testing

A statistical method in which two variants of the same activity are compared against each other (typically with several variants), one at a time, and the most effective variant is selected.

Symmetry

The arrangement of different elements in relation to each other so that they appear to be mirrored. Symmetrical designs can be found throughout art and architecture, as well as in nature.

Widow

The last line of a paragraph following the rest, or a single line in a paragraph that is out of place with the rest.

Baseline

An imaginary line on which most letters "sit". As such, it equals the height of an em square. The expected result of a baseline is to reference the height with which text is aligned. The alignment ranges from ascenders, which are the upper strokes in b, d, and h, down to descenders like j or y.

Orphan

One or more words (typically at the end of a paragraph) that are separated from the rest of the text. Orphans are generally thought of as bad design, but it’s a matter of taste.

Heatmap

A graphical representation of the density and distribution of data points. Denser regions in the image are interpreted as the data points' frequency, while lower densities are interpreted as fewer data points in that area.

Heatmaps show you where people worldwide are clicking on content to help you understand how people interact with your website designs and content.

Problem?

Got a suggestion or found an issue with the glossary?
Let me know!