Wireframe

A low-fidelity representation of a user interface design.

More terms you might want to know

Hex Code

A way of expressing colours on digital media. To specify a hex code, you need to consider the three primary colours: red, green and blue. The hex code is always six characters long and looks like this: #RRGGBB and their values range from 00 to FF.

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.

Style Guide

A group of rules, guidelines, and/or standards designers use when producing artwork or branded projects ensuring that they have the desired appearance and are compliant with usage guidelines.

Printer's Proof

A print that the printer receives to monitor the progress of production. Proofing is a matter of looking at the print to ensure that it has been printed correctly and that the colours are rendered accurately.

Type Size

The height of a font, measured in points or pixels.

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.

Logotype

The typographic presentation of a company's name in a stylized form.

Information Architecture

The art and science of arranging information so that it's intuitive to find, easy to navigate, presents a cohesive design, meets accessibility guidelines, looks attractive on any device or screen size and ultimately drives behaviour change.

Hamburger Menu

A well-known UI element in computer applications. It's an expandable menu of context-specific commands typically launched from the application's main menu.

Blur

A type of design technique utilised in the creation of visuals and illustrations. Blur is used to create an impression of movement or a sense of depth.

Problem?

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