The Ultimate Graphic Design Glossary: Terms Every Designer Should Know

This comprehensive design glossary brings together essential design terms in one alphabetical reference.

From foundational concepts like alignment, balance, and contrast to technical terms such as bleed, crop marks, DPI, and resolution, each entry explains the language behind effective visual communication. You’ll find branding terms like brand identity, brand mark, brand guidelines, and brand positioning, alongside detailed typography definitions including ascenders, descenders, kerning, leading, tracking, serif, sans serif, x-height, widows, and orphans.

The glossary also covers brand color systems (CMYK, RGB, HEX, Pantone), layout principles (grid systems, visual hierarchy principles, white space, proximity), file formats (SVG, EPS, PNG, JPEG, TIFF), and production terminology related to vector graphics, raster images, and scalable output.

Digital design terms such as UI, UX, responsive design, CTA, landing pages, accessibility, and user journey are included, along with marketing and branding language such as collateral, campaigns, sustainable packaging design, trademarks, and visual storytelling.

Whether you’re refreshing the basics, clarifying industry jargon, or preparing to collaborate with designers and clients, this glossary serves as a practical, easy-to-navigate reference for the language of design.

Let’s get started.

Adobe Acrobat

Adobe Acrobat is a program for working with PDF files. It lets you create, view, edit, and share PDFs easily. You can convert PDFs into Word, Excel, or PowerPoint files, and combine multiple documents into one PDF. Many features work directly in your browser for convenience and secure file management.

Alley

An alley is the blank vertical space between columns of text on a page. It helps separate content and improves readability. An alley is not the same as a gutter, which is the inner margin space between two facing pages in a book or magazine layout.

Alpha Channel

An alpha channel is used in graphic design to control transparency. It stores information about which parts of an image are visible or hidden. This allows images or colors to blend smoothly when layered. In 32-bit graphics, the fourth channel is the alpha channel, which manages transparency.

Animated GIF

An animated GIF is an image file that contains multiple frames shown in sequence. These frames play automatically in a loop to create simple motion or animation. It does not include sound and is widely used online for short, repeating visuals and expressive content.

Animation

Animation is the process of showing a series of images in quick succession to create the illusion of movement. Each image is slightly different from the one before it. When played together at speed, they appear as continuous motion in films, videos, games, or digital media.

Aliasing

Aliasing, also called spatial aliasing, happens when image edges look jagged or stair-stepped instead of smooth. It occurs because pixels cannot perfectly represent curved or diagonal lines at low resolution. As a result, the outline of objects appears rough or uneven, reducing overall image clarity and visual quality.

Anti-aliasing

Anti-aliasing is a technique that smooths jagged edges in digital images. It works by blending the colors of edge pixels with nearby background pixels to create smoother curves and lines. This reduces roughness, though it can sometimes make edges appear slightly softer or less sharp.

Aperture

In typography, an aperture is the open space inside a letter that is not fully closed. It is the gap that allows light or white space to enter the shape. Letters like “C,” “S,” and “e” have apertures that affect readability and overall type style.

Apex

In typography, an apex is the top point where two strokes of a letter meet. It is usually sharp or angled. For example, the uppercase “A” has an apex at its highest point, and the letter “X” has apexes where its strokes intersect.

Arm

In typography, an arm is a horizontal or diagonal stroke that extends from a letter without connecting at one end. It projects outward from the main stem. In some cases, it is also called a crossbar, depending on its position and function.

Ascender

An ascender in typography is the part of a lowercase letter, like b, d, or h, that rises above the main body of the text, known as the x-height. It helps distinguish letters, improves readability, and gives the typeface its unique visual rhythm and style.

Ascender line

The ascender line in typography is an imaginary horizontal line that marks the top of ascenders on lowercase letters, like b, d, or h. It shows how high these parts of letters extend above the main body (x-height), helping maintain consistent letter proportions and alignment in a typeface.

Ascent line

The ascent line in typography is an imaginary horizontal line above the baseline that marks the topmost point of the tallest glyphs in a typeface. It helps define the maximum height letters can reach, ensuring consistent spacing, alignment, and overall readability across text.

ASP (Active Server pages)

ASP, or Active Server Pages, is a Microsoft-developed software tool that allows developers to create interactive and dynamic web pages. It processes server-side scripts, generates HTML content, and delivers it to users’ browsers, enabling websites to respond to user input and display customized content efficiently.

Axis

In typography, the axis is an imaginary line around which the main strokes of a letter are arranged. It shows the direction of stress in a character, helping define its style, weight distribution, and overall appearance, especially in curved letters like o, c, or e.

Accessibility

Accessibility in design ensures that websites and digital products can be used by people with different abilities. It includes readable text, clear navigation, and compatibility with assistive technologies.

Adaptive Design

Adaptive design is a web design approach that creates multiple fixed layouts for different screen sizes. The website detects the user’s device and displays the layout that best fits the screen.

AI (Adobe Illustrator File)

An AI file is a vector graphics file created using Adobe Illustrator. It stores editable artwork such as logos, illustrations, and typography, allowing designers to modify shapes, colors, and layers easily.

AI (Adobe Illustrator)

AI is the native file format used by Adobe Illustrator for creating vector graphics. It stores editable artwork such as logos, illustrations, and typography, allowing designers to scale and modify elements without losing quality.

Alignment

Alignment is the arrangement of elements so they line up along a common edge, center, or axis. It helps create order and structure in a design, making layouts easier to read and visually organized.

Analogous Colors

Analogous colors are groups of colors that sit next to each other on the color wheel, such as blue, blue-green, and green. They create a harmonious and smooth color scheme often used to produce calm and cohesive designs.

Asymmetry

Asymmetry is a design approach where elements are arranged unevenly while still maintaining visual balance. It often creates a more dynamic and modern composition.

Ball Terminal

A ball terminal in typography is the small, rounded, or circular end found on the stroke of certain letters, like a, c, or f. It adds a decorative touch, improves readability, and gives the typeface a distinct personality and elegant appearance.

Banner

A banner is the top section of a newspaper or magazine’s front page. It displays important information such as the publication name, volume, and date. The headline is usually in a larger font, while other details are smaller. In newspapers, a banner headline may also indicate the main story.

Baseline

The baseline is an imaginary horizontal line on which most letters in a typeface sit. It ensures consistent alignment of text. Some letter shapes, like rounded or descending letters (g, p, q), extend below the baseline, but it serves as the main reference for the text’s overall structure and balance.

Beak

In typography, a beak is a sharp, pointed extension at the end of a letter’s arm or stroke. It adds character and style to the typeface, enhances visual distinction between letters, and contributes to the overall design and readability of the text.

Bevel

In graphic design, a bevel is an effect that gives an image or object a 3D appearance. By highlighting its edges and inner surfaces, the beveled effect makes the object look raised or recessed, adding depth, dimension, and a more realistic or visually appealing appearance.

Bilateral serifs

Bilateral serifs are small decorative lines or strokes added to both ends of a letter’s main vertical or horizontal stroke. They enhance readability, give the typeface a classic or formal appearance, and help maintain visual balance and structure in printed or digital text.

Bit-mapped

Bit-mapped mode in image graphics refers to images made up of tiny individual pixels, each representing either black (on) or white (off). This mode is commonly used for detailed images without vector data, allowing precise control over each pixel’s appearance but limiting scalability.

Black (font)

A black font is a typeface style that is heavier and thicker than the bold version within the same font family. It has more visual weight, making text stand out strongly, and is often used for headlines, titles, or any content requiring maximum emphasis and impact.

Bleed

Bleed is a printing technique where an image or background extends beyond the page edges to reach all four corners. To achieve this, the design is first printed on a larger sheet and then trimmed to the final size, ensuring no white edges appear on the finished page.

Block quote

A block quote is a formatting style used to highlight a longer quotation taken from another source. It is usually displayed as a separate section of text, often indented or styled differently from the main content. Designers and writers use block quotes to clearly show cited statements or important excerpts.

Blur

Blurring is a photography and design technique that makes parts of an image appear soft or out of focus. It can be applied while taking a photo or later using software. Designers use blurring to direct attention, highlight important elements, and create depth or visual emphasis in a composition.

Bleed is a printing technique where an image or background extends beyond the page edges to reach all four corners. To achieve this, the design is first printed on a larger sheet and then trimmed to the final size, ensuring no white edges appear on the finished page.

Body height

In typography, body height refers to the total vertical space that a character occupies, from its lowest point to its highest point. It includes all parts of the letter, such as ascenders, descenders, and the main body, helping maintain consistent spacing and alignment in text.

Body type

Body type is the typeface chosen for the main text of a page. It is used in newspapers, magazines, blogs, and other publications to ensure readability and consistency. This typeface forms the bulk of the content, making the text easy to read and visually appealing.

Bowl

In typography, a bowl is the curved, enclosed part of a letter that connects to a stroke, as seen in letters like b, d, or p. It can also refer to fully circular letters, such as o, and helps define the shape, style, and readability of a typeface.

Bracket

In typography, a bracket is a small curved or angled connection between a letter’s serif and its main stem. It smooths the transition between the two, giving the typeface a more refined and cohesive appearance. Not all serifs have brackets, as some are straight or unbracketed.

Browser

A browser is software that allows users to access and view web pages on the internet. It interprets website data, including text, images, and videos, and displays it in a readable format. Common browsers include Chrome, Firefox, Safari, and Edge, enabling smooth navigation across the web.

Byline

A byline is a line or short phrase in books, magazines, newspapers, or other publications that names the author of an article or piece. It gives credit to the writer, usually appearing at the beginning or end of the text, helping readers identify who created the content.

Balance

Balance is the distribution of visual weight within a design. By arranging elements evenly or strategically, designers create a stable and harmonious layout that feels comfortable to the viewer.

Binding

Binding is the process of assembling and securing printed pages together to create books, magazines, or booklets. Common binding methods include stapling, glue binding, and spiral binding.

Blend Mode

Blend mode controls how one layer interacts with the layers beneath it. By adjusting blending options, designers can create effects like shadows, highlights, and color overlays.

Brand Guidelines

Brand guidelines are a set of rules that explain how a brand should be visually and verbally represented. They include instructions for logos, colors, fonts, and messaging to ensure consistency across all materials.

Brand Identity

Brand identity is the collection of visual elements that represent a brand, such as logos, colors, typography, and imagery. These elements help create a consistent look and make the brand recognizable to its audience.

Branding Assets

Branding assets are the visual and design elements used to represent a brand. These include logos, color palettes, typography, icons, images, and templates that help maintain a consistent brand appearance.

Branding

Branding is the process of shaping how a company or product is perceived by its audience. It involves creating a unique name, design, voice, and identity that distinguishes the brand from competitors.

Brightness

