Contrast

Contrast in design can be accomplished by placing two opposite colours adjacent to one another, creating a focal point within the design that dominates the composition.

More terms you might want to know

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.

Glassmorphism

The use of light or dark objects positioned over colourful backgrounds. Blurred backdrops allow bright colours to come through and convey a sense of frosted glass.

Display Typface

Typefaces that are used across large bodies of text like headlines. Text typefaces are generally more varied than body-text typefaces.

Pixel

A pixel, or a picture element, is the smallest addressable element in a display device.

Slab Serif

A type of serif, characterized by large x-heights and thick, blocky strokes with little variation in width.

Vector

A graphic element that has a definite length and direction. Examples of vectors would be straight lines, edges, or curves.

Asymmetry

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

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.

Onboarding Flow

The process of a new user being brought in to a new product. The design for this process aims to have an effective, efficient, and engaging user experience.

Type Properties

The attributes of a typeface. Type properties include weight, width, colour and x-height.

Problem?

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