Design Terminology
Here's a glossary of some common design terms. The quoted definitions come from Wikipedia, and you can click through to the Wikipedia page for more info. In some instances I've added notations in brackets for clarification.
Check out the additional reading at the bottom of this page!
-
4-Color/Rich Black
"Rich black, in printing, is an ink mixture of solid black over one or more of the other CMYK colors, resulting in a darker tone than black ink alone generates in a printing process."
-
CMYK
"The CMYK color model (process color, four color) is a subtractive color model, used in color printing, and is also used to describe the printing process itself. CMYK refers to the four inks used in some color printing: cyan, magenta, yellow, and key (black)."
[Most color printing is CMYK. —M]
-
DPI/PPI
"Dots per inch (DPI, or dpi) is a measure of spatial printing or video or image scanner dot density, in particular the number of individual dots that can be placed in a line within the span of 1 inch (2.54 cm). Monitors do not have dots, but do have pixels; the closely related concept for monitors and images is pixels per inch or PPI. Many resources, including the Android developer guide, use the terms DPI and PPI interchangeably."
[DPI/PPI are used when referring to raster images. Printers usually prefer images to be 300dpi/ppi or more, while screen images can be 72dpi/ppi. —M]
-
GIF
“The Graphics Interchange Format (GIF) can contain up to 8 bits per pixel, allowing a single image to reference its own palette of up to 256 different colors chosen from the 24-bit RGB color space. It can also represent multiple images in a file, which can be used for animations, and allows a separate palette of up to 256 colors for each frame. These palette limitations make GIF less suitable for reproducing color photographs and other images with color gradients.”
-
JPEG / JPG
“JPEG (short for Joint Photographic Experts Group) is a commonly used method of lossy compression for digital images, particularly for those images produced by digital photography. The degree of compression can be adjusted, allowing a selectable trade off between storage size and image quality.”
-
PDF
“Portable Document Format (PDF) is a file format developed by Adobe in 1992 to present documents, including text formatting and images, in a manner independent of application software, hardware, and operating systems. Based on the PostScript language, each PDF file encapsulates a complete description of a fixed-layout flat document, including the text, fonts, vector graphics, raster images and other information needed to display it.”
-
PMS / Pantone
“The Pantone Color Matching System is largely a standardized color reproduction system. By standardizing the colors, different manufacturers in different locations can all refer to the Pantone system to make sure colors match without direct contact with one another.”
-
PNG
“PNG supports palette-based images (with palettes of 24-bit RGB or 32-bit RGBA colors), grayscale images (with or without an alpha channel for transparency), and full-color non-palette-based RGB or RGBA images. The PNG working group designed the format for transferring images on the Internet, not for professional-quality print graphics; therefore, non-RGB color spaces such as CMYK are not supported.”
-
RGB
"The RGB color model is an additive color model in which red, green and blue light are added together in various ways to reproduce a broad array of colors. The name of the model comes from the initials of the three additive primary colors, red, green, and blue."
[RGB is used for items that will only be appearing on a screen. —M]
-
Raster Graphics
"In computer graphics, a raster graphics or bitmap image is a dot matrix data structure, representing a generally rectangular grid of pixels, or points of color, viewable via a monitor, paper, or other display medium. Raster images are stored in image files with varying formats."
[Some common raster file formats are JPEG/JPG, GIF, PNG, TIF/TIFF, and PSD. —M]
-
Resolution
“Image resolution is the level of detail of an image. The term applies to digital images, film images, and other types of images. ‘Higher resolution’ means more image detail. Image resolution can be measured in various ways. Resolution quantifies how close lines can be to each other and still be visibly resolved.”
-
Sans Serif Font
“In typography and lettering, a sans-serif, sans serif, gothic, or simply sans letterform is one that does not have extending features called "serifs" at the end of strokes. Sans-serif typefaces tend to have less stroke width variation than serif typefaces. They are often used to convey simplicity and modernity or minimalism.”
-
Serif Font
“In typography, a serif (/ˈsɛrɪf/) is a small line or stroke regularly attached to the end of a larger stroke in a letter or symbol within a particular font or family of fonts. A typeface or "font family" making use of serifs is called a serif typeface (or serifed typeface), and a typeface that does not include them is sans-serif.”
-
TIFF
“Tag Image File Format or Tagged Image File Format, commonly known by the abbreviations TIFF or TIF, is an image file format for storing raster graphics images, popular among graphic artists, the publishing industry, and photographers. TIFF is widely supported by scanning, faxing, word processing, optical character recognition, image manipulation, desktop publishing, and page-layout applications.”
-
Vector Graphics
"Vector graphics use 2D point located polygons to represent images in computer graphics. Each of these points has a definite position on the x- and y-axis of the work plane and determines the direction of the path; further, each path may have properties, including such values as stroke color, shape, curve, thickness, and fill. Vector graphics are commonly found today in the SVG, EPS and PDF graphic file formats and are completely different from the more common raster graphics file formats of JPEG, PNG and MPEG4."
[The preferable graphic type for logos because they can be scaled to any size without losing quality. Common formats include EPS, AI, SVG, and PDF. —M]
Additional Reading