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

Saturation

The intensity of a color relative to its own brightness. Colours are said to be saturated when they have a strong hue and high intensity.

Body Copy

The main text of an advertisement or editorial as opposed to headings and subheadings.

Font Weight

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

Proximity

The placement or otherwise of a thing in relation to other things. In design, proximity may be considered as the distance between two items in space or their relative location to each other.

Letterpress

A printing press that uses movable type and punches to make impressions on paper.

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.

Type Properties

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

Iterative Design

A way of developing new products or services using a process of repeated and regular refinement, in which prototypes are made, evaluated, revised, and re-evaluated until the desired result is achieved. High profile companies have successfully implemented iterative design to create effective and innovative products.

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.

Hierarchy

Also known as visual hierarchy, hierarchy is the ordering of priorities in a design. This may include different visual elements, such as contrast, colour, font size and placement on a page. The graphic designer's job is to create an understandable document using organisational systems that the reader easily understands.

Problem?

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