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

Pagination

A technique used to sequentially present items in a list or other data set that are too long to display at one time.

Affordance

Affordances describe a relationship between the environment and an animate object, classified as either positive or negative.

Items, such as a car that leads to movement, have a positive affordance. Things like stairs that lead upwards have a negative affordance because they will not allow for any other form of movement other than up or down if used accordingly.

Ligature

A form of typographic ornament used by a type designer for decorative purposes. Common ligatures are based on joining two or more letters together, often with figures embedded in the design

Brand

A name, symbol or other distinctive feature that distinguishes one business's product from another's, often associated with a logo, design, slogan and other items.

Bottom Navigation

One of the most common types of navigation in UI design. It's usually a system of one or more horizontal buttons placed at the bottom of the screen, directing users to other parts of an app or website. Bottom navigation is often used as an alternative to scrolling or tabbing through links on a page.

Infinite Scroll

Generally used when a page has so much content that it would be impossibly long to load the entire page at once. Infinite scroll consists of an auto-generated list of items that constantly loads new items as they load off the bottom of the screen.

Font Weight

The thickness or thinness of a typeface. Common font weights are light, regular/normal, semi-bold, bold and extra bold.

Tracking

The adjustment of all characters in a line by moving them closer together or farther apart.

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.

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.

Problem?

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