You are on page 1of 7

terms for Creative Professionals

A collection of key terms and definitions used by Creative Professionals. Learn more about them from Yes I’m a Designer courses!

contiguous
canvas noise
blend DPS lorem responsive
design
ipsum
mode Masthead
margin
master rule of histogram
page thirds smart head
entry
pdf sharpening
resample point object
baseline stock hue
Gutter Bleed shift photo
jpeg FPO
process
mood body color
copy spread contrast pixel orphan
slug board drop mask
rulers shadow cmyk ppi contour
layers
pixel sans
GIF serif
feather font kern selection
Psd text
wrap alias artboard

rasterize spot
hsb mock- color invert lossy
leading
up adjust-
pantone ment hierarchy
color
texture
stroke line
tracking
negative swatch
RGB trace
PNG gray-
layout
guide space composition
scale

thumbnail
gradient balance
alpha
vector dominance
half wire
frame vibrance
tone
rhythm
DTP value tiff emboss
cmyk emphasis bezier scale saturation
curve
CMS
soft
unity
shape proportion CROP proof
style widow
trim filter action
guide mark vector opacity
greeking
mask brigthness
grid

© 2013 | Designed by Martin Perhiniak | www.yesimadesigner.com 1


terms for Creative Professionals
A collection of key terms and definitions used by Creative Professionals. Learn more about them from Yes I’m a Designer courses!

Graphic Design Balance One of the principles of design,


balance places elements on the page
Blend mode Blending modes determine
how the pixels in a layer blend with
CMS Color management is the
controlled conversion between the
Glossary so that text and graphic elements are
evenly distributed. In layouts with
pixels on underlying layers. Most
commonly used modes are Normal,
color representations of various
devices, such as image scanners, digital
Action Recorded series’ of steps in an even balance the graphics don’t Multiply, Screen and Overlay. cameras, monitors, TV screens, film
Adobe Photoshop for simplifying overpower the text and the page printers, computer printers, offset
repetitive tasks. doesn’t seem to tilt to one side or the Bleed When an image or presses, and corresponding
other. printed color extends media. The primary goal
Adjustment Powerful tools in Adobe beyond the trimmed of color management is
Photoshop. They can enhance, repair, Baseline Shift The baseline is an edge of a page, it is to obtain a good match
and correct the color and tonality invisible line onto which all type called a “bleed”. across color devices
(lightness, darkness, and contrast) characters sit. Moving characters up Bleeding ensures
of an image. They can or down in relation to the baseline and that the print CMYK The CMYK
be used non- using it effectively can make a huge extends to the color model (process
destructively difference to the professional look of edges of the color, four color) is
as Adjustment your type. paper. The paper is a subtractive color
Layers. usually trimmed to model, used in color
Bevel Raised effect created by applying the desired size after printing, and is also used
Alias The highlight and shadow colors to the printing. to describe the printing
jagged edges inside and outside edges of the border process itself. CMYK refers
on curves of an image or text area in order to Body copy Main text to the four inks used in some
and diagonal create the illusion that the image or part of an advertisement color printing: cyan, magenta,
lines in a bitmap text area has three dimensions. Also or any printed matter (as distinct from yellow, and key (black).
image are known as aliasing. Aliasing see at Emboss. the logo, headline, subheadings, and
can be minimized with a smoothing graphics) that provides the ‘meat’ Color Colors are the life of any type of
process called anti-aliasing which adds Bezier curve Mathematically defined of the communication. Usually a graphic designing. Without effective
additional pixels to make the edges curve used in two-dimensional graphic professional copywriter writes the body colors it is nearly impossible to design
appear less jagged. applications. The curve is copy. a winning brand identity. Every color
defined by four points: has its own meaning and each color
Alpha A fourth color component in the initial position Brightness The brightness (light/ describes different purpose and idea.
the RGB color model that represents and the terminating dark) of an image, the intensity One must take care of the selection
opacity. By changing Alpha values, position (which are of a light source or color of the color that it should exactly
images can be rendered completely called “anchors”) luminance. communicate about the brand and
transparent to completely opaque. and two separate company’s mission and vision. Color
middle points Canvas Working area in Adobe
Artboard In Adobe Illustrator you can can aid organization so develop a color
(which are called Photoshop, which can be
use Artboards to organise your artwork strategy and stay consistent with those
“handles”). extended or reduced to fit more
and save or print them out. colors. Color can give emphasis to
image content into the document.
create a hierarchy.

