Material Design

A design language developed by Google. The goal of Material Design was to create fluid, natural movement for users on any platform they happen to be using.

More terms you might want to know

Placeholder Text

Text that is used to fill in a gap in a document.

Font Colour

Also known as text colour, is a visible attribute of text determined by the combination of text and background colour.

Asymmetry

The degree of difference between the two sides of an object or system.

Alignment

The process of arranging objects in a consistent and even spatial relationship. It can refer to how text is aligned with respect to its margins or how any two or more things are aligned in general.

Stroke

The path of any movement, mark, shape, or other feature of a design. It can be the border of an element or even the tight edge of a text box, etc.

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.

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.

Gestalt Theory

A theory in psychology that discusses the general idea that the whole is greater than the sum of its parts. It's based on a human need to search for stability and meaning, which leads to organic movements towards wholeness. Gestalt Theory assumes there are inherent flaws in how we perceive forms and patterns, and it holds that this innate tendency transforms into an active process of looking for order in reality.

Icon

A small picture or design that represents an idea, function, or some other type of visual concept. For example, in computer graphics and web development, an icon is a pictorial representation of a program or file type.

GIF

A file format that supports both static and animated images. It is a popular file format on the internet and social media due to its wide colour support, portability, and animating capabilities.

Problem?

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