Thumbnail

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.

The unused or empty space in a composition of images, either two-dimensional (as with paintings) or three-dimensional (as with sculptures).

A PNG (Portable Network Graphics) file is a bitmap image format that has been designed to store images with an alpha channel. This format is primarily used for transparency so that it can be placed over other graphics in many design applications.

Also called a paragraph mark, a paragraph sign or section marker, is a typographical character for separating paragraphs. It looks like a "¶".

A way to create and test designs. Designers use design sprints as a time-intensive method of quickly testing ideas and then pivoting into designing for user needs. A designer may then take the prototype they created on the first day of the design sprint and fix any usability issues with it, which is a quick way to get feedback on their work before continuing development.

In typography, a bowl is a curved shape used to control the area of white space.

A type of font designed to imitate handwriting.

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.

An example of a typical user and the actions they take. Typically these are written in the form of a story.

Layout is a defining characteristic of design. It dictates the positioning of content and design elements. Layouts can range from the simple, such as a four- or two-column layout, to more complex designs like grids with multiple hierarchy levels.