Responsive Design

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

More terms you might want to know

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.

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.

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.

Monogram

An iconic design that is made up of two or three letters.

Colour Theory

The study of how colours are related to one another. It is about how we see colour, mix and modify it (according to our needs), and put colour together to achieve the desired mood or atmosphere.

Close-Crop

Framing consisting of cutting off or obscuring most of the surrounding of a subject, removing distractions from the background and emphasising the subject.

Warm Colours

Colours on the same side of the colour wheel as red, such as pink, orange and yellow.

Aspect Ratio

The ratio of a rectangle's width to its height. It is measured by dividing the shorter side length, here "w" or width, by the longer side length, "h" or height. The aspect ratio may be given as either a fraction or as a decimal.

RAW Image

A digital image captured by a digital camera or scanner that has not been processed in any way by the camera software.

System Font

A type of font that comes pre-installed in an operating system.

Problem?

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