Graphic Design Vocabulary in English
20 essential graphic design words with meanings, example sentences, and free interactive exercises — ideal for B1–B2 learners.
What You'll Learn
- ✅ Core design terms: typography, layout, hierarchy, and composition
- ✅ Technical vocabulary: vector, raster, resolution, and bleed
- ✅ Colour and branding words: palette, saturation, contrast, and branding
- ✅ How to discuss design work and read design briefs in professional English
Pedagogically reviewed by LexFizz Team
Graphic design vocabulary is valuable for anyone working in a creative, marketing, communications, or digital role — and for English learners who want to understand design briefs, critique visual work, or communicate with designers in a professional context. Many of these terms also appear in Cambridge B2 and C1 texts on art, media, and business.
The world of graphic design has its own rich vocabulary that spans art, technology, and communication. From the fundamental principles of typography and layout to technical specifications like resolution and bleed, understanding these terms allows you to give and receive clear, precise feedback on visual work, and checking a term against a resource such as the Oxford Learner's Dictionaries can help you confirm its everyday meaning before you use it professionally.
One of the most important distinctions for anyone working with images is the difference between vector and raster graphics. Logos and icons should always be vector files because they can be scaled to any size without losing quality. Photographs and complex digital artwork are raster images and lose clarity when enlarged. Knowing this distinction helps you request the right file format for any design project.
Visual hierarchy is another fundamental concept: it is the arrangement of design elements in order of importance to guide the viewer's eye. Without strong hierarchy, layouts feel flat and confusing. With it, readers naturally move from the most important information to the least without conscious effort. Imagine a designer asking a client for the logo as a vector file rather than a raster image, then adjusting the kerning on the headline before final approval.
Once you are comfortable with these 20 words, explore our Technology and Art & Culture vocabulary pages for related terminology.
Word List
| Word | Meaning | Example Sentence |
|---|---|---|
| typography | the art of arranging type to make text readable and visually appealing | Strong typography is the foundation of any effective poster design. |
| layout | the arrangement of visual elements on a page or screen | The new layout puts the key message at the top of the page. |
| kerning | the adjustment of space between individual letter pairs | Poor kerning made the headline look unprofessional. |
| vector | a type of graphic defined by mathematical paths, scalable without quality loss | Always provide the logo as a vector file for large-format printing. |
| raster | a type of graphic made of pixels that loses quality when enlarged | The raster image looked sharp on screen but blurry when printed large. |
| saturation | the intensity or purity of a colour | Reducing saturation gives the palette a more muted, professional feel. |
| contrast | the degree of difference between light and dark, or between colours | High contrast between text and background improves readability. |
| hierarchy | the visual arrangement of elements in order of importance | Clear hierarchy guides the reader's eye from headline to body text. |
| white space | empty area in a design containing no text or graphic elements | Adding white space around the logo gave it more visual impact. |
| grid | an invisible structure of columns and rows used to align design elements | The magazine uses a 12-column grid to maintain consistent layout. |
| bleed | the area beyond the print edge that must be filled to avoid white borders after trimming | Set a 3mm bleed on all sides before sending the file to print. |
| mockup | a high-fidelity static visual showing the final design without interactivity | The client approved the website mockup before development began. |
| branding | the visual and verbal identity of a company or product | The rebrand updated their branding with a new logo and colour palette. |
| palette | the set of colours chosen for a design project | The brand palette uses navy, gold, and off-white across all materials. |
| composition | the arrangement and balance of visual elements within a design | The composition draws the eye to the centre of the image. |
| alignment | the positioning of elements in relation to each other or a reference line | Left alignment creates a clean, readable layout for body text. |
| resolution | the number of pixels or dots per inch that determines image sharpness | Print files require at least 300 dpi resolution for sharp output. |
| icon | a small graphic symbol representing a function, concept, or brand | The app icons were redesigned to align with the new visual identity. |
| infographic | a visual representation combining data, text, and graphics | The infographic made complex statistics easy to understand at a glance. |
| wireframe | a low-fidelity structural sketch showing layout and content placement | The team agreed on the wireframe before producing the final design. |
Practice with These Exercises
Wordsearch
Find graphic design words hidden in the grid
Anagram
Unscramble the letters to spell each design term
Hangman
Guess the graphic design word letter by letter
Flash Cards
Review graphic design vocabulary with spaced repetition
Practice What You've Learned
LexFizz has 30 free interactive exercises — no sign-up needed.
Browse All Exercises →Related Vocabulary Topics
Frequently Asked Questions
What is the difference between vector and raster graphics?
Vector graphics are defined by mathematical paths — lines, curves, and shapes — that can be scaled to any size without any loss of quality. They are ideal for logos, icons, illustrations, and any graphic that needs to appear at multiple sizes. Raster graphics are made of a fixed grid of pixels; when enlarged, individual pixels become visible and the image appears blurry. Photographs are raster; logos should always be supplied as vector files.
What does typography mean in graphic design?
Typography is the art and technique of arranging type — selecting typefaces, sizes, weights, line spacing, letter spacing, and overall layout — to make written language legible, readable, and visually effective. Good typography is largely invisible: it guides the reader comfortably through content. Poor typography creates friction — text that is hard to read, feels wrong, or fails to communicate the brand's personality.
What is the difference between kerning and leading?
Kerning is the manual adjustment of the space between specific pairs of letters to achieve optically even spacing — for example, reducing the gap between A and V so they sit naturally close together. Leading (pronounced “ledding”) is the vertical space between lines of text. Both are tools for fine-tuning typography to improve readability and aesthetics. Tracking is a related term: it adjusts the overall letter spacing across a whole block of text, not just specific pairs.
What does hierarchy mean in design?
Visual hierarchy is the organisation of design elements so that the viewer's eye moves in a deliberate sequence, from the most important to the least important information. It is achieved through differences in size, weight, colour, contrast, and position. A strong headline, medium subheading, and smaller body text creates a clear three-level hierarchy. Without hierarchy, a layout feels flat and readers do not know where to focus.
What is white space and why does it matter?
White space (also called negative space) is the empty area in a design — space that contains no text, image, or other element. Far from being wasted space, white space gives layouts breathing room, reduces cognitive load, helps direct the viewer's attention, and creates a sense of quality and refinement. Premium brands use generous white space in their communications. Crowded, busy layouts feel cheap and are harder to read.
What does bleed mean in print design?
Bleed is the area that extends beyond the final trim size of a printed document. When paper is trimmed after printing, slight variations in the cutting process can leave thin white borders if the design stops exactly at the trim edge. Extending backgrounds, images, and colours 3mm beyond the trim edge — into the bleed area — ensures a clean edge with no white gaps. Bleed is essential for any professionally printed document.
What is the difference between a mockup and a wireframe?
A wireframe is a low-fidelity structural sketch that shows the layout and placement of elements without final colours, real images, or final typography — essentially a blueprint. A mockup is a high-fidelity static representation of the final design, showing accurate colours, fonts, real imagery, and visual detail, but without interactivity. Wireframes are used for planning and agreement on structure; mockups are used for client approval of visual design.
What does resolution mean for digital and print design?
Resolution is the number of pixels (for screens) or dots (for print) per inch. Screen designs are typically created at 72–96 ppi and look sharp on monitors. Print designs require at least 300 dpi to appear sharp when printed, because the printed dots are physically tiny. An image that looks fine on screen at 72 ppi will appear blurry when printed because there are not enough dots to reproduce the detail at physical scale.
Does graphic design vocabulary appear in English exams?
Design and media vocabulary appears in Cambridge B2 First and C1 Advanced texts on art, technology, and business. Words like layout, composition, hierarchy, and contrast are useful in descriptive and analytical writing tasks. Specialist print terms like bleed and kerning are more relevant in professional design contexts than in mainstream English exams.
How can I practise graphic design vocabulary in English?
Flash Cards are ideal for learning pairs like vector/raster and mockup/wireframe. Wordsearch reinforces spelling of longer words like composition and infographic. Reading English-language design publications — Creative Bloq, Design Week, or Smashing Magazine — provides authentic professional vocabulary in context. Note that design professionals use these terms precisely, so understanding exact meanings is more important than simply recognising the words.