Brightness refers to how light or dark a color appears. Increasing brightness makes colors look lighter and more vibrant, while reducing brightness makes them appear darker.

Call out

A callout is a text label connected to an image with an arrow or pointer. It provides information or describes a specific part of the image, helping viewers quickly understand details or important features based on where the pointer is directed.

Camera-ready

Camera-ready copy is a publication or document that is fully prepared for printing without needing further changes. It can be a physical layout or a digital file, like from desktop publishing software, and is ready to be used directly to create printing plates for final production.

Cap height

Cap height in typography is the distance from the baseline to the top of a capital letter. It defines how tall uppercase letters are compared to lowercase letters in the same typeface, helping maintain consistent proportions and visual balance in text.

Caption

A caption is a short, clear description accompanying an image. It provides context or information about the picture, helping readers understand its meaning. Captions are commonly used in magazines, newspapers, and online media to grab attention and explain the content of photos, illustrations, or graphics.

Cast shadow

A cast shadow is the shadow that an object or image creates on a surface when light falls on it. It adds depth and dimension, making the object appear three-dimensional and more realistic, enhancing the overall visual effect in design, photography, or illustration.

Check box

A check box is a small square on web pages or computer screens that allows users to make selections. When clicked, it activates a feature or records a response. Check boxes are commonly used in online forms, surveys, and questionnaires to gather user input efficiently.

Clip-art

Clip-art is a pre-made image or illustration available in print or digital form. Unlike photographs, it is created by hand or with software. Easily accessible and widely used, clip-art serves both personal and professional purposes, providing quick visual elements for documents, presentations, and designs.

CMYK

CMYK is a color model used in printing. It stands for Cyan, Magenta, Yellow, and Key (Black). Colors are created by mixing these four inks. Black is called “Key” because it provides depth and contrast, completing the range of colors for accurate and vibrant print results.

Colors

Color is an important element in design that adds life, emotion, and meaning to visuals. Colors appear in nature and everyday objects, and each color can represent different moods or messages. Designers study color psychology to understand how colors influence feelings, attract attention, and communicate ideas effectively.

Color separation

Color separation is the process of dividing an image into its four color components: Cyan, Magenta, Yellow, and Black (CMYK). Each color is printed on a separate plate, and when combined on paper, they create a full-color image, ensuring accurate color reproduction in printing.

Color Space

A color space is a defined system for representing colors using numerical values within a specific range, known as a gamut. It allows devices such as cameras, monitors, and printers to capture, display, and reproduce colors consistently by mapping them within a mathematical model. Common color spaces include RGB for digital screens, CMYK for printing, and XYZ used in color science.

Column gutter

A column gutter is the space between two text columns in a layout. Also called an alley, it ensures that text from adjacent columns doesn’t overlap, improving readability and visual balance. It is different from the general term “gutter,” which can refer to page margins or edges.

Comprehensive layout

A comprehensive layout is a detailed blueprint of a publication showing how text, graphics, and illustrations will be arranged on the page. It guides designers and writers by specifying content placement, font choices, and visual elements, ensuring the final publication is organized, visually appealing, and ready for production.

Concept

A concept is a general idea or understanding formed in the mind. It is created by observing examples, events, or illustrations and drawing connections between them. Concepts help organize thoughts, guide creativity, and provide a foundation for planning, problem-solving, or designing in various fields.

Condensed font

A condensed font is a typeface that is narrower than the regular version of the same font. It is used to save space, fit more text into a given area, or create a distinct visual effect, while maintaining readability and style in the design.

Continuous

Continuous tone refers to artwork or images that display smooth variations in shades of gray, without visible dots or patterns. Examples include black-and-white photographs or sketches made with pencil or charcoal. This technique creates realistic depth, shading, and subtle transitions between light and dark areas in the image.

Cookie

A cookie is a small piece of data sent from a website and stored in a user’s web browser. It remembers information about the user, such as previous visits or searches, allowing the website to personalize content, settings, and improve the browsing experience for that user.

Counter

In typography, a counter is the enclosed or partially enclosed space within a letter or number. Examples include the center of o, b, d, p, q, 6, and 8. Counters help define the shape of characters, improve readability, and contribute to the overall appearance of a typeface.

Creative brief

A creative brief is a document that provides designers with a clear understanding of a client’s requirements. It includes all essential information about the project, such as goals, target audience, and desired outcomes, guiding the design process and ensuring the final product meets the client’s expectations.

Crop marks

Crop marks, also called trim marks, are lines printed on a sheet to show where an image or page should be cut. They guide the printer, especially when printing bleeds, where images extend beyond the page edges and are trimmed to achieve a clean, finished layout.

Cropping

Cropping is the process of removing unwanted parts of an image to focus on the important area. It helps improve composition, remove distractions, and enhance the overall visual impact. Cropping is one of the most commonly used tools in photo editing and graphic design.

Cross stroke

A cross stroke in typography is a horizontal line that passes through the main stem of certain letters, such as lowercase f and t. It is often confused with a crossbar, but unlike a crossbar, a cross stroke cuts through a single stroke rather than connecting two.

Crossbar

A crossbar, also called a bar, is a horizontal line that connects two main strokes of a letter. Examples include the uppercase A and H. It helps define the structure of the character, contributes to the typeface’s style, and improves readability in text.

Crotch

In typography, a crotch is the inside space where two strokes of a letter meet, forming an acute angle. Examples include the meeting point in letters like V, W, and Y. The crotch affects the letter’s appearance, balance, and overall readability in a typeface.

CSS

CSS is a coding language used to style and format web pages written in HTML or XHTML. It controls the appearance of text, images, layouts, colors, and other elements, allowing designers to create visually appealing and consistent websites efficiently.

Cutline

A cutline, also called a photo caption, is a brief explanation accompanying an image. It provides context or information about the picture in just a few words. Unlike longer captions, a cutline is short and concise, giving readers a quick understanding of the photo or illustration.

Call to Action (CTA)

A call to action, or CTA, is a prompt that encourages users to take a specific step, such as clicking a button, signing up, or making a purchase. It helps guide users toward desired actions.

Cap Height

Cap height refers to the height of uppercase letters in a typeface, measured from the baseline to the top of capital characters. It helps define the proportions and readability of a font.

Cinemagraph

A cinemagraph is a still photograph that contains a small repeating motion in a specific area. It blends photography and video to create subtle, eye-catching visual effects.

Clipping Path

A clipping path is a vector outline used to isolate a specific part of an image. It allows designers to remove backgrounds or highlight objects while keeping edges clean and precise.

Coating

Coating is a finishing layer applied to printed materials to protect the surface and enhance appearance. It can create matte, glossy, or satin finishes depending on the desired look.

Color System

A color system is an organized palette of colors used throughout a brand or design project. It includes primary, secondary, and supporting colors to ensure consistent visual identity and harmony.

Color Theory

Color theory is a set of guidelines used to combine and organize colors effectively in design. It explains how colors interact, complement each other, and influence emotions, helping designers create visually balanced and appealing compositions.

Columns

Columns are vertical sections used to organize text and content within a layout. They help structure information clearly and are commonly used in newspapers, magazines, and web designs.

Complementary Colors

Complementary colors are pairs of colors located opposite each other on the color wheel, such as blue and orange. When used together, they create strong visual contrast and make designs appear more vibrant and eye-catching.

Composition

Composition is the way visual elements are arranged and organized within a design. It focuses on creating balance, focus, and visual flow so that the design communicates its message effectively.

Concept Art

Concept art is visual artwork created to represent ideas, characters, environments, or styles before final production. It helps define the creative direction of a project.

Contrast Ratio

Contrast ratio measures the difference in brightness between text and its background. Higher contrast ratios improve readability and are important for making digital content accessible to all users.

Contrast

Contrast is the difference between two elements in a design, such as color, size, or shape. Strong contrast helps highlight important information and improves readability by making elements stand out clearly from each other.

Cool Colors

Cool colors are colors that evoke calm and soothing feelings, such as blue, green, and purple. They are often used to create a relaxing or professional atmosphere in design.

Corporate Identity

Corporate identity is the overall visual and communication style that represents a company. It includes elements like logos, brand colors, stationery, and marketing materials that create a consistent business image.

Descender

In typography, a descender is the part of a lowercase letter that extends below the baseline, such as in g, j, p, q, and y. Some uppercase letters in certain typefaces may also have descenders. They help define letter shapes and improve readability and visual balance in text.

Descender line

The descender line in typography is an imaginary horizontal line located below the baseline. It marks the lowest point that the descender of a letter, such as g, j, p, q, or y, can reach. This line helps maintain consistent spacing and alignment in a typeface.

Descent line

The descent line in typography is an imaginary horizontal line below the baseline that marks the lowest point of the tallest descender in a typeface. It helps define the vertical space a font occupies, ensuring consistent alignment, spacing, and proportion across all characters in the text.

DHTML/Dynamic HTML

DHTML, or Dynamic HTML, is a web development technique used to create interactive and dynamic web pages. It combines HTML, CSS, and JavaScript to allow content, style, and page elements to change in real-time, enhancing user experience without needing to reload the entire web page.

Diactric

A diacritic is a mark added to a letter to indicate correct pronunciation. Also called an accent mark, it modifies the sound or meaning of the character. Diacritics are commonly used in languages like French, German, and Spanish to guide proper reading and pronunciation.

Diagonal stroke

In typography, a diagonal stroke is a slanted line that forms part of a letter’s structure. It appears at an angle, connecting different parts of the character, as seen in letters like A, K, N, and V. Diagonal strokes add style, movement, and visual balance to the typeface.

Dingbat typeface

A dingbat typeface is a font that replaces letters and numbers with symbols, ornaments, or decorative designs. Instead of standard text, it provides small graphic elements that can be used for decoration, bullets, icons, or visual interest in documents, publications, and digital designs.

Discretionary hyphen

A discretionary hyphen, also called a soft hyphen, is used to divide a word at the end of a line when it doesn’t fit. It indicates that the word continues on the next line, helping maintain proper text alignment and improving the layout’s readability and appearance.

Display type

Display type is a larger and often bolder font than body type, designed to attract attention. It is primarily used for headings, titles, or advertisements. Its size and style make text stand out, helping emphasize key information and create visual interest in print or digital layouts.

Dithering

Dithering is a process where the colors of an image are reduced to show a third color which is also present. It makes the image look even and the effect is achieved by adding noise to the picture. Therefore the images seem blur or distort.

DNS/Domain Name System

DNS, or Domain Name System, is a system that assigns human-readable names to websites and domains. It translates these names into IP addresses, allowing computers to locate and connect to websites easily. DNS makes navigating the internet simpler by replacing numeric addresses with readable domain names.

Dot

