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

WordMeaningExample Sentence
typographythe art of arranging type to make text readable and visually appealingStrong typography is the foundation of any effective poster design.
layoutthe arrangement of visual elements on a page or screenThe new layout puts the key message at the top of the page.
kerningthe adjustment of space between individual letter pairsPoor kerning made the headline look unprofessional.
vectora type of graphic defined by mathematical paths, scalable without quality lossAlways provide the logo as a vector file for large-format printing.
rastera type of graphic made of pixels that loses quality when enlargedThe raster image looked sharp on screen but blurry when printed large.
saturationthe intensity or purity of a colourReducing saturation gives the palette a more muted, professional feel.
contrastthe degree of difference between light and dark, or between coloursHigh contrast between text and background improves readability.
hierarchythe visual arrangement of elements in order of importanceClear hierarchy guides the reader's eye from headline to body text.
white spaceempty area in a design containing no text or graphic elementsAdding white space around the logo gave it more visual impact.
gridan invisible structure of columns and rows used to align design elementsThe magazine uses a 12-column grid to maintain consistent layout.
bleedthe area beyond the print edge that must be filled to avoid white borders after trimmingSet a 3mm bleed on all sides before sending the file to print.
mockupa high-fidelity static visual showing the final design without interactivityThe client approved the website mockup before development began.
brandingthe visual and verbal identity of a company or productThe rebrand updated their branding with a new logo and colour palette.
palettethe set of colours chosen for a design projectThe brand palette uses navy, gold, and off-white across all materials.
compositionthe arrangement and balance of visual elements within a designThe composition draws the eye to the centre of the image.
alignmentthe positioning of elements in relation to each other or a reference lineLeft alignment creates a clean, readable layout for body text.
resolutionthe number of pixels or dots per inch that determines image sharpnessPrint files require at least 300 dpi resolution for sharp output.
icona small graphic symbol representing a function, concept, or brandThe app icons were redesigned to align with the new visual identity.
infographica visual representation combining data, text, and graphicsThe infographic made complex statistics easy to understand at a glance.
wireframea low-fidelity structural sketch showing layout and content placementThe team agreed on the wireframe before producing the final design.

Practice with These Exercises

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.