© 2013 | Designed by Martin Perhiniak | www.yesimadesigner.com 2


terms for Creative Professionals
A collection of key terms and definitions used by Creative Professionals. Learn more about them from Yes I’m a Designer courses!

Composition In the visual arts usually white, or none at all development of digital libraries and Font In typography, a set of all
– in particular painting, graphic catalogues. characters in a typeface.
design, photography and sculpture Contrast A principle of art, contrast
– composition is the placement or refers to the arrangement of opposite Drop shadow A commonly used visual FPO For Position Only is to indicate
arrangement of visual elements or elements (light vs. dark colors, rough effect consisting of drawing that looks that the image (as seen) has only been
ingredients in a work of art, as distinct vs. smooth textures, large vs. small like the shadow of an object, giving the added to the design to indicate its
from the subject of a work. It can also shapes, etc.) in a piece so as to create impression that the object is raised position on the layout and thus is not
be thought of as the organization of visual interest, excitement and drama. above the objects behind it. indicative of the appearance of the
the elements of art according to the The colors white and black provide the final printed image.
greatest degree of contrast. DTP Desktop publishing is the creation
principles of art. of documents using page layout skills GIF GIF images display up to 256
Complementary colors
Compression There are two types of also highly contrast on a personal computer. colors. GIF images generally have very
image file compression algorithms: with one another. An small file sizes and are the most widely
Emboss Embossing an image, gives it used graphic format on the web. The
lossless and lossy. Lossless artist can employ a three dimensional (3-D) quality. The
compression algorithms reduce file size contrast as a tool, low quality resulting from compression
3-D effect is created with highlights makes them unsuitable for
while preserving a perfect copy of the to direct the viewer’s and shadows on the edges of the
original uncompressed image. Lossy attention to a particular professional printing.
image. Also see at Bevel.
compression algorithms on the other point of interest within the Gradient Allows the
hand allow for variable compression piece. Emphasis Something that is singled out user to fill an object/
that trades image quality for file size. or made more prominent has emphasis. image with a smooth
Crop One basic way to modify images An element of a design that dominates
Contiguous is a term used in Adobe is to crop them — remove some part transition of colors.
or becomes the center of interest has
Photoshop for a couple of tools of the image. Cropping changes the emphasis. Grayscale Grayscale
(like the Magic Wand). It means appearance of images in order to images contains black, white and 254
neighbouring, adjacent or connected. better fit the layout, make a statement, Entry point Point or points on the shades of gray.
If this option is checked then the or improve the overall appearance of layout where the reader can start
Magic Wand will only sample from the design. reading. The designer has to help Greeking In computing, a means of
neighbouring areas with similar colours readability by adding entry points. speeding up the display redraw rate of
and will stop at the edges. When turned Dominance Dominance is created by a computer monitor by representing
off the selection can spread freely. contrasting size, positioning, color, Feather Feathering is a technique text characters below a certain size as
style, or shape. The focal point should used to smooth or blur the edges of a gray lines, boxes, or illegible dummy
Contour/silhouette The image of a dominate the design with scale and feature. type.
person, object or scene represented as contrast without sacrificing the unity
a solid shape of a single colour, usually of the whole. Filter A filter is applied to Grid An underlying structure
black, its edges matching the outline of images or art works to easily of columns, rows, margins,
the subject. The interior of a silhouette DPS Digital Publishing includes the create special effects or to and lines, that dictate
is featureless, and the whole is typically digital publication of e-books, EPUBs, achieve a look that would be the way information is
presented on a light background, Digital Magazines (also sometimes too difficult to create manually. organized on a page.
known as electronic articles), and the

© 2013 | Designed by Martin Perhiniak | www.yesimadesigner.com 3


terms for Creative Professionals
A collection of key terms and definitions used by Creative Professionals. Learn more about them from Yes I’m a Designer courses!

