Dictionary of Design

Visual perception resulting from the spectral composition of light reflected or emitted by a surface.

A continuous, stepless transition between two visual states — most often color, value, or scale.

The degree of illumination defining an object's visibility, and its contrast against surrounding darkness.

The purity or intensity of a hue, independent of how light or dark it is.

An independent visual unit defined purely by color or material, without an outlined edge of its own.

The relative lightness or darkness of a color or area, independent of its hue.

An interface enabling one piece of software to interact with another — adjacent professional vocabulary a designer encounters, not a design concept in its own right.

A layer that stores transparency information for compositing or rendering.

A single visual, typographic, or multimedia element used in the construction of a design project.

An organized collection of visual or multimedia resources kept accessible across design projects.

A software platform for creating, managing, and publishing digital content — adjacent professional vocabulary.

A vector path used to isolate part of an image for manipulation or compositing.

An editable file containing organized layers and elements for manipulation within design software.

Dots per inch — a measure of a print or output device's resolution.

The suite of software, templates, and resources used to create, edit, and manage a digital design project — absorbs what the source separately, redundantly, called Graphic Editor.

The configurations used to save or output a file at a specific format, size, or quality.

The two halves of a digital system: frontend is what a user sees, backend is the server-side logic and data behind it — adjacent professional vocabulary.

One editable element within a composition that can be manipulated independently of the others.

A tool or layer that defines which areas of a composition are visible and which are hidden.

Portable Document Format — preserves a document's layout, typography, and graphics identically across platforms.

Pixels per inch — a measure of an image's own density, independent of the device it's printed or displayed on.

A software add-on that extends the functionality of a platform or design tool — adjacent professional vocabulary.

An unprocessed camera sensor format retaining the maximum original image data, before any raster export decisions are applied.

A pixel-based image format whose detail is fixed at capture or creation, distinguished from RAW by not necessarily being an unprocessed camera file.

The process of generating a final image or sequence from a digital file, incorporating lighting and physical properties.

The measure of an image's fixed detail, usually expressed as its PPI or the DPI of its output device.

A scalable vector graphic format that preserves sharp edges at any output size.

A digital image built from geometric paths rather than pixels, which can be scaled without losing quality.

Progressive simplification of a recognizable form into essential geometric shape, retaining what makes it identifiable while discarding surface detail.

Intentional imbalance resolved through the position and scale of unequal elements rather than mirrored correspondence.

Distribution of visual weight across a composition that reads as stable, whether achieved through symmetry or through offsetting asymmetry.

The spatial and proportional organization of elements into a coherent whole.

Juxtaposition of strongly opposing visual properties that sharpens the perceived identity of both.

A meaningful shape produced primarily by the empty area around or between positive forms, carrying real visual weight of its own.

The degree of visual saturation, sparse or crowded, within a given area of a composition.

Perceived movement within a static composition, implied by the direction, angle, or relationship of its forms.

The deliberate creation of one dominant point of visual attention within a composition.

The degree to which a form remains recognizable as, and referential to, a real-world object.

The perceived shape and structure of an object, independent of its color or surface texture.

The physical shape and proportions of an object's outer volume, especially its housing.

The reduction of a complex reference to its essential forms, adapted to the constraints of the medium.

A directional trace that defines movement, a boundary, or continuity between points.

The perceived visual or physical weight of a solid form.

Representation of depth on a flat surface, typically through lines that converge toward one or more vanishing points.

A flat surface that organizes two-dimensional elements within a composition.

The degree to which a form reads as pliable or moldable rather than rigid, judged from its contours and transitions.

The minimal, indivisible visual unit — the origin from which line, plane, and spatial relationships extend.

The size relationships between a whole and its parts, and between the parts themselves.

Identical elements recurring at even intervals — the simpler, unvaried base case that Rhythm builds variation on top of.

Visual tempo produced by repeating elements with controlled variation in spacing, size, or form.

Perceived size, understood only through comparison against another object or a known reference, not as an absolute measure.

The area, positive or empty, within and around a composition's forms, perceived both visually and physically.

Directional relationships between elements that guide the eye and imply connection or tension across a composition.

The absence of implied motion in a composition, conveying stability and rest.

The internal organization holding one object's or composition's own parts together.

Balance produced by exact mirrored correspondence across a central axis.

A set of distinct components governed by one shared rule across a larger whole.

