24 Basic Graphic Design Terms For Non-Designers

Featured article thumbnail

Most clients are normal, hardworking people with limited technical knowledge. Unfortunately, this means that a lot of design jargon will fly over their heads. Its our job as graphic designers to explain what each term means or avoid jargon altogether.

Poor communication is often the culprit

We always see those Instagram posts trashing clients about misunderstanding technical terms. But, if you think about it, the misunderstanding would be the designer's fault. The designer has a responsibility to explain these terms to the client in a way they would understand.

Graphic Design memes that mock clients for not knowing graphic design terms

Poor communication is a big problem in the creative industry. Creatives often expect clients to know what "CMYK" "vector" and "PNG" means. This often causes confusion and ruins the customer experience.

Luckily, the wwworkshop team has put together this handy list of graphic design terms that you can use as a reference during the conversations with your designer.

24 Graphic Design Terms For Non-Designers

Vector Image

Vectors are image files made from mathematical equations and code. Compared to rasters, Vector files have the unique feature of being able to scale infinitely with no quality loss.

Raster Image

A raster image is a file format made up of pixels that are assigned a colour value. In raster images, the more pixels an image contains the higher its resolution. Unfortunately, raster images cannot scale infinitely without quality loss.

Ai (Adobe Illustrator)

An Ai file format stores the raster images, text and shapes that make up a photoshop design. Any designer with Adobe Illustrator can access and edit ai files.

PSD (Photoshop Document)

A PSD file format stores the raster images, text and shapes that make up a photoshop design. Any graphic designer with access to photoshop can open and edit a PSD.

INDD (InDesign Document)

An INDD file stores the raster and vector images, shapes and text that make up a layout.  Any graphic designer with access to InDesign can open and edit an INDD.  Designers frequently use InDesign to work on text-heavy projects.

SVG (Scalable Vector Graphic)

An SVG file is a vector graphic format used primarily on websites. Like other vector formats, an SVG scale infinitely as it made up of code rather than pixels.

PDF (Portable Document Format)

A PDF is a file format developed by Adobe to present documents, including text and images. The file format supports both raster and vector images, text formatting and shapes. PDFs work well for print projects.

JPEG (Joint Photographic Experts Group)

JPEG is the most common image format on the internet and is used to store photographs. If you are planning to share the final designs on social media, this is the format you would use.

PNG (Portable Network Graphic)

A PNG is a raster file format that uses lossless compression to transfer images across the internet. The key difference between a PNG and JPEG is the lossless compression and alpha channel (transparent background).

WEBP

WEBP is a brand new raster image format created by Google for the modern web. The core advantage of WEBP is that it uses lossless and lossy compression to deliver smaller images on the web.

Gradient

A design style that creates a gradual transition between two or more colours across the surface of a shape. Common types of gradients include linear, radial and diamond.  You can create gradients in almost every design program.

Typeface

A typeface is the design of lettering that can include variations, such as bold, regular, light, condensed, extended, etc. Each of these variations of the typeface is a font. Examples of typefaces include Arial, Times New Roman and Calibre.

An easy way to differentiate between font and typeface is that the typeface is the collection and font is a piece of that collection.

Font

A font is a collection of all the characters of a typeface in one size and one style. Common examples of fonts include bold and italic, but you can find others like 800, 300 and extended. The word font has gotten so popular that people often use it to refer to typefaces. We can see this with popular services like google fonts, Dafont and Font Squirrel that include it in their names. Examples of fonts include Arial bold, Times New Roman Italic and Calibre Body.

Copy

The copy is literally the graphic design term for text. Copy covers headlines, paragraphs, contact information, descriptions and anything text related you want to include in your design.

RGB (Red, Green, Blue)

RGB stands for Red, Green and Blue, which are the primary colours that make up the pixels on screens. A designer uses this format when working primarily on digital designs.

CMYK (Cyan, Magenta, Yellow, Key)

CMYK is the four colour printing process used to print out your design in the real world. A designer uses this format when working primarily on designs that will be printed.

Mockups

A mockup is a graphical representation of the final design in the real world. Mockups allow you to see how your design would look in the real world without you spending money on printing.

Mood Board

A mood board is a collection of ideas that are used to inform others of the overall feel that a designer is trying to achieve.

Serif

A serif font is a font that has the little feet at the bottom of every letter. Serif fonts are traditional, formal and suited for printed material like books and newspapers.

Sans Serif

A sans-serif font is a font that does not have the little feet at the bottom of the letters. Sans-serif means "without serif". Sans-serif fonts are modern, friendly and best suited for use in digital media.

Wireframe

A wireframe is the skeleton of your website. UX/UI designers use wireframes to plan out where elements will go on the webpage. Professional web designers often create wireframes before they start building your site. That way, you can see the layout and ask for changes before its too late.

Lettermark

Lettermarks are logos that use letters, usually the brand initials. Examples of lettermark logos in Jamaica include NCB, KFC, DMH and TSW.

Wordmark

Wordmarks are logos that are a stylistic version of the companies name. Examples of Wordmark logos include Saudicka Diaram Show, Nail it Malli and Buzzz Caribbean Lifestyle Magazine.

White Space

The art of leaving space or 'gaps' between elements to create breathing room in the overall design. Whitespace reduces clutter and makes it easier for the reader to understand the information.  I know you want to make the most of your money by using all the space, but please restrain yourself.

Conclusion

We hope this list of graphic design terms for non-designers proved to be useful. The next time you talk to your designer try using some of these words in the conversation. You just might shock them with your knowledge.

If you need help crafting the perfect brand identity for your business then shoot us message and we can discuss it in detail.

LET'S COLLABORATE

Got a project? We'd love to hear about it

wwworkshop believes in small businesses just like you, so no idea is too wacky or inconceivable for us. Send us a message so we can talk about how wwworkshop can support your vision with graphic design and web development services.

RADA website redesign