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.

More terms you might want to know

Rule of Thirds

A rule of thumb used in photography to create more visually appealing images which states that an image should be composed so that the subject or focus of the image occupies one-third of the picture space, with two equal vertical lines dividing their composition into two.

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.

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.

Design Debt

A concept used in systems design to describe the negative consequences of making seemingly innocuous design changes. Shorthand for a product's delayed but inevitable need to be reworked due to earlier, seemingly trivial decisions not having been fully thought through in the original release.

Designers incur this "debt" by making quick and easy choices that save time in the present but cause more complex problems later on down the road when it becomes necessary to change or add something.

Zeigarnik Effect

A psychological phenomenon that states that people tend to remember unfinished or interrupted tasks better than completed tasks.

Monospace

A style of typeface that uses a width-to-height ratio of 1:1.

Flat Design

A design style first introduced by Microsoft Design Language based on minimalism and simplicity. This newer trend focuses on reducing nonsensical designs and makes the content more accessible for all users.

In this way of designing, fewer elements are used to create shapes and less emphasis on gradients and textures. This modern trend moves away from skeuomorphism. Instead, it focuses on a realistic view or illustration with buttons and icons appearing flat with no shadows.

Small Caps

Small uppercase letters, generally about half as tall as regular uppercase letters.

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.

Descenders

The portion of a letter such as y, p, q or j that hangs below the baseline of the text.

Problem?

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