In typography, a dot, also called a tittle, is the small mark placed above the stem of certain lowercase letters, such as i and j. It helps distinguish letters, improves readability, and is an essential part of the character’s design in many typefaces.

DPI (dots per inch)

DPI, or dots per inch, measures the resolution of an image or printed material. It indicates how many tiny dots a printer or screen can place in one inch. Higher DPI means sharper, more detailed images. Common laser printers usually print at around 300 DPI.

Draft

A draft is a preliminary sketch or blueprint of an image, graphic, or design. It provides a rough idea of the final appearance, layout, or composition. While it serves as a guide for planning, the draft may differ significantly from the completed product once finalized.

Drop shadow

A drop shadow is a visual effect added to an image or object to create the illusion of depth. It simulates a shadow behind the element, making it appear raised or three-dimensional, enhancing visual contrast, realism, and overall impact in graphics, design, and digital layouts.

Drop-down menu

A drop-down menu is a list of options on a website or software interface that appears when a user clicks or hovers over a tab. It organizes choices neatly, saves space, and allows users to quickly navigate or select items without cluttering the screen.

Duotone

A duotone is an image created using two colors, typically black and another shade. This technique enhances visual interest, highlights specific areas, and adds depth to the image. Duotones are commonly used in printing and design to draw attention and create striking, artistic effects.

Design System

A design system is a collection of reusable design components and guidelines used to create consistent digital products. It includes styles, patterns, and rules that help teams design and build interfaces efficiently.

Die-cut

Die-cutting is a printing process that cuts paper or packaging into custom shapes using a specialized metal die. It is often used for labels, packaging, and unique printed materials.

Display Font

A display font is a decorative typeface designed for large text such as headings, titles, or banners. It is meant to attract attention and add personality to a design rather than being used for long paragraphs of body text.

Ear

In typography, an ear is a small decorative stroke that extends from the top right of a lowercase g. It can also appear in certain styles of the lowercase r. Ears add character, style, and subtle detail to letters, enhancing the overall look of the typeface.

Egyptian type

Egyptian type, developed in the mid-19th century, is a typeface where the serifs have the same weight as the main strokes. Slab serif is the most common style, featuring bold, thick letters with heavy, rectangular serifs, making it highly visible and suitable for headlines and display text.

Em space

An em space is a typographic unit equal to the point size of a typeface. For example, if a font is 12 points, one em space equals 12 points. It is used for spacing, indentation, and layout, helping maintain consistent proportions in text design.

En space

An en space is a typographic unit equal to half the point size of a typeface. For example, in a 12-point font, one en space equals 6 points. It is commonly used for spacing, indentation, and aligning text while maintaining consistent proportions in a layout.

Emboss or embossing

Embossing is a graphic effect that makes a part of an image appear raised or engraved. It creates the illusion that certain elements are layered on top of the background, adding depth, texture, and a three-dimensional appearance to designs, illustrations, or printed materials.

Error 404

Error 404 is a common web error that appears when a server cannot locate a requested web page. It indicates that the page may have been moved, deleted, or the URL typed incorrectly. This error helps users know the page is unavailable and prompts them to check or navigate elsewhere.

Expanded font

An expanded font is a typeface where the characters are wider than the standard version. The letters are stretched horizontally, giving text a broader appearance. Expanded fonts are used to make text stand out, fill space, or create a bold, attention-grabbing effect in headlines and designs.

Export

Export is the process of saving a file in a format that can be used in other programs or platforms. Graphic designers use exporting to share, print, or repurpose their work, ensuring compatibility while preserving the design, layout, and quality across different software and applications.

Extended typefaces

Extended typefaces are fonts with a horizontally stretched body compared to regular fonts. Unlike expanded fonts, where individual characters are widened, extended typefaces make the overall text appear broader without altering the proportions of each character. Examples include Latin Wide and Egyptian Expanded, which differ in style and design.

Eye

In typography, the eye is the enclosed space within the lowercase letter e. It is formed by the curve of the letter and the horizontal stroke. The eye helps define the shape and readability of the character, contributing to the overall appearance and legibility of the typeface.

Easing

Easing controls the speed of an animation over time, making movements start slowly, accelerate, or slow down at the end. It creates more natural and realistic motion.

Emphasis

Emphasis is a design technique used to highlight a specific element so it stands out from the rest. Designers create emphasis through size, color, contrast, or placement to attract attention.

EPS

EPS, or Encapsulated PostScript, is a vector file format commonly used for high-quality graphics and printing. It stores scalable artwork that can be resized without losing clarity, making it useful for logos and illustrations.

Facing pages

Facing pages are the two pages that appear side by side when a book, magazine, or similar publication is opened. They are positioned opposite each other, with one on the left and the other on the right, allowing readers to view and read both pages together at the same time easily.

Feather

Feather is the extra space added between lines, paragraphs, or headings in a page layout. This additional spacing helps adjust the position of text so that the baselines of lines in different columns line up evenly, making the page look neat, balanced, and visually organized for readers.

Final file format

Final file format refers to the type of file used to deliver the completed design to a client. Designers export their work in formats suitable for printing or digital use. Common examples include AI, CDR, EPS, PDF, PSD, JPG, GIF, and TIF, each supporting different purposes, quality levels, and software compatibility.

Finial

In typography, a finial is the small, thin, and curved ending found at the end of certain letter strokes. It usually appears in lowercase letters like “c” and “e.” This feature gives the letter a smooth and finished look, adding style and detail to the overall design of the typeface.

Flag

In typography, a flag is a small, sharp line or stroke that appears on the top right side of the number five in some typefaces. It is a tiny design detail added to the numeral, helping give the character a clearer shape and a more distinctive appearance.

Flash

Flash, also known as Adobe Flash, is a multimedia and animation software used to create vector graphics, animations, games, and interactive web content. It allowed designers to add graphics, videos, and effects to websites that worked across different browsers. However, its use on modern websites has greatly declined.

Flash logo

A Flash logo is a logo created using Adobe Flash software. These logos often include animation, movement, or interactive effects that make them more dynamic than static logos. They were commonly used on websites to attract attention, but their use has decreased as modern web technologies replaced Flash.

Flight check

Flight check is a software tool that examines design or document files before printing or final production. It checks files created in programs like Adobe Illustrator or PDF for possible errors, such as missing fonts, incorrect images, or formatting problems, helping designers fix issues before sending the work to clients or printers.

Folio

Folio refers to the page number in a document, book, or publication. It helps readers keep track of pages and navigate the content easily. The folio is usually placed in the header or footer of a page and is an important element in organizing printed or digital documents.

Font

A font is a set of letters, numbers, and symbols designed with a particular style, size, and appearance. Fonts are used to display text in documents and designs. Each font belongs to a font family and shares common design features with other fonts in the same family.

Form

A form is a section on a web page used to collect information from users. People can enter details such as names, email addresses, or messages into fields. These forms, often called web forms or HTML forms, help websites gather data and allow users to communicate or submit requests online.

Four color process

The four color process is a printing method used to create full-color images. It uses four basic ink colors: cyan, magenta, yellow, and black (CMYK). These colors are printed as tiny dots that overlap or appear close together, allowing different shades and colors to form when viewed from a normal distance.

Frame

In graphic design, a frame is a single image that is part of a sequence of many images. Each frame shows a small step of movement or change. When these frames are displayed one after another quickly, they create the effect of animation or motion in videos, GIFs, or digital media.

Flat Design

Flat design is a minimalist design style that uses simple shapes, bright colors, and clean typography without heavy shadows or gradients. It focuses on clarity and usability while keeping interfaces modern and visually clean.

Foiling

Foiling is a decorative printing technique that applies a thin metallic foil to a surface using heat and pressure. It creates shiny, reflective accents often used in luxury packaging and invitations.

Folding

Folding is the process of bending printed sheets into specific shapes or sections. It is commonly used in brochures, pamphlets, and mailers to organize content.

Font Family

A font family is a group of related fonts that share the same design but vary in style or weight. For example, a font family may include regular, bold, italic, and light versions of the same typeface.

Font Weight

Font weight refers to how thick or thin the characters of a font appear. It helps create emphasis and readability in text. Common weights include light, regular, bold, and extra bold, allowing designers to highlight important words and create visual hierarchy.

Frame Rate

Frame rate refers to the number of frames displayed per second in a video or animation. Higher frame rates create smoother motion, while lower frame rates may appear less fluid.

Galley

A galley is text that is arranged in columns before the final page layout is completed. In desktop publishing, galleys are printed from page layout programs so editors can review the text, check for errors, and adjust spacing or length before the document is finalized for printing or publication.

GIF

GIF (Graphic Interchange Format) is a type of compressed image file used to create bitmap graphics. It is widely used on the internet because the files are small and load quickly. GIF images can display up to 256 colors and are often used for simple graphics, icons, and short animations.

Glow

Glow is a visual effect used in graphic design where a soft light or dark highlight appears around an image, object, or text. It creates the impression that the element is shining or standing out from the background. Designers use glow to attract attention and add depth or emphasis.

Glyph

In typography, a glyph is the visual form of a character shown as a symbol, such as letters, numbers, or punctuation marks like H, 2, or ?. A typeface may include different glyphs for the same character. These alternate designs give designers more options for styling text.

Golden Ratio

The Golden Ratio is a mathematical principle used to create balanced and visually pleasing designs. It is a special number pattern found in nature, such as in shells, flowers, and leaves. Designers often apply the golden ratio when creating logos, layouts, and illustrations to achieve harmony, proportion, and a more natural visual flow.

Gradient

A gradient is a graphic design tool that creates a smooth transition between colors or shades. It slowly changes the color from dark to light or from one color to another. Gradients are commonly used in digital design to add depth, visual interest, and a more natural color variation.

Graphic design

Graphic design is the art of creating visual content using typography, colors, images, and layouts to communicate ideas or messages. It helps present concepts in a clear and attractive way. Graphic design is used in many areas such as web design, logo creation, brochures, posters, pamphlets, and marketing materials.

Grayscale images

Grayscale images, also called black and white images, are pictures made using different shades of gray instead of colors. They are bitmap images formed with tiny dots. Darker areas contain larger or denser dots, while lighter areas have smaller or fewer dots, creating variations in brightness and detail.

Greeked text

Greeked text is placeholder text used in page layouts when the real content is not yet available. It helps designers see how the text will look and fit on a page. A common example is “Lorem Ipsum,” a meaningless sample text used to display the structure and appearance.

GUI/ Graphical User Interface

GUI, or Graphical User Interface, is a system that allows users to interact with a computer through visual elements such as icons, windows, buttons, and menus. Instead of typing commands, users can click and navigate easily, making computers simpler and more user-friendly for performing different tasks.

Gutter

Gutter is the blank space between two facing pages in a book, magazine, or document. This space is left to allow room for binding so that the pages can be joined together properly. A well-sized gutter ensures the text near the center is not hidden or difficult to read.

