Prototype

Usually the first functional form of a new product, created to test a concept or prove out some aspects of design.

More terms you might want to know

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.

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.

Hick's Law

A well-known cognitive psychologist's principle that says that the time it takes to make a decision varies logarithmically according to the number of choices. As more options are presented, more decision time is required due to the mental work of comparing and contrasting each potential option.

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.

Soft Return

Also called a line break, when you want to keep the text in one paragraph and not follow it with an airy space.

Italics

A type of typographical contrast used to convey emphasis. Italics were initially developed for the printing press and are now widely used in print, web design, public signs and labelling systems.

Font Weight

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

Pica

A unit of measurement that equals 1/6 of an inch, or 1/72 of a foot.

Grid

A system of columns and rows designers use to create layouts. It's used in graphic design and web development to align elements for easy use on the page. Grids are a key part of design because they help you create balance, rhythm, proportion and hierarchy in your layout.

Left-aligned

Text that flows from left to right and is the default reading direction of a page with its content aligned on the left margin.

Problem?

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