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

Persona

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

Hex Code

A way of expressing colours on digital media. To specify a hex code, you need to consider the three primary colours: red, green and blue. The hex code is always six characters long and looks like this: #RRGGBB and their values range from 00 to FF.

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.

Type Size

The height of a font, measured in points or pixels.

Class

A selector that can be applied to any HTML element. Classes should be used when designing for multiple instances. For example, if you want all <h1> tags in the website to look blue, then you could use the class="blue-text" attribute.

Agile Design

A process that involves assigning people to work on different parts of the design and making sure that they focus on one area at a time. This method is an excellent way to release products more quickly and with higher quality.

The most common types of agile methods are Scrum, Kanban, XP and Agile Modeling. It can often be difficult for companies to make the switch because it requires significant changes in how product development occurs.

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.

Gradient

A type of design where the colours or tones gradually change from one colour to another. Gradients are often used in graphic design to add visual interest and give the appearance of "extensions" or "glosses" of a particular colour.

Stroke

The path of any movement, mark, shape, or other feature of a design. It can be the border of an element or even the tight edge of a text box, etc.

Alignment

The process of arranging objects in a consistent and even spatial relationship. It can refer to how text is aligned with respect to its margins or how any two or more things are aligned in general.

Problem?

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