Sketching

A basic design tool that helps designers create and communicate ideas.

More terms you might want to know

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.

Design Thinking

An iterative process that designers use to understand the user, challenge assumptions, and redefine the problems to identify alternative strategies and solutions that might not be instantly apparent with our initial level of understanding. Design Thinking provides a solution-based approach to solving problems. It is a way of thinking and working as well as a collection of hands-on methods.

Font Type

Most typefaces are classified into one of five basic classifications: serif, sans serif, script, monospaced, and display.

Margin

The space that an item has around it.

Iterative Design

A way of developing new products or services using a process of repeated and regular refinement, in which prototypes are made, evaluated, revised, and re-evaluated until the desired result is achieved. High profile companies have successfully implemented iterative design to create effective and innovative products.

Gradient

A type of design where the colours or tones gradually change from one colour to another. Gradients are often used in graphic design to add visual interest and give the appearance of "extensions" or "glosses" of a particular colour.

Responsive Design

The process of developing a product or design system that can be altered to fit different device and interaction contexts.

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.

Wireframe

A low-fidelity representation of a user interface design.

Thumbnail Sketch

A quick and rough sketch of what you are about to work on. Good for getting the ideas out of your head and onto the page while you're still in that creative phase.

Problem?

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