Web Design Terms Every Marketer Should Know!

Marketers, they can smash blogs, social media and advertising, but there are quite a few things that not all marketers can do. Like web designing, for example, you can go from writing a blog post about insurance one day to designing a contact form the next. Sometimes the design vocabulary can be difficult to understand, that’s why I have listed 15 web designer terms that you should know.

Let’s start off simple, this is basically the positioning of the design. Things like text, images and more can be aligned for the page or each other. They can be aligned to the left margin, right margin or to the centre of the page.

Colour Wheel
A colour wheel is basically what it says on the tin. It is a circle of colours that show the primary, secondary and tertiary relationships.

Complementary Colours
Sticking with the colour wheel, complementary colours are the colours that are directly opposite each other on the colour wheel. On the colour wheel above, the complementary colours would be red and green, light blue and orange etc.

Continuing with the colour theme, a hue is simply what people think of as a “colour”. For example red, yellow, blue, green etc.

Adding to the colour theme, Pantone is a colour-matching system that was created by the Pantone company and it is widely used in the print design industry. It is used to match printed colours to the ones that are on the screen during the digital phase.

Pixels per Inch (PPI)
Moving on from colours, almost everyone knows what a pixel is. It’s the smallest element of an image on the computer. Pixels per inch is another measure of image resolution and it works by a number of pixels that are present within the given section of the selected image.

Staying with the pixels theme, a resolution is a way of measuring the sharpness and detail of an image. The higher the resolution, the larger the file size containing the pixels or dots.

White Space
Looking at the design of the website now and this is basically the blank space surrounding a certain object.

Negative Space
This is similar to white space as it is the empty space surrounding a design. This can be both a web page or a single image.

This is a design technique that is used to smooth the edges out of features.

HEX Code
This is used with HTML and CSS to designate a specific colour. When HEX codes are used, they often appear after the pound sign (#).

This is a computer’s language for displaying content such as text, images and much more.

This is a piece of code which is used to designate a certain look and feel of a website. This is separate from the actual web page and its content.

This may sound complex, but it is basically the space between individual letters.

Open Type Fonts
This is the current standard in font formats. This contains both the screen and printer versions within a single file. This is also compatible with both Windows and Mac as a file extension as .otf.