The degree to which elements read as belonging to one coherent whole rather than as unrelated parts.

The deliberate ranking of elements by visual weight so the eye is guided through a composition in a specific order.

A three-dimensional space defined by its boundaries, or implied by the relationships between the planes that suggest it.

The conveying of meaning and intent through visual signs, symbols, and systems.

The presence of non-essential visual additions that heighten emotional or aesthetic response beyond a form's function.

The practice of visual communication through the coordinated use of typography, imagery, color, and composition.

A form that represents a concept by resembling it directly, as opposed to a Symbol, which represents by convention.

Personal understanding and explanation shaped by experience and context.

A graphic symbol or typographic mark that represents a brand, company, or project's identity.

A conceptual bridge in which one visual form is used to carry the meaning of another.

The meaning a visual sign or symbol generates through its context and use: shared, carried by the sign itself, as opposed to Interpretation, which is a personal reading.

A form that stands for a concept by learned convention alone, without resembling it.

The visual components of a brand or project — logo, color palette, typography, and imagery — forming one recognizable system.

The positioning of elements relative to one another — left, right, center, or justified — to create order and clarity.

A comprehensive document defining a project's visual identity, typography, color palette, and guidelines for consistent application.

A concise document describing a project's goals, requirements, constraints, and expectations.

A documented design project that shows the original problem, the process taken, and the final solution.

The method and logic by which parts are assembled into a functional or visual whole.

The final date or time by which a task or project must be completed.

A mode of representation defined by an object's size, proportions, or viewport.

A structured system defining professional levels, responsibilities, and skill growth within a discipline.

A structural framework of rows and columns used to align and organize a layout's content.

A repeated design cycle focused on refinement through feedback rather than a single final pass.

The arrangement of text, images, and other elements within a design's available space.

Legal permission defining how a creative asset may be used, distributed, or modified.

A visual diagram used to organize ideas, concepts, and the relationships between them.

A curated collection of visual references used to convey a project's intended style, mood, and concept.

A described situation used in design research to test or explain how a person moves through a product or interface — reframed here from a vaguer original definition into its actual working sense.

A pre-designed layout or framework used as a starting point for consistent production.

A technique of combining diverse, often unrelated visual fragments into one new, unified composition.

A single repeatable unit whose form determines the structure and proportions of a larger composition.

A repeating structural motif, distinguished from plain Repetition by having its own internal modular logic.

The flattened outline of a volumetric object, shown without internal depth, detail, or texture.

The expressive articulation of a structure's logic through the treatment of its surface and form.

A surface's tangible structure, perceived visually or by touch, distinguished from Pattern by describing surface quality rather than a repeating motif.

A property of a form's shape that suggests, on its own, how it is meant to be used.

A series of frames or movements that together create the illusion of motion or narrative.

A design feature that makes a specific error physically impossible until a required step is completed — not in the source dictionary, added as a real gap in this category.

The creation and structuring of interactive behavior between users and a digital or physical system.

A designed mediator that enables interaction and communication between a system and its user.

A realistic visual representation of a design, used for presentation and evaluation before it is built.

Animated visual elements used to convey information, narrative, or aesthetic expression over time.

An interactive or tangible model of a design used to test its functionality, flow, and user experience.

A design approach that keeps visual and functional consistency across devices and screen sizes of different proportions.

A sequential visual plan depicting scenes or interactions ahead of animation, video, or interface production.

The overall experience and satisfaction of a person interacting with a product, system, or service, end to end.

The design of the specific interactive elements through which a person engages with a digital system.

A simplified visual guide showing a layout's structure and hierarchy without detailed styling.

A collection of related illustrations sharing one style and thematic language, used consistently across a project.

A visual representation of data or information — using charts, icons, and diagrams — designed for quick, clear understanding.

The three basic units of typographic spacing: the space between one specific letter pair, the space applied evenly across a run of letters, and the vertical space between lines.

Whether individual letterforms can be told apart from one another at a glance.

Custom-drawn letterforms that function as an independent visual image rather than as reusable type.

Whether continuous text can be comfortably read over a passage, a property of a full block of type rather than of single letterforms.

Letterforms treated as a visual system, balancing legibility, rhythm, and expressive form.

The organized use of typefaces, styles, spacing, and hierarchy to communicate clearly and consistently across a project.