Charmellow : Graphic Design & Letterpress Studio
Real design from a real designer.

Blog

Graphic Design Glossary for Clients

Graphic Design Glossary for Clients

You’ve seen her around town: running between grabbing lattes and press checking at the local printer. She’s hip, always laughing and tweeting the day away. Using hashtags and embedding images. You envy her savvy. You dread the day that you have to call her up for some social media consulting, her and all her tech savvyness, because you’re afraid she’ll be speaking the lingo — and you won’t understand a thing. 

Agonize no more, small business owner. This glossary is for you. 

In these info-snacks lies the key to decoding all those mysterious technology related words you quickly pretend you know in conversation. No more Google-ing the latest slang, you can “bye Felicia” those urban dictionary definitions forever. 

Graphic Design Glossary

  1. Adobe Creative Suite This is the umbrella term for the suite of programs designers use to create all their magic. The suite includes Adobe Acrobat, Abobe InDesign, Photoshop, Illustrator, Dreamweaver, Flash, Lightroom, After Effects, Final Cut Pro, Bridge, and more. 

  2. Branding is the system used to market a company, person or thing. The system is based on the logo, mission, values, colors, fonts, imagery all used to describe and represent said company, person or thing.

  3. CMS stands for Content Management System. It is the interface you use to manage the contents of your website, blog, shop and galleries. 

  4. CMYK (Cyan, Magenta, Yellow, Black) This is the four color process print items are based on. 

  5. Comp/Mock-up is a rough draft of a design, it shows you fundamental design and functionality. But DO NOT freak out if it doesn’t look completely finished. Because it’s not.

  6. Copywriting/Copy refers to the text provided for a website or print publication. Also applies to posters, social media, blogging. 

  7. DPI (Dots Per Inch) This explains the image sharpness. 

  8. Facebook Cover This is the larger image on your business Facebook page used to show off your store or merch. The smaller image is called a Profile Image. 

  9. Font A complete set of letters, numbers, marks in a specific style and family, like Helvetica or Times New Roman. (But never, ever Comic Sans.) 

  10. GIF (Graphics Interchange Format) These little buddies pack a whopping 256 colors in their format, and support animations. Currently used commonly on Facebook in memes. 

  11. Graphic Design An umbrella term that includes: logos, web design, publication design, photography, typography, layout, production, wayfinding & signage, advertising, motion graphics & animation, illustration, creative writing, copywriting, brainstorming, research, prepress & more. Magic and jiggerypokery are sometimes also involved. 

  12. Hashtag These buddies are best incorporated in Instagram and Twitter posts. A hashtag is a pound sign on your keyboard. It is used in front of words and phrases to categorize and organize posts so they are easily searchable and clickable. Appropriate hashtags depend on your posts, but include things like location, style, color and other one word details. If you are a craft brewery, your hashtags might be something like #craftbeer, #drinklocal, #craftbrewery, #ilovecraftbeer. 

  13. Hierarchy A ranking of information. In graphic design, this refers to Headlines, sub-titles and body copy as visually organized on the page.

  14.  Icons are simplified graphic imagery that explains text or replaces it totally. 

  15.  Illustration is an image that is drawn by hand or on a computer. It helps to explain text and concepts. 

  16. JPEG (Joint Photographic Electronic Group) A common way of compressing pixels. One of the most common file types. Photos are saved this way from our digital cameras.  

  17. Lettering is the process of forming letters in an illustrated way. Duh.

  18. Logo A logo is a mark or icon often paired with text that identifies a person, place, thing, or company. 

  19. PDF (Portable Document Format) Another very common file format, PDF embed images, fonts and more compressed into a printable or instantly readable file. Printers typically request PDF because they can be made press quality and don’t require additional assets to print from. 

  20. PNG (Portable Network Graphics) Provides a lossless compression, which is great for Facebook and online applications. 

  21. Raster files are bitmapped images that do lose quality and definition as scaled. 

  22. Resolution determines output quality. High Resolution means there are more pixels per inch, Low Resolution means there are far fewer pixels per inch. You need high resolution for print, and lower resolution for web.

  23. RGB (Red, Green, Blue) This is the three colors screen color is based on.

  24. SEO stands for Search Engine Optimization. This is a website-related term that refers to the searchability of your site. If you have all photos and no words on your site, your site will not really be optimized for search engines to find you. Do your site a favor: write up some relevant content that Google will love crawling, and watch your site rise in the ranks. 

  25. Social Share Image This is an image for a brand or company that is useful, funny, branded, philanthropic or anything shareable on social media. 

  26. Square Space Site Square Space is a platform that anyone can purchase and use to set up a website. It is managed through a CMS system so that all aspects can be updated easily by the owner or designer. Square Space uses templates and customization to set up a site with no coding needed. 

  27. Typography is the art of moving letters, numbers, quotes and more around on a page until it looks pleasing. 

  28. Vector files are scaleable without any loss. They retain their crispness until rasterized. 

  29. Web Development The process of developing a site once design has been decided on. Usually involved data transfer, coding and testing.

  30. Widget Widgets are add-ons to websites primarily designed in Wordpress. They include things like Booking Calendars, Instant Quote Calculators, Contact forms and more. 

  31. Wire frame is a website first step that gives basic layout and functionality of a website. (No actual wire required, or indeed used.)

  32. Wordpress Site Wordpress is a platform that anyone can sign up for and use to set up a website. It is managed through a CMS system so that all aspects can be updated easily by the owner or designer. Wordpress uses templates and customization to set up a site with no coding needed. Wordpress began as a blogging platform but has capabilities for very sophisticated custom websites. It is the older of the two I mention here.