Guide Guides help you position images Head The top of a book, page, or transparent. They allow the user to to provide allowances for trimming,
or elements precisely. Guides appear column. In typography, the term head assemble, organize and re-edit their binding, and other post-press
as nonprinting lines that float over is also an abbreviation for the term artwork with ease. operations.
the image. You can move and remove heading.
guides. You can also lock them so that Layout Master plan or blueprint of a Master page A master is like a
you don’t move them by accident. HSB Hue, Saturation and Brightness is printed or published work (such as background that you can quickly
a color model used to desrcibe colors an advertisement, book, magazine, apply to many pages. Objects on a
Gutter In typography, the term refers with three values. newspaper, or website) that lays master appear on all pages with that
to the space between columns of type, out the arrangement of its different master applied. Changes you make to
usually determined by the number and Hue The primary value of a color and graphic elements (such as body copy, a master are automatically applied to
width of columns and the overall width how the color red, green, blue, purple, colors, headlines, illustrations, scale). associated pages. Masters commonly
of the area to be filled. etc. is perceived through the eye. It establishes the overall appearance, contain repeating logos, page numbers,
relative importance, and relationships headers, and footers.
Halftone Any image--such as a Invert Changing the colors of an image
between the graphic elements to
photograph--that exists as a series or a layer mask to the opposite colors Masthead In newspaper and
achieve a smooth flow of information
of small dots of varying size and on the color wheel. magazine publishing, the listing of
(message) and eye movement for
color density, which serve to maximum effectiveness or impact. the publication’s staff, management,
JPEG A common compression method
simulate the appearance of Often alternative layouts (called address, etc., commonly printed toward
that shrinks a file’s storage size
continuous gradations roughs) are prepared to explore the beginning of the publication.
by discarding non-important
of tone. Halftones picture detail. Excessive jpeg different arrangements before the
are necessary in Mock-up Mock-ups are used by
compression can cause poor final layout is made for printing or designers mainly to acquire feedback
the reproduction image quality. production.
of photographic from users about designs and design
images; most Leading (pronounced “led-ding”) In ideas early in the design process. Mock-
Kerning In typography, the
printing presses typography, an alternate and more ups are very early prototypes.
reduction of letterspacing
cannot print between certain character popularly used term for line spacing. Mood board A mood board is a type
continuous tones, so combinations in order to of collage that may consist of images,
photographic images Line The visual path that enables the
reduce the space between them, text, and samples of objects in a
must first be converted to a eye to move within the design.
performed for aesthetic reasons. composition of the choice of the mood
series of dots in order to be effectively Lorem Ipsum Used as placeholder board creator. Designers and others use
printed. Layers Layers are like sheets of
text because it approximates a typical mood boards to develop their design
stacked acetate. You can see through
Hierarchy A good design contains distribution of characters in English. concepts and to communicate to other
transparent areas of a layer to the
elements that lead the reader members of the design team.
layers below. You move a layer to Margin Any deliberately unprinted
through each element in order of its position the content on the layer, like space on a page, especially surrounding Negative space The space not occupied
significance. The type and images sliding a sheet of acetate in a stack. a block of text. Margins are used by the text or images. Negative or
should be expressed starting from You can also change the opacity of not only to aid in the aesthetics and white space has the same importance
most important to the least. a layer to make content partially the readability of a page, but also as the text and images on the layout.

© 2013 | Designed by Martin Perhiniak | www.yesimadesigner.com 4


terms for Creative Professionals
A collection of key terms and definitions used by Creative Professionals. Learn more about them from Yes I’m a Designer courses!