GIF Animation

GIF animation is a short looping animation made from a sequence of images stored in the GIF file format. It is widely used on websites and social media for simple animated visuals.

Grid System

A grid system is a structured framework of rows and columns used to organize content in a layout. It helps designers align elements consistently and create balanced, well-structured designs.

Gutter

A gutter is the space between columns of text or design elements in a layout. It helps separate content and improves readability by preventing elements from appearing crowded.

Hairline

Hairline in typography is the thinnest stroke of a letter or character in a typeface. It appears in fonts where strokes have different widths. Hairlines create contrast with thicker strokes, helping letters look more elegant, balanced, and clear in the overall design of the typeface.

Halftone

Halftone is a printing technique used to create images with continuous tones by using many small dots. These dots vary in size to show different shades. Darker areas contain larger or denser dots, while lighter areas have smaller dots, allowing detailed images to appear when viewed from a distance.

Halftone screen

Halftone screen is a tool used in printing and publishing to create images using tiny dots. The number of dots per inch affects the image quality. More dots produce a clearer image. Dark areas have larger or denser dots, while lighter areas contain smaller dots to show different shades.

Hang indent alignment

Hanging indent alignment is a text formatting style where the first line starts at the left margin and the following lines are indented to the right with equal spacing. This format is often used in lists, references, or bibliographies to make items easier to read and clearly organized.

Hard hyphen

Hard hyphen is a hyphen that permanently joins two parts of a word and always remains visible. The word is not broken at another place during line wrapping. It differs from a soft hyphen, which only appears when a word splits at the end of a line.

Hard return

A hard return is the mark that ends a paragraph in a document. It is created when the user presses the Enter key on the keyboard. This action starts a new paragraph. In many text editors, it is shown with a pilcrow symbol (¶), which looks like a reversed letter P.

Head

A head is a short phrase or line of text that appears larger than the main body text in a document. It introduces or summarizes the content that follows. Heads help readers quickly understand the topic and attract attention to important sections of the text.

Hex

