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

Typography

The art and technique of arranging type to make written language legible, readable, and appealing when displayed.

Backslanted

A type of design that features the strokes running predominantly from the upper left to the lower right.

It can also be used in reference to a type of lettering, typically for advertisements, to be read in either direction. It is also used to help the reader navigate through and around the advertisement.

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.

Pull Quote

A brief snippet taken from the text of an article.

Vector

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

Monochrome

Designs that are created in one colour. It can be any colour, but the whole design will range from light to darker shades. As the name implies, it is typically a single hue, with black and white also being typical combinations for this type of design.

Type Classification

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

Carousel

A series of slides that are positioned one after the other. As you scroll through the images, the next image in the sequence is automatically loaded. Once you scroll to the end of the carousel, it cycles back around like a horse on a circular track.

Eye-Tracking

A tool that allows user experience designers, or people who design products and websites with consumers in mind, to track where users look on the screen. Eye-tracking can measure users’ attention and the duration of time they spend on different areas of a website. With this information, websites can create user experience solutions such as buttons with varying colours designed to catch the eye.

Crop

A portion of an image where the remainder is discarded.

Problem?

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