Storyboard

A graphical representation of a scenario, usually created and presented in sequence.

More terms you might want to know

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.

JPEG Image

JPEG stands for Joint Photographic Expert Group, an international standards body that sets standards for creating and handling compressed digital images. The JPEG file format was designed to balance good visual quality and small file size, typically through lossy compression. The JPEG file format is widely used as a means of compressing digital images, particularly those produced by digital cameras.

PPI

PPI stands for Point Per Inch. PPI is the number of dots per inch in a printer's resolution or the number of pixels per inch in a monitor's screen resolution. The more PPI, the higher your image quality will be as it becomes sharper and clearer. The lower your PPI, the lower your image quality will be, and the more likely you'll see individual pixels in an image.

Baseline

An imaginary line on which most letters "sit". As such, it equals the height of an em square. The expected result of a baseline is to reference the height with which text is aligned. The alignment ranges from ascenders, which are the upper strokes in b, d, and h, down to descenders like j or y.

Pilcrow

Also called a paragraph mark, a paragraph sign or section marker, is a typographical character for separating paragraphs. It looks like a "ΒΆ".

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.

Alignment

The process of arranging objects in a consistent and even spatial relationship. It can refer to how text is aligned with respect to its margins or how any two or more things are aligned in general.

Empathy

A type of understanding that is achieved by taking the perspective of another individual. Different people's perspectives often have different needs and values, so empathy can help you understand those differences.

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.

Design Debt

A concept used in systems design to describe the negative consequences of making seemingly innocuous design changes. Shorthand for a product's delayed but inevitable need to be reworked due to earlier, seemingly trivial decisions not having been fully thought through in the original release.

Designers incur this "debt" by making quick and easy choices that save time in the present but cause more complex problems later on down the road when it becomes necessary to change or add something.

Problem?

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