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.

More terms you might want to know

DPI

The print resolution of a printer. It's a measure of how many dots per inch can be printed on paper. Higher DPI means more detail and smoother transitions between colours.

Layout

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.

Composition

An organised arrangement of elements used for a particular purpose, such as to create striking visual effects or to convey information effectively. Good composition is achieved through different methods, such as placing figures or objects in a scene, revising and simplifying lines and shapes that make up a figure, and arranging multiple figures or objects into meaningful relationships.

Asymmetry

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

Usability Testing

A process in which subjects use a product or service under test conditions and report their experience.

Affordance

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.

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.

Tittle

The typographic term for the dot above the letters 'i' and 'j'.

Font Weight

The thickness or thinness of a typeface. Common font weights are light, regular/normal, semi-bold, bold and extra bold.

Flat Design

A design style first introduced by Microsoft Design Language based on minimalism and simplicity. This newer trend focuses on reducing nonsensical designs and makes the content more accessible for all users.

In this way of designing, fewer elements are used to create shapes and less emphasis on gradients and textures. This modern trend moves away from skeuomorphism. Instead, it focuses on a realistic view or illustration with buttons and icons appearing flat with no shadows.

Problem?

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