Graphic designFeature

6 key terms every graphic designer should know

Whether you're a newbie, a student or just in need of a refresher, read this guide.

Graphic design, like any profession, is littered with jargon and terms you may not be familiar with. Here are just some of the key terms you should know, and a brief explanation in words you can understand - plus where to go to learn more.

So whether you're a student or beginner, or just need a refresher course, read on...

  • Read all our graphic design-related articles here

01. Raster images and vector images

Vector-based images (like this one) are made of points; raster images are made of pixels

Raster images (sometimes referred to as bitmap images) are made up of thousands of pixels which determine the colour and form of the image.

Photos are raster images. Photoshop is the most common raster editor, enabling you to manipulate the colour and other properties of the pixels. But, because raster images are made up of a finite amount of pixels, resizing can be tricky. If you make a raster image larger dimensions in Photoshop, the software has to make up data in order to add the size. This results in loss of quality.

Vector images

Vector-based images (such as those created in Adobe Illustrator) are made up of points, each of which has a defined X and Y coordinate. These points join paths to form shapes, and inside these shapes you can add colour fills. Because everything is generated based around this, vectors can be resized to any size without any loss of quality.

In recent times, Illustrator has progressed so much that vector graphics have become incredibly complex - and you can now add gradients, complex shapes and more to create highly detailed, scalable vector images. Because vectors can be resized, they are often used for creating logos and other graphics that need to go across many different outputs (from leaflet to billboard, for instance). For more details see our articles Get started with vector illustration and How to create vector art: top tutorials.

02. CMYK and RGB

CMYK stands for Cyan, Magenta, Yellow, Key

CMYK is the standard colour mode for sending documents - be it magazines, newspapers, flyers, brochures, annual reports and so on to the printers. It stands for Cyan, Magenta, Yellow and Key (or black - key because in four-colour printing, cyan, magenta, and yellow printing plates are carefully keyed, or aligned, with the key of the black key plate). When you send a job to the press, cyan, magenta, yellow and black plates are made (on a traditional press, anyhow) and then aligned to print on paper. You can add Pantone, or fifth colours, which are created as separate plates.

When working in Photoshop or Illustrator, you have the option to set your document's colour mode as CMYK, RGB (red, green, blue - for screen output) or other colour modes (but the former pair are the two you really need to know about). For more on colour systems, read this article.

Because CMYK has a more limited colour gamut than RGB (which is essentially what the eye sees and how screens output) you can experience a loss of colour when converting from RGB to CMYK in these applications.

Advertisement

03. DPI and PPI

The more dots per inch, the better quality the printed image will be

Resolution is another key term that is often confused. There are two main acronyms used when dealing with resolution: DPI and PPI.

The former is only of concern when you're creating work for printed output. It stands for 'Dots Per Inch' and refers to the number of dots per inch on a printed page. Generally, the more dots per inch, the better quality the image - and 300DPI is the standard for printing images.

PPI refers to 'Pixels Per Inch' and, as you'd expect, is the number of pixels per inch in your image. If you resize an image in Photoshop - making it larger - you will increase the number of pixels per inch (with Photoshop making up the data) and you will lose quality. There's an excellent explanation here.

Bear in mind that resolution only applies to raster graphics - because vectors do not work in pixels. And for a comprehensive guide to printing terms, this app will serve you well.

04. Typography

Can you name these typographical elements? If not, head to http://www.creativebloq.com/typography/what-is-typography-123652

Put simply, typography is the art of arranging type. It's one of the fundamentals of graphic design and one every designer should read into in great detail.

The difference between good type and great type is often what sets brilliant designers apart. And being able to spot a kerning (the space between two characters) error from a distance is somewhat satisfying! A great place to start your typography education is our comprehensive article What is Typography?.

05. Grids

Setting up a grid enables you to get your composition right

The best way to describe a grid in graphic design in a series of intersecting vertical and horizontal lines used to organise and structure content. Whether in InDesign, Photoshop or Illustrator, setting up a grid enables you to get your composition right and balance your type and imagery.

Common grid systems include a large header across the top with equally sized columns beneath - but there's no real limit on what can be created. The Grid System provides an excellent resource including lots of further reading and templates. Grid Systems in Graphic Design by Josef Muller-Brockmann is also an essential read.

06. Logo design vs branding

Logos are powerful graphic tools, but they're a just part of the branding process

Logos are powerful things; a great logo works as an instant reminder of a company or product, and for designers they represent the challenge of distilling a client's essence into a single graphic. The best logos can live for a long time, and a new logo design can be a jarring event as the familiar is replaced by something new.

What logo design isn't, though, is branding. While the logo is usually the stand-out part of a brand, there's much more to branding than a logo. A good brand identity is carefully built out of a number of elements, and the logo will reflect these elements and work within the brand system.

Taken by itself, Wolff Olins' 2012 Olympics logo attracted ridicule, but it was built to work within a much larger branding system

Designing a great logo is by no means easy; follow our definitive guide to logo design to ensure that you get it right. But creating or simply refreshing a brand can be a massive undertaking, involving a deep understanding of the brand's personality, how it's perceived, its history and function and much more. Get a taste of what you’re in for with these ten steps to designing a brand identity.

This is an updated version of an article previously published on Creative Bloq. Let us know what terms we should add to a future update of this feature!

Magazine promotion

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

site stat collection