Visual Elements
Color & Types
Layout & Composition
File Formats
Production Terms
100

The smallest unit of a digital image, typically a tiny dot or square or color. 

Pixel 

100

The 3 letter color made is used specifically for digital screens (Red, Green, & Blue).

RGB

100

The "empty" space around and between the subject of a design. 

White/Negative Space

100

This common lossy image format is best for photographs but does not support transparency. 

JPEG

100

The standard number of pixels per inch (PPI) for web/screen based designs. 

72 PPI

200

This type of graphic is made of paths and curves defined by mathematical formulas, allowing it to be scaled infinitely without losing quality. 

Vector

200

This category of fonts features small "feet" or strokes at the ends of the main character strokes.

Serif

200

This composition guideline suggests dividing an image into nine equal parts to place the subject at the intersections. 

Rule of Thirds
200

An image that supports "Alpha Channels" or transparency, often used for logos on websites.

PNG

200

The area outside the final trim size of a printed document that ensures colors run all the way to the edge. 

Bleed

300

The principle refers to the lightness or darkness of a color. 

Value 

300

The adjustment of space between two specific characters to improve legibility. 

Kerning 

300

The arrangement of elements in a way that implies importance. guiding the ye from most to least important. 

Hierarchy 

300

This "standard" file format is used for sharing documents and graphics across different software while maintaining layout integrity.

PDF

300

This "rule" states that an image's resolution should be double the halftone screen frequency. 

300 DPI

400

A mark with greater length than width. It can be static, dynamic, implied, or descriptive. 

Line

400

Colors that sit opposite from each other on the color wheel, creating a high contrast. (e.g. blue and orange) 

Complementary

400

A design principle that ensures a layout doesn't feel "heavy" on one side. Can be symmetrical or asymmetrical. 

Balance

400

The native file extension for a project created in Adobe Photoshop.

PSD

400

The process of converting a vector or mathematical path in top a grid of pixels. 

Rasterizing

500

The surface quality of design, either "tactile" or "visual". 

Texture

500

The vertical space between lines of text, often referred to as "line spacing" in word processors. 

Leading

500

The focal point for design. The part of the first catches the viewer's attention. 

Emphasis

500

A specialized vector format used primarily for web graphics that can be animated or styled with CSS.

SVG

500

A non destructive way to hide or reveal parts of a layer without deleting the actual pixels.

Layer Mask