A hex code is a six-digit code used to represent colors in web design. It begins with a hash symbol (#) followed by numbers and letters. Each pair of characters controls the intensity of red, green, and blue (RGB), allowing designers and developers to display precise and consistent colors on websites.

Hexadecimal

Hexadecimal is a number system that uses sixteen symbols: the numbers 0–9 and the letters A–F. It is commonly used in computers to represent binary numbers in a shorter and easier form. This system helps programmers and designers work with digital data more efficiently.

Hook

Hook in typography is the curved or bent part at the end of a stroke in a letter. It appears in some characters, such as the lowercase “f.” This small curved detail helps shape the letter and adds style to the overall design of the typeface.

HTML

HTML, or Hypertext Markup Language, is the standard coding language used to create and structure web pages on the internet. It uses tags to organize content such as text, images, and links. Web developers use HTML to build the basic layout and structure of websites.

Hue

Hue is a term used to describe a color or the basic type of color we see, such as red, blue, green, or yellow. It refers to the different variations of a color that help distinguish one color from another in design, art, and digital graphics.

Hyperlink

A hyperlink is a piece of text, image, or element on a webpage that connects to another webpage, document, or location. When users click it, they are taken directly to the linked content. Hyperlinks help people navigate easily between pages and access related information online.

Hypertext

Hypertext is a type of digital text that contains links connecting it to other documents, pages, or sections. These links allow users to move easily from one piece of information to another. Hypertext is widely used on websites to organize content and help readers navigate related information quickly.

Hyphenation zone

Hyphenation zone is the space near the right margin in ragged-right text where words may be split with hyphens. It helps prevent large empty gaps at the end of lines. Designers may also use discretionary hyphens to break long words properly and keep the text layout neat and balanced.

Hero Section

A hero section is the large, prominent area at the top of a webpage. It typically includes a headline, image, and call-to-action to capture attention and communicate the main message.

Hierarchy

Hierarchy is the arrangement of elements to show their level of importance. Designers use size, color, contrast, and placement to guide the viewer’s attention from the most important information to the least.

Illustration

Illustration is artwork created by artists to visually represent an idea or concept. It can include drawings, paintings, sketches, or photographs. Illustrations make designs more interesting and attractive. They are often created using artistic or digital tools to add visual impact and help communicate messages clearly in books, advertisements, and media.

Image map

An image map is a single image on a web page that contains multiple clickable areas. Each area acts as a hyperlink and leads to a different page or section. It allows one image to provide several links, helping users navigate to different content by clicking specific parts of the image.

Interlace

Interlace is a technique used in digital images where a low-quality or rough version of the image appears first and then gradually becomes clearer. The image loads in stages, improving step by step until the full, detailed picture is displayed to the viewer.

Italic

Italic in typography is a style of text where the letters are slightly slanted to the right. It is based on handwritten forms and has smoother curves and shapes than regular fonts. Italic text is often used to emphasize words, titles, or special parts of the content.

Icon Set

An icon set is a collection of icons designed with a consistent style and theme. These icons are often used in websites, apps, and interfaces to represent different actions or categories.

Icon

An icon is a simple graphic symbol used to represent an object, action, or concept. Icons help users quickly understand functions in digital interfaces and improve visual communication.

Iconography

Iconography refers to the use and design of icons or visual symbols to represent ideas, actions, or objects. Icons help communicate information quickly and improve user understanding in digital interfaces and designs.

Infographic

An infographic is a visual representation of information or data. It combines graphics, charts, icons, and short text to present complex information in a clear and engaging way.

Interactive Design

Interactive design focuses on creating engaging experiences where users can interact with digital elements. It includes features like animations, clickable elements, and responsive feedback.

Italic

Italic is a font style where characters are slightly slanted to the right. It is often used to emphasize words, highlight titles, or distinguish certain parts of text within a paragraph.

JavaScript

JavaScript is a programming language used to create interactive features on web pages. It helps developers add elements such as graphics, images, animations, and dynamic content. With JavaScript, websites can respond to user actions, making web pages more interactive, functional, and engaging for visitors.

JPEG

JPEG (Joint Photographic Experts Group) is a digital image file format used to store photographs in a compressed form. It reduces file size using mathematical compression methods by removing less important image details. This allows images to take up less storage space while still maintaining acceptable visual quality.

Kerning

Kerning is the adjustment of space between two characters in a word. It is used to reduce or increase the gap so the letters look evenly spaced. Proper kerning improves the appearance of text and prevents large or uneven spaces that can make the typography look unbalanced or unprofessional.

Keyline

Keyline is a thin outer line used in design and printing to show the exact size, shape, and position of an image or element. It acts as a guide for placement and trimming, helping designers and printers ensure the final printed image appears correctly and in the right location.

Kicker

A kicker is a short phrase or line placed above the main heading of a text or article. It is usually written in a smaller font than the headline but larger than the body text. The kicker introduces the topic and gives readers a quick idea of the content.

Knockout

Knockout is a printing technique where one colored element is removed from the area beneath another element. Instead of printing colors on top of each other, the background color is “knocked out” so the top color prints clearly. This prevents colors from mixing and keeps the final image accurate.

Knolling

Knolling photography is a style where objects are neatly arranged and photographed from above. The items are organized in a clean, symmetrical, and visually pleasing way. This technique is popular on social media because it creates organized, aesthetic images that highlight every object clearly and attract viewers’ attention.

Keyframe

A keyframe is a specific point in an animation where a change in position, scale, rotation, or other property is defined. Animation software automatically fills the movement between keyframes.

Landscape (orientation)

Landscape orientation is a page layout where the width of the page is greater than its height. In this format, the page appears wider than it is tall. It is the opposite of portrait orientation and is often used for presentations, images, charts, and wide designs.

Lap register

Lap register is a printing technique where colors are slightly overlapped to ensure they meet correctly. This small overlap prevents unwanted white gaps from appearing between different colors during printing. It helps maintain a clean, smooth look in the final printed image or design.

Leader

A leader is a row of small dots or lines used in a document to guide the reader’s eye from one piece of information to another. It often connects text to page numbers or sections, helping readers easily follow and locate related information in a publication.

Leading

Leading is the vertical space between two lines of text in typography. It is measured as the distance from the baseline of one line to the baseline of the next line. Proper leading improves readability and makes the text easier and more comfortable for readers to follow.

Leg

Leg in typography is the slanted or angled stroke that extends from the main part of a letter. It can be seen in characters such as “K” and “R.” This stroke gives the letter its distinctive shape and helps define the structure and style of the typeface.

Letterform

Letterform in typography refers to the specific shape and design of a character. It includes the curves, strokes, and structure that give each letter its unique appearance. Different letterforms add style and beauty to text and help create the overall visual character of a typeface.

Ligature

Ligature in typography is a special character formed by joining two letters together into a single symbol. It is used to improve the appearance and readability of text. Common examples include combinations like “fi” or “fl,” where the letters are connected and displayed as one unified character.

Light (font)

Light (font) is a typeface style that has thinner strokes than regular or normal fonts. It appears lighter in weight but is still thicker than very thin styles such as extra-light, ultra-light, thin, or hairline. Light fonts are often used to create a clean and elegant appearance in typography.

Line – art

Line art is a type of artwork created using only two colors, usually black and white. It uses clear lines to form images without shading or gradual color changes. Examples include pen-and-ink drawings and simple digital graphics, where the picture appears on a plain background with strong outlines.

Link

Link in typography is the small stroke in the lowercase letter “g” that connects the upper part of the letter to the lower loop. This connecting part helps form the structure of the character and keeps the two sections of the letter visually joined together.

Logotype

A logotype, often called a logo, is a visual symbol, name, or design used to represent and identify a company, brand, organization, or product. It helps the public recognize and remember the brand easily. Logos are widely used in advertising, branding, packaging, and marketing materials.

Loop

Loop in typography is the enclosed or circular part of the lowercase double-story “g” that appears below the baseline. It forms the lower section of the letter and connects to the upper part through a small stroke, helping create the complete shape and structure of the character.

Low resolution image

A low-resolution image is a picture that contains fewer pixels, so it lacks detail and may appear blurry or distorted. Because the image has limited visual information, it does not display sharp edges or clear features. Low-resolution images are usually smaller in file size but lower in visual quality.

LPI

LPI stands for Lines Per Inch, a measurement used in printing to describe the number of halftone lines or dots placed in one inch. It helps determine the quality and detail of a printed image. Higher LPI values usually produce smoother and more detailed printed pictures.

Lamination

Lamination is a finishing process where a thin plastic film is applied over printed materials. It protects the surface from damage and can provide either a glossy or matte finish.

Landing Page

A landing page is a standalone webpage designed for a specific marketing campaign or goal. It focuses on guiding visitors toward a single action, such as signing up or making a purchase.

Layer

A layer is an individual level in a design file that holds separate elements such as images, text, or shapes. Layers help designers organize and edit different parts of a design without affecting other elements.

Layout

Layout refers to the arrangement of text, images, and other visual elements on a page or screen. A good layout guides the viewer’s eye and ensures information is presented clearly and effectively.

Ligature

A ligature is a typographic feature where two or more letters are combined into a single character. It improves the appearance and readability of text, especially in letter pairs like “fi” or “fl”.

Looping

Looping refers to repeating an animation or video continuously without stopping. It is often used for background animations, loading indicators, or short visual effects.

Lorem Ipsum

Lorem Ipsum is placeholder text commonly used in design and publishing. It allows designers to focus on layout and typography without being distracted by meaningful content during the design process.

Majuscule

Majuscule in typography refers to uppercase or capital letters used in writing. These letters are usually larger and often used at the beginning of sentences, for proper names, or to highlight important words. Examples include A, B, C, and other capital forms in the alphabet.

Masthead

Masthead is a section in a publication that lists the people involved in creating it. It usually includes the names of editors, writers, designers, photographers, and sponsors. The masthead may also provide contact details, subscription information, and other important details about the publication and its team.

Measure

Measure in typography is the length or width of a line of text, usually measured in picas. It refers to how much horizontal space a line occupies, whether the line is full, partial, or empty. When text is arranged in columns, the width of each column is called the column measure.

Meta tag

Meta tag is an HTML tag placed in a web page’s code that provides information about the page’s content. It helps search engines understand what the page is about. Meta tags can include descriptions, keywords, and other details that improve how the page appears in search results.

Mezzotint

Mezzotint is a printing technique used to create images with soft tones instead of visible dots like regular halftones. It produces rich, smooth shading that gives the image a textured or dusty look. Mezzotint images often have a classic, vintage feel and are commonly printed in black-and-white or sepia tones.

Miniscule

Minuscule in typography refers to lowercase or small letters used in writing. These letters are smaller than capital letters and are commonly used in regular text. Examples include a, b, c, and other lowercase forms. Minuscule letters help improve readability and create a natural flow in sentences and paragraphs.

Moiré pattern

Moiré pattern is a visual effect that appears when fine lines or patterns overlap incorrectly in an image. It often happens when a bitmap image is resized, enlarged, or reduced. This creates unwanted wavy or ripple-like patterns that distort the image and reduce its clarity and quality.

Monospace type

Monospace type is a typeface where every character takes up the same amount of horizontal space. Unlike regular fonts, each letter, number, or symbol is equally spaced. This style was commonly used in typewriters and is often used in coding, programming, and technical documents for clear alignment.

Mouse over

Mouse over is the action of moving the cursor over an icon, button, or menu on a screen without clicking it. When this happens, the item may change color, show extra information, or display a menu. It helps users interact with websites or software easily and discover available options.

Mock-Up

Mockups are ready-made visual templates used to display how a brand design will look in real life. They help designers present logos, packaging, or stationery in a realistic way. Mockups allow both designers and clients to preview and evaluate a brand identity before the final design is approved and produced.

Margin

Margin is the empty space surrounding the outer edges of a page or design element. It helps create breathing room, improves readability, and prevents content from appearing too crowded.

Marketing Collateral

Marketing collateral refers to promotional materials used to support marketing and sales efforts. Examples include brochures, flyers, presentations, and digital assets that communicate brand messages.

Masking

Masking is a design technique used to hide or reveal parts of an image or layer. It allows designers to control which areas are visible without permanently removing content from the design.

Micro-interaction

A micro-interaction is a small animation or response triggered by a user action, such as clicking a button or hovering over an element. These interactions improve usability and make interfaces feel more responsive.

Minimalism

Minimalism in design focuses on simplicity by removing unnecessary elements and emphasizing essential content. It uses clean layouts, limited colors, and ample spacing to create clear and visually balanced designs.

Mobile-first Design

Mobile-first design is a strategy where designers create websites starting with the smallest screen sizes first. The design is then expanded for larger devices like tablets and desktops.

Monochromatic Colors

A monochromatic color scheme uses different shades, tones, and tints of a single color. It creates a clean and unified appearance while still allowing variation through brightness and intensity.

Monospace

Monospace is a font style where every character occupies the same amount of horizontal space. It is commonly used in coding, programming, and technical documents because it keeps text neatly aligned.

Mood Board

A mood board is a collection of images, colors, textures, and design references used to communicate a visual concept. Designers use it to explore ideas and define the style of a project.

Motion Graphics

Motion graphics are animated visual elements used in videos, presentations, or digital interfaces. They combine graphics, text, and movement to explain ideas, attract attention, and enhance storytelling.

Negative space

Negative space is the empty area around or between the main elements of a design or image. When used effectively, it helps highlight the main subject and can even form hidden or secondary shapes. Negative space adds balance, clarity, and a creative visual effect to artwork and graphic design.

Neon glow

Neon glow is a visual effect that makes text or images appear to shine with bright, glowing neon colors. It creates a luminous, eye-catching look, often used to highlight or emphasize elements in designs, posters, or digital graphics, giving them a vibrant and modern appearance.

Nested stories

Nested stories are articles in newspapers or magazines that appear within different layouts, columns, or sections. They can vary in size and placement, often positioned inside or alongside main stories. This design helps organize content clearly while allowing multiple related or smaller stories to be presented on the same page.

Navigation

Navigation refers to the system that allows users to move through a website or application. It usually includes menus, links, and buttons that help users find information quickly and easily.

Objected oriented (mode)

Object-oriented (mode) is a graphic method where images are created using geometric shapes and patterns. It relies on algorithms to define lines, curves, and regions, forming the complete picture. This approach allows precise, scalable graphics that can be easily edited, often used in computer graphics, design, and technical illustrations.

Oblique type

Oblique type is a font style where the letters are slightly slanted to the right. Unlike italic type, oblique keeps the same basic shapes as the regular font without changing curves or forms. It is often used for emphasis while maintaining the original structure of the characters.

Offset printing

Offset printing is a common printing method where an inked image is first transferred from a metal plate to a rubber blanket, and then onto paper. This three-step process produces high-quality, consistent prints, making it ideal for newspapers, books, magazines, and large-scale printing projects.

Opacity

Transparency in design refers to the level of visibility or opacity of an element, such as an image, color, or background. By adjusting transparency, designers can make elements more see-through or solid. This technique helps create layered effects, add depth, and improve visual balance in digital or print designs.

Open counter

Open counter is the partially enclosed space within a letter or character that is open on one side. Unlike fully closed areas, this gap gives certain letters, like “C” or “S,” their distinctive shapes. Open counters affect readability and overall appearance in typography and design.

Orphan

Orphan is the first or last line of a paragraph that appears alone at the top or bottom of a page. It is separated from the rest of the paragraph because the remaining text continues on the next or previous page. Orphans can disrupt reading flow and page layout.

Oblique

Oblique is a slanted version of a typeface created by tilting the regular font. Unlike italics, oblique fonts usually do not have redesigned letterforms and are simply angled versions of the original style.

Orphans

In typography, an orphan is a single word or short line of text that appears at the beginning of a new page or column. It can disrupt readability and is usually adjusted during layout design.

Palette

A color palette is a selection of colors chosen to represent a brand or design theme. It usually includes an odd number of colors that work well together. Designers use a palette to maintain consistency, create harmony, and make it easier to apply the brand’s colors across different designs.

Pantone Matching System

Pantone Matching System (PMS) is a standardized color system used in printing to ensure accurate color reproduction. Each color is assigned a unique Pantone number, allowing designers and printers to match and reproduce the exact shade consistently, especially when using spot colors for branding, logos, and professional print materials.

Paste-up

Paste-up is a technique in desktop publishing where text or graphics from different sources are combined into a single layout. Text can be copied or cut from one program and placed elsewhere electronically, while images and other elements are arranged together on a board to create a complete, ready-to-print design.

Photography

An image can convey ideas and emotions more quickly than words. Photography is a creative way to capture and share visuals, widely used in art, design, branding, and marketing. It helps communicate messages effectively, enhance visual appeal, and create a strong connection with audiences across different media.

Pica

Pica in typography is a unit of measurement used to size columns, margins, and other spaces in page layouts. One pica equals 12 points. Designers and typographers use picas to ensure consistent spacing, alignment, and proportions, helping create balanced and visually appealing printed or digital documents.

Point

Point is a unit of measurement in typography used to define font size, spacing, and other page layout elements. One point is approximately 1/72 of an inch. Points help designers maintain consistency in text and layout, ensuring that type and spacing are precise and visually balanced.

Portable Network Graphics (PNG)

Portable Network Graphics (PNG) is an image file format that uses lossless compression, keeping image quality intact. It is widely used on the internet for web graphics, supporting transparency and high-quality visuals. PNG was developed to replace the older GIF format, offering better color support and clearer images.

Posterization

Posterization is a process in image editing where continuous tones are reduced to a few distinct shades. Instead of smooth gradients, the image shows abrupt transitions between colors or brightness levels. This effect creates a stylized, graphic look, often used for artistic purposes or to emphasize contrast in images.

Printer Font

Printer font refers to high-resolution fonts or bitmap outlines used by printers to produce text on paper. These fonts define the shape of each character precisely, allowing the printer to accurately stamp or render letters and symbols, ensuring clear, sharp, and readable printed text in documents and designs.

Process color separation

Process color separation is a technique used to reproduce color photographs in printing. It divides an image into four basic colors—cyan, magenta, yellow, and black (CMYK). These colors are combined in different amounts to create a wide range of hues, allowing accurate and vibrant color printing.

Proportionally spaced type

Proportionally spaced type is a font style where each character has a different amount of space based on its shape and width. Wider letters take more space, while narrower ones take less. This spacing creates a natural, balanced look in text, improving readability and making paragraphs visually appealing.

Pull quote

Pull quote is a phrase or sentence taken from an article and displayed separately from the main text. It is usually highlighted, enlarged, or bolded to draw attention. Pull quotes emphasize key points, break up long text, and add visual interest, making content more engaging and easier to read.

Punctuation block

Punctuation block occurs when lines of right-aligned text end with punctuation marks, causing the right margin to look uneven or jagged. This happens because the spacing adjusts to fit the alignment, creating a “craggy” edge. It is a common issue in justified text design and layout.

Print Media

Print media refers to physical materials that are produced through printing, such as brochures, magazines, posters, flyers, and newspapers. Although digital content is common today, print media is still widely used for marketing, branding, and communication. Designers often follow specific print terms and guidelines when preparing files for professional printing.

Packaging Design

Packaging design involves creating the visual appearance and structure of product packaging. It combines graphics, colors, typography, and materials to protect the product and attract customer attention.

Padding

Padding is the space between the content inside an element and its border. It provides internal spacing that helps improve layout structure and makes text or images easier to read.

Paper Stock

Paper stock refers to the type, weight, and quality of paper used for printing. Different stocks affect the appearance, durability, and feel of printed materials.

Parallax

Parallax is a web design effect where background elements move at a different speed than foreground elements during scrolling. This creates a sense of depth and makes the page more visually engaging.

Pattern

Pattern is the repetition of shapes, colors, or elements in a design. It adds consistency, rhythm, and visual interest while helping unify different parts of a layout.

Pixels

Pixels are the tiny individual squares that make up digital images on screens. Each pixel contains color information, and together they form the pictures, graphics, and text seen on monitors, phones, and other displays.

PPI

PPI stands for pixels per inch and measures the pixel density of a digital image or display. A higher PPI means more pixels are packed into an inch, resulting in sharper and more detailed visuals.

Primary Colors

Primary colors are the basic colors that cannot be created by mixing other colors. In traditional color theory, they are red, blue, and yellow, and they are used to create all other colors.

Print Bleed

Print bleed is the extra area of an image that extends beyond the final trim edge of a printed design. It ensures that no unwanted white edges appear after the paper is cut.

Prototype Testing

Prototype testing is the process of evaluating an interactive prototype with users to identify usability issues. It helps designers improve navigation, functionality, and overall user experience before development begins.

Prototype

A prototype is an early interactive version of a design used to test how a product or interface will work. It helps designers visualize layouts, navigation, and user interactions before final development begins.

Proximity

Proximity is a design principle that groups related elements close together. By placing connected items near each other, designers help viewers understand relationships between information and improve overall organization.

PSD (Photoshop File)

A PSD file is the native file format used by Adobe Photoshop. It stores images, layers, effects, and editing information, allowing designers to modify and adjust graphics while keeping all elements organized.

PSD (Photoshop)

PSD is the native file format used by Adobe Photoshop. It supports multiple layers, effects, and editing tools, allowing designers to create and modify complex images while keeping each element organized.

Quaint

Quaint in typography is a decorative connecting stroke between two letters. It links characters smoothly, giving the text an elegant or vintage appearance. This stylistic feature enhances the visual appeal of fonts, often making them look classic, artistic, or reminiscent of old-fashioned or antique typefaces.

QuarkXPress

QuarkXPress is a desktop publishing software used to create and design print and digital publications. It allows users to layout text, images, and graphics for magazines, newspapers, brochures, and books. The software provides precise control over typography, colors, and page design, making it a professional tool for publishing.

QuickTime

QuickTime Video is a multimedia software created by Apple that plays, records, and edits audio and video files. It supports a wide range of formats, allowing smooth playback and high-quality media handling. QuickTime is commonly used for streaming, video editing, and viewing digital content on computers and devices.

Ragged right alignment

Ragged right alignment is a text layout where lines start at the left margin and are left-aligned. The right margin is uneven because extra white space appears at the end of lines. This creates a “ragged” or jagged edge, giving a casual, informal, and readable appearance to the text.

Raster

Raster is an image format, also called a bitmap, made up of a grid of tiny pixels arranged in rows and columns. Raster images can be large in file size and may lose quality or become distorted when enlarged. They are stored in various image file formats for digital use.

Radial

Radial refers to a design that spreads out from a central point in all directions, forming a circular pattern. It is often used to describe layouts, shapes, or gradients that move outward like rays of light. Designers use radial elements to create balance, focus, and a sense of movement in visual designs.

Recto

Recto refers to the right-hand page in an open book or publication. It typically carries an even page number and faces the left-hand page, known as the verso. Recto pages are often used for important content, headings, or illustrations in printed documents and books.

Redrawing

Redrawing is the process of sketching or creating an image again with improvements or changes. It involves revising the original design to enhance details, correct errors, or update elements. Redrawing allows artists and designers to produce a refined, clearer, and more polished version of the initial image.

Resolution

Resolution is the measure of detail and clarity in an image. It is usually expressed in dots per inch (dpi) or pixels. Higher resolution means more tiny dots or pixels, resulting in sharper, clearer images. Lower resolution can make images look blurry or pixelated, especially when enlarged.

Reverse

Reverse refers to a design or text style where light-colored elements appear on a dark background, often using white or pale colors against darker shades. This technique highlights the content, creates contrast, and makes text or images stand out, adding visual impact and improving readability in graphic design or print.

Revision

Reverse refers to a design or text style where light-coloreRevision is the process of reviewing and improving an image or graphic. It involves identifying errors, making corrections, and applying modifications to enhance quality, accuracy, and appearance. Revisions ensure that the final design is polished, visually appealing, and meets the intended standards or requirements for print or digital use.

RGB

RGB is a color model that combines Red, Green, and Blue light to create a wide range of colors on digital screens. By mixing these three colors in different intensities or percentages, RGB can produce millions of shades, making it the standard model for monitors, TVs, and digital displays.

Right justified alignment

Right justified alignment is a text layout where lines are adjusted so that both the left and right edges of the text are even. Extra space is added between words to create a straight, uniform right margin, giving the text a clean, formal, and balanced appearance on the page.

Rivers

Rivers in typography are visually distracting gaps of white space that run vertically through a block of text. They occur when uneven spacing between words aligns across lines, creating irregular, flowing patterns. Rivers can disrupt readability and the visual harmony of a paragraph, making text harder to follow.

Roman type

Roman type is a widely used font style and one of the three main Western typefaces. Its letters are upright and usually have small decorative strokes called serifs, though some versions are sans serif. Roman type is popular for readability and is commonly used in books, documents, and print materials.

Rough

Rough is a detailed preliminary sketch or blueprint of an image or publication. It shows the design, layout, and approximate appearance at the intended final size. Roughs are typically shared with clients for review and approval before the final version is produced, ensuring the design meets expectations.

Rule (ruling line)

Rule (ruling line) is a straight geometric line used in page design and layout to organize and separate content. Unlike a regular text line, a rule serves as a guide or visual divider, helping structure the page, align elements, and create a clean, organized appearance in printed or digital layouts.

Run in heading

Run-in heading is a heading that appears on the same line as the body text instead of on a separate line. It is usually highlighted using bold or italic font to distinguish it from the main text, helping organize content while maintaining a compact and continuous layout.

Run-around

Run-around type is text that flows around an image, illustration, or photograph instead of appearing above or below it. This layout wraps the text closely along the edges of the visual element, creating a balanced and visually appealing design while integrating images seamlessly with the surrounding content.

Running heads/feet

Running heads/feet are titles or headings placed at the top (head) or bottom (foot) of each page in a publication. They usually include the publication’s title or chapter name along with the page number. Running heads and feet help readers navigate and identify pages easily throughout the document.

RAW

RAW is an unprocessed image file format captured directly by digital cameras. It contains more image data than standard formats, allowing photographers and designers greater control when editing color, exposure, and details.

Repetition

Repetition is the consistent use of visual elements such as colors, fonts, shapes, or patterns throughout a design. It helps create unity, strengthen brand identity, and make the layout feel more organized.

Responsive Design

Responsive design is an approach that allows websites to adjust automatically to different screen sizes and devices. It ensures content looks and functions well on desktops, tablets, and smartphones for a consistent user experience.

Rhythm

Rhythm in design is created by repeating elements with variation or spacing. It guides the viewer’s eye through the layout and adds a sense of movement and visual flow.

Rows

Rows are horizontal sections used in a layout or grid system to organize content. They help structure elements like text, images, and buttons in a clear order, making designs easier to read and visually balanced.

Rule of Thirds

The rule of thirds is a design guideline that divides a layout into nine equal sections using two horizontal and two vertical lines. Placing important elements along these lines creates a more balanced and engaging composition.

Sans serif

Sans serif is a typeface that does not have small decorative strokes or lines (serifs) at the ends of letters. Its clean, simple appearance makes it easy to read on screens and in print. Helvetica is a well-known example of a sans serif font widely used in design.

Scaling

Scaling is the process of resizing an image or artwork by enlarging or reducing its dimensions. In desktop publishing, scaling helps adjust the artwork to fit a layout correctly. It can also minimize visual issues like moiré patterns, ensuring the final design remains clear, balanced, and visually appealing.

Screen (tint)

Scaling is the process of resizing an image or artwork by enlargScreen (tint) in graphic art is a technique where an area is filled with evenly sized dots to create a uniform color or shade. By controlling the spacing and density of the dots, artists and designers can produce consistent tones, subtle gradients, and smooth color effects in printed or digital images.

Screen font

Screen font is a typeface designed to appear on computer or digital display screens. It is usually bitmapped, meaning it is made of pixels, which can result in lower resolution compared to printed fonts. Screen fonts are optimized for readability and clarity on monitors and other digital devices.

Script

Script in typography is a typeface inspired by handwriting. Its letters are usually slanted and connected with smooth, flowing strokes, giving the text an elegant and decorative appearance. Script fonts are often used for invitations, logos, and designs where a personal, artistic, or formal style is desired.

Serif

Serif in typography is a small decorative line or stroke added to the ends of a letter’s main strokes. These extensions improve readability and give text a classic look. Times New Roman is a well-known example of a serif typeface, widely used in books, newspapers, and printed documents.

Shoulder

Shoulder in typography is a curved stroke, often semi-circular, that connects to the main vertical stem of a letter. It is commonly found in lowercase letters like m and n, shaping the arches of these characters and contributing to the overall style, readability, and flow of the typeface.

Sidebar

Sidebar is a short article or story in a newspaper or magazine that accompanies a main article. It is related in topic but provides extra information, context, or highlights. Sidebars are often enclosed in a box or separate section to draw attention and complement the primary content.

Slab Serif

Slab serif is a type of serif font with thick, square-shaped endings on the letters. These fonts look bold, strong, and blocky compared to regular serif styles. Designers often use slab serif fonts in posters, headlines, and logos because they create a powerful, sturdy, and attention-grabbing appearance.

Small caps

Small caps in typography are uppercase letters designed to match the height of lowercase letters, typically the font’s x-height. They look uniform with lowercase text while maintaining the form of capital letters. Small caps are often used for emphasis, acronyms, headings, or to create a balanced, elegant text appearance.

Solarization

Solarization in photography is a technique that creates a partially reversed image. Dark areas appear light, and light areas appear dark. In black-and-white photos, whites turn dark while midtones remain lighter. This effect produces a striking, surreal look, often used for artistic or experimental photographic styles.

Solid

Solid is a type of line spacing where there is no extra gap between lines of text. The ascenders of one line and the descenders of the line above are very close, which can make reading difficult because the eye has less space to move smoothly from one line to the next.

Spine

Spine in typography is the central curved stroke of the letter s, shaping its distinctive form. It appears in both lowercase and uppercase S and defines the letter’s flow and balance. The spine is an important feature in type design, affecting readability and the overall style of the font.

Spot color separation

Spot color separation is a printing technique used in offset printing where each solid color in a design is separated and printed with its own specific ink. It provides precise, vibrant colors, making it ideal for highlighting text or logos, but it is not suitable for producing full-color photographs or complex images.

Spread

Spread refers to two facing pages in a publication, such as a book, magazine, or brochure, that are viewed together as a single layout when the document is open. Designers use spreads to create cohesive designs across both pages, ensuring visual balance and continuity in text, images, and graphics.

Spur

Spur in typography is a small projection or edge that extends from the curve of a letter. It is often seen on letters like G or S. Spurs add detail and character to a typeface, contributing to its style, readability, and overall visual appeal.

Standing

Standing elements are components in a page layout that appear consistently on every page of a publication in the same position. Common examples include headers, footers, and page numbers. These elements provide structure, continuity, and easy navigation, helping readers recognize important information throughout the document or book.

Standoff

Standoff is the space maintained between text and a graphic or between two blocks of text in a layout. It ensures that elements do not touch or crowd each other, improving readability and visual clarity. Proper standoff creates a balanced, organized, and aesthetically pleasing design on the page.

Stationery designing

Stationery designing is the creation of business materials like letterheads, envelopes, and business cards that feature a company’s logo and essential information. It ensures a professional appearance and reinforces brand identity. Stationery design also serves as a marketing tool, promoting the company and maintaining a consistent visual image.

Stem

Stem in typography is the main vertical or slightly slanted stroke of a letter. It forms the backbone of characters like H, T, or L, providing structure and stability. Stems are essential in type design, influencing the overall weight, balance, and readability of a font.

Stress

Stress in typography is the visual emphasis or thickness variation in a letter’s stroke, usually oriented around an imaginary axis. It can be vertical, diagonal, or oblique, influencing the letter’s appearance and style. Stress helps define the character’s personality, readability, and overall aesthetic within a typeface.

Stroke weight

Stroke weight in typography refers to the thickness or mass of a letter’s individual stroke. Letters often have contrasting thick and thin strokes, which define the font’s style and appearance. Varying stroke weight affects readability, visual impact, and the overall balance and character of the typeface.

Style sheet

Style sheets are tools used in documents to apply consistent formatting to titles, headings, tables, lists, and other text elements. They save time and ensure uniformity throughout a document. By defining styles once, designers and writers can quickly maintain an even, professional layout across all pages and sections.

Subhead

Subhead is a line or phrase placed below the main headline. Its font is larger than the body text but smaller than the main heading. Subheads provide additional context or detail, helping to organize content, guide the reader, and highlight important sections while remaining secondary to the primary headline.

Subscript

Superscript is a character smaller than the main text and positioned slightly above the baseline. It is commonly used in mathematical equations, scientific notations, or footnotes, allowing important information, exponents, or references to be displayed clearly without interrupting the flow of the main text.

Superscript

Superscript is a smaller-than-normal character placed slightly above the baseline of regular text. It is commonly used in mathematical expressions to show exponents, in chemical formulas, or for footnotes and references. Superscripts allow additional information to be included without disrupting the main flow of the text.

Swash

Swash in typography is a decorative extension of a letter’s serif or stroke. It adds flourishes or elegant lines to characters, enhancing their visual appeal. Swashes are often used in headings, logos, invitations, or artistic designs to create a stylish, ornate, and eye-catching appearance in the text.

Safe Zone

The safe zone is the area within a design where important text and elements should be placed. Keeping content inside this area prevents it from being cut off during trimming or formatting.

Saturation

Saturation describes the intensity or purity of a color. Highly saturated colors appear bright and vivid, while low saturation colors look muted or dull. Designers adjust saturation to create mood, emphasis, and visual harmony in a design.

Scroll Effects

Scroll effects are visual animations or transitions that appear as users scroll through a webpage. They add movement and engagement while guiding users through content.

Secondary Colors

Secondary colors are created by mixing two primary colors together. Examples include green, orange, and purple, which are commonly used in design to add variety and contrast.

Shade

A shade is created by adding black to a base color. This darkens the color and can add depth, richness, and contrast within a design.

Skeuomorphism

Skeuomorphism is a design style that makes digital elements resemble real-world objects. Examples include buttons that look like physical switches or icons that imitate real tools, helping users recognize functions easily.

Slab Serif

Slab serif is a typeface style that features thick, block-like serifs at the ends of letters. It creates a strong and bold appearance, often used in headlines, posters, and branding designs to attract attention.

Stock Photo

A stock photo is a professional image that is licensed for use in design, marketing, or publishing. These photos are available through stock image libraries and allow designers to use high-quality visuals without creating original photography.

Stop Motion

Stop motion is an animation technique created by photographing objects frame by frame while slightly moving them between shots. When played in sequence, the images create the illusion of movement.

Storyboard

A storyboard is a sequence of illustrated frames used to plan scenes in animations, films, or videos. It helps visualize the flow of actions and transitions before production begins.

Style Guide

A style guide is a document that defines the visual and content standards used in a design or publication. It ensures consistency in elements like typography, colors, spacing, and formatting.

SVG

SVG stands for Scalable Vector Graphics, a file format used for vector images on the web. SVG files can be resized without losing quality, making them ideal for logos, icons, and illustrations.

Symbol

A symbol is a reusable design element stored in design software. When a symbol is edited, all instances of it update automatically, helping maintain consistency and save time in large projects.

Symmetry

Symmetry occurs when elements in a design are evenly balanced on both sides of a central line or axis. It creates a sense of order, stability, and harmony.

Tabloid sized page

Tabloid sized page measures 17 × 11 inches and is commonly used for newspapers or portrait-oriented layouts. This paper size is mainly used in the USA and Canada, as these countries do not follow ISO paper standards. Tabloid pages are ideal for compact, easy-to-read publications and print materials.

Tag line

Tag line is a short, memorable phrase associated with a company, brand, or product. It often accompanies a logo and serves as a slogan, conveying the brand’s message, values, or promise. Tag lines help make the brand recognizable, create an impression, and connect with customers effectively.

Tags

Tags in style sheets are coded elements applied to text or paragraphs to define formatting and functions. They control features like line breaks, indents, or alignment. By using tags, designers and writers can apply consistent styles, automate layout adjustments, and maintain uniform formatting throughout a document efficiently.

Tail

Tail in typography is a descending or sloped stroke added to a letter to make it decorative. It appears in uppercase letters like Q and R, and in the curved lower parts of lowercase letters such as g, j, and p, enhancing the style and visual appeal of the typeface.

Teardrop terminal

Teardrop terminal in typography is a rounded, drop-shaped end of a letter’s stroke that does not include a serif. It adds a distinctive, elegant detail to characters, often enhancing readability and aesthetic appeal. Teardrop terminals are commonly found in typefaces with soft, flowing, or classic design styles.

Template

Template is a pre-designed file that serves as a base for creating new files. It contains existing design elements, formatting, or layouts, which can be edited or customized. Templates act as master files, helping maintain consistency and saving time when producing multiple documents, designs, or projects with a similar style.

Terminal

Terminal in typography is the end of a letter’s stroke that does not have a serif. It can be straight, curved, or decorative, and helps define the character’s style. Terminals contribute to the overall look, readability, and personality of a typeface, giving letters a finished and polished appearance.

Text wrap

Text wrap is a word-processing feature that allows text to flow around an image, graphic, or object. The text can wrap in rectangular, regular, or irregular shapes, keeping the layout neat and visually appealing. Text wrap helps integrate visuals with text while maintaining readability and design balance on the page.

Thumbnails

Thumbnails are small, reduced-size images used by designers to quickly preview and organize concepts on paper or a screen. They allow for fast evaluation of layout, composition, and ideas without working on full-size artwork, helping designers plan, compare, and refine designs efficiently before creating final versions.

TIFF

TIFF (Tagged Image File Format) is a file format used to store high-quality raster images. It is compatible with both IBM and Macintosh computers and is widely supported by image editing, desktop publishing, and word-processing applications. TIFF files preserve detail and color, making them ideal for professional printing and graphic work.

Tiling (tile)

Tiling (tile) is a printing technique where an image is divided into sections and printed across multiple pages with overlapping edges. These pieces can then be aligned and joined to recreate the full image. Tiling allows large designs to be produced using standard-sized paper or printing equipment.

Tittle

Tittle in typography, also called a dot, is the small mark placed above the lowercase letters i and j. It helps distinguish these letters from others, enhancing readability and clarity. Tittles are an important detail in type design, contributing to the overall legibility and style of a font.

Tombstoning

Tombstoning occurs when two or more headings appear at the same horizontal position on a page, usually in adjacent columns. This layout often happens in newspapers or magazines when multiple stories are presented side by side. Tombstoning can create a visually balanced but attention-grabbing arrangement of content.

Track

Track in typography is the consistent adjustment of spacing between all characters in a line of text. Unlike kerning, which changes space between specific letter pairs, tracking affects the entire word, sentence, or paragraph. It helps improve readability, balance, and overall visual appearance of the text.

Trade marking logo

Trade marking a logo is the process of legally registering a logo as a unique and exclusive property of a business. This protects it from unauthorized use or copying. Once trademarked, the owner can take legal action against anyone who reproduces or uses the logo without permission.

Tracking

Tracking refers to the adjustment of space between groups of letters across a word or an entire block of text. Designers use tracking to improve readability and visual balance. Increasing or decreasing this spacing can make text appear more open, compact, or visually consistent in different design layouts.

Type alignment

Type alignment is the arrangement of text within a line or paragraph, controlling how it relates to margins and white space. Text can be aligned to the left, right, center, or fully justified. Proper alignment improves readability, organizes content, and creates a balanced, visually appealing layout on the page.

Type family

Type family is a group of related typefaces that share common design features but differ in style, weight, or width. For example, Verdana Regular, Verdana Italic, Verdana Bold, and Verdana Bold Italic all belong to the Verdana type family. Type families ensure consistency and flexibility in design.

Typeface

Typeface, also called a font family, is a set of characters that includes letters, numbers, and symbols, designed in a consistent style. It comes in different sizes, weights, and variations, forming the visual appearance of text. Typefaces are the building blocks used to create readable and visually appealing typography.

Typography

Typography is the art of arranging and styling text in a design. It involves choosing fonts, sizes, spacing, and alignment to make content clear and visually appealing. Good typography improves readability and helps communicate a message effectively in logos, websites, advertisements, and printed materials.

Tertiary Colors

Tertiary colors are formed by mixing a primary color with a nearby secondary color on the color wheel. These colors provide more subtle variations and expand the range of available color combinations.

Texture

Texture refers to the visual or physical surface quality of an element in a design. It can make graphics appear smooth, rough, soft, or layered, adding depth and realism.

Timeline

A timeline is a visual sequence that shows events, frames, or actions arranged in chronological order. In animation and video editing, it helps organize clips, keyframes, and effects along a time-based track.

Tint

A tint is created by adding white to a base color. This process makes the color lighter and softer, often used to create subtle and pastel color variations.

Tone

A tone is produced by adding gray to a color. Toning reduces the intensity of a color and creates more balanced and muted color variations.

Transition

A transition is a visual effect used to smoothly change from one scene, frame, or element to another. It helps maintain flow and improves the visual experience in videos or presentations.

Triadic Colors

Triadic colors are three colors evenly spaced around the color wheel. This color scheme creates a balanced yet vibrant look, allowing designers to add variety while maintaining visual harmony.

Tweening

Tweening is the process of generating intermediate frames between two keyframes in an animation. It creates smooth transitions by automatically calculating the motion from one state to another.

Typography Hierarchy

Typography hierarchy is the structured arrangement of text styles to show importance. Designers use variations in size, weight, and spacing to guide readers through headings, subheadings, and body text.

Typography System

A typography system is a structured set of rules for using fonts in a design. It defines font families, sizes, spacing, and styles to maintain consistency and readability across websites, apps, or publications.

U&lc

U&lc is the abbreviation for upper and lower case letters. It refers to the combination of capital (uppercase) and small (lowercase) letters used together in text. U&lc is often referenced in typography and type design to describe fonts, lettering styles, and the use of mixed-case text.

Unit

Unit in typography is a measurement used to define the space between letters, helping control the spacing and layout of text. Desktop publishing and typesetting software use units to adjust letterforms precisely. Common unit values include 8, 16, 32, and 64, allowing designers to create consistent and readable text spacing.

UI Kit

A UI kit is a set of ready-made user interface elements such as buttons, icons, forms, and navigation components. Designers use UI kits to quickly build consistent layouts and prototypes.

User Experience (UX)

User Experience, or UX, refers to how a person feels when interacting with a website, product, or application. It focuses on usability, accessibility, and efficiency to ensure users can complete tasks easily and comfortably.

User Interface (UI)

User Interface, or UI, refers to the visual elements that users interact with in a website, application, or digital product. It includes components like buttons, menus, icons, and layouts that help users navigate and perform actions.

Vector

Vector graphics are images created using mathematical points, lines, curves, and shapes on an X and Y axis. Unlike raster images (JPEG, GIF), they are not made of pixels, so they can be scaled to any size without losing quality. Vector graphics are ideal for logos, illustrations, and designs.

Verso

Verso is the left-hand page in an open book or publication, usually carrying an odd page number. It appears only when two pages face each other, opposite the right-hand page called the recto. Verso pages help organize content and maintain proper sequencing in printed documents.

Vertex

Vertex in typography is the outer point of a letter where two strokes meet, usually forming a sharp or pointed angle. It is commonly seen in letters like A or V. Vertices define the structure and style of characters, contributing to the overall appearance and readability of a typeface.

Value

Value describes the lightness or darkness of a color. Designers adjust value to create depth, contrast, and visual interest in artwork and graphic compositions.

Vibrancy

Vibrancy refers to the intensity and richness of colors in a design. Highly vibrant colors appear bold and energetic, while low vibrancy creates a softer and more subtle look.

Visual Effects (VFX)

Visual effects, or VFX, are digital techniques used to create or enhance imagery in videos and films. They add elements such as animations, simulations, or environmental effects that are difficult to capture in real life.

Visual Flow

Visual flow describes how a viewer’s eye naturally moves through a design. Designers guide this flow using layout, spacing, and hierarchy to help viewers understand information easily.

Visual Hierarchy

Visual hierarchy is the arrangement of design elements to guide the viewer’s attention. Designers use size, color, spacing, and contrast to highlight the most important information first.

Visual Identity

Visual identity refers to the visual elements that represent a brand, such as logos, colors, typography, and imagery. Together, these elements create a recognizable and consistent brand appearance.

Visual Metaphor

A visual metaphor uses imagery to represent an idea or concept symbolically. It helps communicate complex messages quickly through familiar visuals.

Warm Colors

Warm colors are shades that create a sense of heat, energy, and brightness in design. These include red, orange, yellow, and their variations. They are called warm because they remind people of sunlight, fire, and warmth. Designers often use warm colors to attract attention and create lively, energetic visuals.

Weight

Weight in typography refers to the thickness of a letter’s strokes. It defines how light or heavy a character appears. Common weights include light, medium, bold, and black. Adjusting weight affects readability, emphasis, and visual impact, helping designers create contrast and hierarchy within text and overall layouts.

White space

White space in design is the area of a page or layout that is left empty, without text, images, or other elements. Also called negative space, it can appear against any background color. White space improves readability, highlights important content, and creates a clean, balanced, and visually appealing design.

Widow

Widow in typography is a line or short part of a paragraph that appears alone at the top or bottom of a page. It disrupts the flow of text and is similar to an orphan, which specifically refers to a single word or part of a line separated from the paragraph.

Width

Set width in typography refers to the horizontal space a character takes up in a line of text. It depends on the character’s shape and the surrounding letters or glyphs. Different typefaces are designed with different set widths, which affects spacing, readability, and how much text fits in a line.

Word wrap

Word wrap is a feature in word processors and text editors that automatically moves text to the next line when it reaches the right margin. This prevents text from going outside the page or screen. It helps keep paragraphs neat and ensures the content fits properly within the set margins.

WYSIWYG

WYSIWYG stands for “What You See Is What You Get.” It is a type of editing system where the content on the screen looks almost the same as how it will appear when printed or published. This allows users to see the final layout, fonts, images, and formatting while editing.

Widows

A widow is a single word or short line that appears at the end of a paragraph on a new page or column. Designers try to avoid widows to maintain balanced and visually pleasing text layouts.

Wireframe Kit

A wireframe kit is a collection of pre-designed wireframe elements used to create layout structures quickly. It includes placeholders for text, images, buttons, and navigation components.

Wireframe

A wireframe is a basic visual layout that shows the structure of a webpage or application. It outlines the placement of elements like text, images, and buttons without detailed design, helping plan usability and content organization.

X-height

X-height in typography refers to the height of lowercase letters in a font, measured from the baseline to the top of the main body of the letter. It does not include capital letters or tall parts like ascenders. X-height affects readability and the overall appearance of text in a typeface.

X-Factor (design term for standout quality in a layout or concept)

In design, the X-factor refers to a unique quality or element that makes a layout or concept stand out. It can be a striking visual idea, creative style, or memorable design feature.

X-Resolution (horizontal resolution in DPI/PPI for images)

X-resolution refers to the horizontal resolution of an image, usually measured in pixels per inch (PPI) or dots per inch (DPI). It indicates the level of detail along the horizontal axis.

X-Small (size label in design templates or typography)

X-small is a size label used in typography or design templates to represent very small text or layout elements. It helps maintain consistent sizing across different components.

Xerox (referring to photocopying or printing processes)

Xerox is commonly used as a general term for photocopying documents or images. In printing workflows, it refers to reproducing pages or graphics using photocopying machines.

XML (Extensible Markup Language, often used in SVGs and design systems)

XML is a markup language used to store and organize structured data. In design and development, it is often used in file formats such as SVG to define vector graphics and metadata.

XMP (Extensible Metadata Platform, stores metadata in images)

XMP is a technology used to store metadata within image and design files. It records information such as author details, editing history, keywords, and copyright data.

XOR (used in digital imaging/mask operations)

XOR is a logical operation used in digital imaging and masking processes. It compares two layers or values and highlights differences between them, which can be useful in certain image editing operations.

Y-Axis (vertical axis in layouts, charts, and UI positioning)

The Y-axis is the vertical line in a coordinate system used in charts, layouts, or graphics. It helps define the vertical position of elements in a design or diagram.

Y-Coordinate (positioning in grids, vectors, or digital layouts)

The Y-coordinate indicates the vertical position of a point in a grid or coordinate system. It is commonly used in vector graphics, animation, and digital layout positioning.

Y-Gradient (vertical color gradient in digital design)

A Y-gradient is a vertical color transition that changes from one color to another along the vertical axis. It is often used to create depth and smooth visual effects.

YAML (configuration files for design systems, tools, and workflows)

YAML is a human-readable configuration file format used in many digital tools and systems. In design workflows, it may be used to define settings, design tokens, or system configurations.

Yellow (primary color in CMYK)

Yellow is one of the primary colors in the CMYK printing color model. It is combined with cyan, magenta, and black to create a wide range of colors in printed materials.

Yield (print production: usable output vs waste)

Yield in print production refers to the amount of usable printed material produced compared to waste. Efficient layouts and planning help maximize yield and reduce production costs.

Yoga Layout (flexible, flowing composition style in UX/UI)

Yoga layout refers to a flexible layout system used in some UI frameworks to arrange elements dynamically. It allows components to adjust their size and position based on available space.

Young Designers (referring to emerging talent, sometimes glossary term in articles)

Young designers refer to emerging or early-career design professionals exploring creative fields. The term is often used in articles and discussions about new talent and design trends.

Z-Depth (perceived depth of elements in UI or 3D graphics)

Z-depth refers to the perceived distance of elements in a design or 3D space. It helps create a sense of layering and depth between foreground and background elements.

Z-index (layer stacking order in web/CSS design)

Z-index is a property used in web design to control the stacking order of elements. Higher values place elements above others, helping manage overlapping layers in layouts.

Z-Pattern Layout (reading pattern design for web/UI interfaces)

A Z-pattern layout follows the natural reading pattern where viewers scan a page in a Z-shaped path. Designers place key elements along this path to guide attention effectively.

Zeplin (collaboration tool for designer-developer handoff)

Zeplin is a collaboration tool that helps designers share design files with developers. It provides style guides, measurements, and assets to support accurate implementation.

Zero Point (origin in coordinate systems for vector or UI design)

The zero point is the origin in a coordinate system where both horizontal and vertical values start. It is used as a reference for positioning elements in design software.

Zig-zag Layout (composition layout technique with alternating elements)

A zig-zag layout arranges elements in alternating left and right positions across a page. This pattern guides the viewer’s eye through content in a dynamic and engaging way.

Zone of Focus (area of emphasis in a design or layout)

The zone of focus is the area in a design where the viewer’s attention is directed. Designers use contrast, size, and placement to highlight this important section.

Zoom (tool to view/edit details in layouts or images)

Zoom is a tool that allows designers to magnify or reduce the view of a design or image. It helps when working on fine details or reviewing overall layout composition.