Without proper use of negative colors match without direct contact PPI Pixels Per Inch. A measurement of Resolution The resolution of an image
space the design will look messy and with one another. the resolution of a scanned image. is an important factor in determining
crowded. the attainable output quality. The
PDF Portable Document Format (PDF) Process color The printing of “full higher the resolution of an image, the
Noise Image noise is random (not is a file format used to represent color” images utilizing a photographic less pixilated it will be.
present in the object imaged) variation documents in a manner independent color separation process in which each
of brightness or color information in of application software, hardware, of three primary colors (cyan, magenta, Responsive design Responsive web
images, and is usually an aspect of and operating systems. Each PDF file and yellow, plus black) are separated design (RWD) is a web design approach
electronic noise. It can be produced by encapsulates a complete description of from the original art and given their aimed at crafting sites to provide
the sensor and circuitry of a scanner or a fixed-layout flat document, including own printing plate. an optimal viewing experience—easy
digital camera. the text, fonts, graphics, and other reading and navigation with a minimum
information needed to display it. Proportion Proportion refers to the of resizing, panning, and scrolling—
Opacity A layer’s overall opacity relative size and scale of the various across a wide range of devices (from
determines to what degree it obscures Pixel The smallest picture element elements in a design. The issue is the desktop computer monitors to mobile
or reveals the layer beneath it. A (used to display an image on a relationship between objects, or parts, phones).
layer with 1% opacity appears nearly computer), that can be independently of a whole.
transparent, whereas one with 100% assigned a color. RGB (Red, Green, Blue) is the model
opacity appears completely opaque. PSD Photoshop document, the default used to project color on a computer
Pixel mask Pixel masks determine file extension of the proprietary file monitor. By mixing these three colors,
Orphan A paragraph-opening line that opacity values based on a raster image format of Photoshop. a large percentage of the visible color
appears by itself at the bottom of a with grayscale values that correspond spectrum can be represented.
page/column. pixel for pixel to the original layer. Rasterize Rasterisation (or
This makes them ideal for masking rasterization) is the task of taking an Rhythm Rhythm in design is also called
A word, part of a word, or very short complex photographic imagery (e.g. the image described in a vector graphics repetition. Rhythm allows your designs
line that appears by itself at the end hair on a model or leaves on a tree). format (shapes) and converting it into a to develop an internal consistency that
of a paragraph. Orphans result in too Pixel masks allow 100 shades of gray, raster image (pixels or dots). makes it easier for your customers to
much white space between paragraphs which correspond directly to opacity understand. Once the brain recognizes
or at the bottom of a page. Resample Resampling is changing
percentages. the pattern in the rhythm it can relax
the amount of image data
and understand the whole design.
Pantone The Pantone Color Matching PNG Portable Network Graphics as you change either the
System is largely a format. PNG (usually pronounced pixel dimensions or the Rule of thirds The rule of thirds
standardized color “ping”), is used for lossless resolution of an image. states that an image is most
reproduction system. compression. The PNG format When you downsample pleasing when its subjects or
By standardizing displays images without jagged (decrease the number regions are composed along
the colors, different edges while keeping file sizes of pixels), information is imaginary lines which divide the
manufacturers in relatively small, making them deleted from the image. image into thirds — both vertically
different locations can popular on the web. PNG files are When you resample up and horizontally. It is a powerful
all refer to the Pantone however generally larger than GIF (increase the number of pixels, compositional technique for making
system to make sure files. PNG supports transparency. or upsample), new pixels are added. designs more interesting and dynamic.

© 2013 | Designed by Martin Perhiniak | www.yesimadesigner.com 5


terms for Creative Professionals
A collection of key terms and definitions used by Creative Professionals. Learn more about them from Yes I’m a Designer courses!

