Avatar

A graphical representation of the user on a device, used to represent various users in different contexts. It can be a photo, image or drawing.

More terms you might want to know

Link

A prominent design feature of web applications. Links can be used to navigate websites, provide shortcuts to content, or change views within a web application. These links allow for ease of access and save time when users need to find information or use services from other domain names.

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.

Centre Aligned

A layout where all the content, mostly text, is aligned to the centre. The overall purpose of a Centre Alignment is to make it easier for users to read and scroll through content.

Rule of Thirds

A rule of thumb used in photography to create more visually appealing images which states that an image should be composed so that the subject or focus of the image occupies one-third of the picture space, with two equal vertical lines dividing their composition into two.

Serif

The small decorative stroke at the end of a stroke in a letter, or a typeface.

Readability

A measure of the ease of understanding text.

Abstract Mark

An abstract mark is a type of logo where instead of being a recognizable object from everyday life, it is an abstract geometric form representing a business or brand. Famous examples include the BP starburst logo, and the Pepsi divided circle.

Bold

A greater typographic weight than the standard typeface, often used to highlight text that the writer wants to emphasise or denote sections, headlines or quotes in printed material.

Bold type is a little heavier than the average type because of its higher contrast, making it more readable. The opposite of bold type is light type, also known as regular or book.

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.

Problem?

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