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

Persona

A sample of the target audience for which a product or service is intended.

Thumbnail

A small, non-preview image that accompanies a larger image. It provides an immediate sense of the content while not necessarily revealing it in its entire scope.

PNG Image

A PNG (Portable Network Graphics) file is a bitmap image format that has been designed to store images with an alpha channel. This format is primarily used for transparency so that it can be placed over other graphics in many design applications.

Negative Space

The unused or empty space in a composition of images, either two-dimensional (as with paintings) or three-dimensional (as with sculptures).

Ascenders

The part of lowercase letters that goes above the baseline when used in running text. As such, ascenders are considered less condensed than those used for numerals and other capital letters. Some examples of ascenders include b, d, h, k, and l. The opposite of an ascender is a descender.

HEART Framework

A framework that helps a company evaluate any aspect of its user experience according to five metrics, which form the acronym HEART. These metrics are: 1. Happiness 2. Engagement 3. Adoption 4. Retention 5. Task success

Trim Size

The width and height of a document, after having been cut down to size from a larger sheet.

Margin

The space that an item has around it.

KPI

A key performance indicator is a variable that measures how well an entity is performing. It's a figure that designates an individual or item's performance level. A particular company may use metrics such as sales, revenue, production, and market share to gauge the success of their firm.

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.

Problem?

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