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.

More terms you might want to know

Raster

Commonly used to describe a 2D graphic that is made up of an organized grid of pixels, in other words, a bitmap.

Pixel-perfect

A phrase that is used in reference to someone's work. The term pixel-perfect can be used to describe something as being flawless without any errors.

Right-aligned

Text that flows from right to left and is the default reading direction of a page with its content aligned on the right margin.

Type Classification

A system used to describe and identify typefaces by their basic visual characteristics.

Type Size

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

TIFF File

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

Storyboard

A graphical representation of a scenario, usually created and presented in sequence.

Affinity Diagram

A data visualisation tool that can be used to explore and group people's thoughts or reactions to a set of concepts. Affinity diagrams are often used in user research and design thinking as an experimental technique for generating new ideas or solutions.

The emergent patterns in these visual representations can help identify which aspects your audience will respond well to, thus enabling decisions on the information architecture and next steps in the process.

It is important to note that affinity diagrams were initially developed for qualitative research but have since been adapted for quantitative research (though they are not typically used with statistical data).

Margin

The space that an item has around it.

Stem

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

Problem?

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