Asymmetry

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

More terms you might want to know

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.

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.

Mock-up

A non-functional first draft of a design.

PNG Image

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.

Empathy Map

A way of researching users and understanding their behaviour in the context of the product, helping designers in understanding users' needs and expectations and what motivates them to act.

Designers can use this type of research to understand better their users and what kinds of experiences they are looking for. And this will allow the designers better empathize with their users, making them a part of the learning cycle.

Tint

A generic term for adding colour to an image. A tint can be applied by darkening a colour to create different shades or lightening the saturation, creating a washed-out look.

Aspect Ratio

The ratio of a rectangle's width to its height. It is measured by dividing the shorter side length, here "w" or width, by the longer side length, "h" or height. The aspect ratio may be given as either a fraction or as a decimal.

Microcopy

The small, non-essential text that appears on an interface. It has been set up specifically to be short and concise to draw attention to an essential user experience.

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.

Serif

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

Problem?

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