Tint

A generic term for adding colour to an image. A tint can be applied by darkening a colour to create different shades or lightening the saturation, creating a washed-out look.

More terms you might want to know

TIFF File

A Tagged Image File Format is a file format for storing images losslessly.

Stem

The part of a letter, usually a vertical line, that rise above the x-height.

ID

A selector that can be applied to any HTML element. ID should be used when designing for a single instance, such as using the id="main" attribute on an <h1> tag.

Card Sorting

A UX design technique in which you divide your users into groups, show them cards with different names for unrelated objects and ask them to categorise them.

Web Page Elements

A textual or graphical component in a web page.

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.

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.

Mock-up

A non-functional first draft of a design.

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.

Asymmetry

The degree of difference between the two sides of an object or system.

Problem?

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