Rulers Rulers help you position images Shape Areas defined by edges within Soft proof Soft proofing is simply a a royalty-free basis and can be used
or elements precisely. When visible, the design, whether geometric or mechanism that allows you to view and reused for commercial design
rulers appear along the top and left organic. on your computer monitor what your purposes.
side of the active window. Markers in print will look like when it is on paper.
the ruler display the pointer’s position Sharpening An image enhancement A specific paper. That paper and ink Stroke A Stroke is basically the outline
when you move it. technique in which the contrast combination has been defined by the of an element. You could also call it a
between specific pixels is enhanced. profile that you or someone else has “Border.” Stroke is not limited to only
Sans Serif In typography, a sans-serif, made for your printer / paper and ink shapes, but can also be used on line
sans serif, gothic, san serif or simply Scale is relative. A graphic element can segments.
combination. To get an accurate soft
sans typeface is one that does not have appear larger or smaller depending on
proof your monitor has to be calibrated. Style guide A style guide or style
the small projecting features called the size, placement, and color of the
“serifs” at the end of strokes. The term elements around it. When elements are Spot color Refers to a method of manual is a set of standards for the
comes from the French word sans, all the same size, the design feels flat. specifying and printing colors in which writing and design of documents,
meaning “without”. Sans-serif fonts Contrast in size can create a sense of each color is printed with its own ink. either for general use or for a specific
tend to have less line width variation tension as well as a feeling of depth In contrast, process color printing publication, organization or field.
than serif fonts. In print, sans-serif and movement. uses four inks (cyan, magenta, yellow, The implementation of a style guide
fonts are used for headlines rather and black) to produce all other colors. provides uniformity in style and
Slug Slugs hold printing information, formatting within a document and
than for body text. Spot color printing is effective when
customized color bar information, across multiple documents.
the printed matter contains only
Saturation Saturation is the overall or displays other instructions and
one to three different colors, but it Swatch A sample of a specific color,
intensity of the color, any color descriptions for other information in
becomes prohibitively expensive for either printed or stored digitally, used
that appears dull is referred to as the document. Objects (including text
more colors. There are a number of to describe a particular printing ink
desaturated. frames) positioned in the slug area are
color specification systems for or combination of printing ink
printed but will disappear when the
specifying spot colors, but colors.
Selection Selection refers to an document is trimmed to its final page
Pantone is the most widely
area of an image that is selected size.
used. Text wrap Text wrap is the
(isolated) so it can be edited
while the rest of the image is Smart object Smart Objects spatial relationship that
Spread A spread is the exists amongst graphics
protected. are layers that contain
joining of two facing and blocks of text (or
image data from raster
pages that are created amongst two blocks of
Serif In typography, or vector images,
to work as a unit in a text). Usually a text wrap
a serif is a small line such as Photoshop or
double-sided document. is rectangular in shape.
trailing from the edges of Illustrator files. Smart
letters and symbols, such Objects preserve an Stock photo Stock photos However, a text wrap may also
as when handwriting is image’s source content (stock photography) are be arbitrary or irregular in shape.
separated into distinct units with all its original professional photographs of common
for a typewriter or typsetter. characteristics, enabling Texture Surface qualities which
places, landmarks, nature, events or translate into tactile illusions.
A typeface with serifs is called a you to perform nondestructive people that are bought and sold on
serif typeface. editing to the layer.

© 2013 | Designed by Martin Perhiniak | www.yesimadesigner.com 6


terms for Creative Professionals
A collection of key terms and definitions used by Creative Professionals. Learn more about them from Yes I’m a Designer courses!

Thumbnail A small drawing on the background color and other items


paper (usually part of a group) used on the page.
to explore multiple ideas quickly.
Thumbnail sketches are similar to Vector A vector graphic is created in
doodles, but may include as much paths. The paths permit a person to
detail as a small sketch. change an image’s size easily without
pixilated edges.
TIFF A common graphic file format
used for saving bitmapped images such Vector mask Vector masks pick up
as scans, photographs, illustrations and where pixel masks fall short. By
logos. Supports multiple layers. defining the mask’s shape using paths,
vector masks provide a superior level
Tracing is when you use an image of finesse and flexibility. They’re ideal
that you recreate by drawing over for defining shapes with clean, crisp
it on another layer. Live trace is an lines, such as interface elements.
automated tracing feature in Adobe
Illustrator. Vibrance Vibrance is a smart-tool which
cleverly increases the intensity of the
Tracking In typography, the adjusting of more muted colors and leaves the
the letterspacing throughout a piece of already well-saturated colors alone.
typeset copy.
Widow A paragraph-ending line that
Trim mark Lines drawn or printed on a falls at the beginning of the following
photograph, overlay, or printed product page/column, thus separated from the
to indicate the proper cropping of the rest of the text.
image or print in question.
Wireframe Wireframes are an important
Unity To achieve visual unity is a design tool used in Web development.
main goal of graphic design. When all It is a visualization tool for presenting
elements are in agreement, a design is proposed functions, structure and
considered unified. No individual part content of a Web page or Web site.
is viewed as more important than the
whole design. A good balance between
unity and variety must be established
to avoid a chaotic or a lifeless design.

Value Value is present in all design. It is


the lightness or darkness of an object,
regardless of color. Value is relative to

© 2013 | Designed by Martin Perhiniak | www.yesimadesigner.com 7

You might also like