Design, Web and Print Glossary, Terms, Definitions – B

B

Balance – A term used to describe the aesthetic or harmony of elements, whether they are photos, art or copy, within a layout or design.

Balloon – Anything that encircles copy / text.

Banner (Web) – A web-based advert, either static, animated or interactive.

Baseline – In typography, this refers to the imaginary line upon which sits the text. Rounded items will actually sit just below this line to give balance as visually, a letter with a rounded bottom will appear to sit slightly higher than it actually does.

Below The Line – Marketing that is direct, such as Direct Mailers.

Bezier line – A path defined by the position of the four control points that are located at the ends of the tangents of the vertices. The length and angle of the tangents describe how a path deviates from linear between its vertices.

Bible Paper – A lightweight, yet reasonably strong paper of the sort typically used in bibles.

Bind – Most frequently refers to books, but can include any printed material where the sheets are bound by string, wire, glue, or other method.

Bitmap – A graphics mode where the resulting image is constructed of pixels (as opposed to vectors).

Bleed – In printing, the bleed refers to an area that ‘bleeds’ over the edge of the document area. This is done so that background colours / images and so on will not have have white borders due to minor error margins that can occur when trimming printed objects.

Blind Image – This refers to an image that is embossed, de-bossed, stamped or watermark that is created through creating the image as part of the papers texture and not using inks or foils.

Blocking – This is when printed sheets (usually freshly printed) stick together, resulting in damage when they are separated.

Blow-Up – An enlargement of an image.

Blurb – A brief description that is found on the back of book jackets. They are designed to entice the reader.

BMP – Windows bitmap file format. It ‘lossless’, meaning uncompressed so that image quality is preserved. Its use is dwindling as there are better options available.

Body – In print or on the web, this refers to the main text area.

Borrowed Interest – A technique of using something already famous to help sell a product or service. Examples are celebrity endorsements and give-aways.

Brand (Branding) – The brand is what sets a product apart from its competitors. The idea of the brand transcends the physical properties of the product and incorporates a great deal of other elements.

Brand Loyalty – This is the trusting relationship that customers feel towards a particular brand and the reasons why they like it.

Bronzing – An effect which is created by dusting wet ink with a metallic powder.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – A

As a designer, I need to know a lot of jargon as I deal with printers, web developers etc. etc. Although I try not to use it when speaking to clients, it can occasionally slip out.

No matter what you do, we all have a tendency to use our industry jargon when speaking to others. Here, I present a glossary of design / web / print terms for your personal edification.

A

A (Paper Sizes) – ISO paper sizes. Each is double the size of the one before it. A4 is the most common size, used for letterheads etc. A4 is twice the size of A5, half the size of A3.

Above The Line – Traditional, non-direct advertising of print, TV and radio.

Acetate – A transparent sheet, such as used on OHP’s or as a protective cover for bound documents.

Acid Free Paper – A paper type that resists discolouration and deterioration as a result of age.

Adobe – Adobe is the company behind a range of professional design software e.g Photoshop, Illustrator.

Acrobat – Another piece of Adobe software. Acrobat is used to create and view PDF files.

Achromatic – This refers to ‘non-colours, that is black, grey and white.

Agate – A type size that is 5&#frac12; points.

Air (Print) – A term used to describe large, blank areas in design layout. More commonly called ‘white-space’.

Air (Software) – Software for developers to produce, stand-alone applications across various platforms and devices.

Airbrush – A compressed air tool that uses a fine mist of either paint or ink, usually used to touch up images. Also sometimes used to refer to the digitally touching up of photographs.

Alley – The space between columns of a layout.

Aliasing – spatial aliasing, which shows as visible pixelation – a blocky or jagged effect that is usually apparent on lines which are not quite horizontal or vertical.

Alignment – The position of text and items in a layout. Can refer to either vertical or horizontal alignment.

Ambient Media – This refers to non-traditional forms of media. It can either be a new technique or using existing forms in new and innovative ways.

Analogy and Visual Metaphor – These use something to represent something else. The analogy campares a similar item to help explain something. A metaphor is the use of a word or phrase to imply characteristics, e.g. Fox = sly / cunning.

Animated Gif – A bitmap-based format specifically designed for use on the web. It supports a low number of colours (256) and can contain a number of .gif images that can be viewed as an animation. The use of animated gifs has fallen out of favour.

Anti-Alias – A method of blending the edges of an object to to jagged edges.

Anti-Aliasing – Most commonly seen as an option on computer display settings, where fonts are smoothed to remove jagged edges and aid readability.

Arms – The elements of letters that branch out of the stem of a letter, for example ‘Y’.

Artwork – Refers to any graphics, layouts, photographs etc.

Acender – In typography, the ascender is anything that appears above the x-hight of the font. b, d, f, h, k, l and t all have ascenders.

Aspect Ratio – Ration of a screen, monitor, video etc. Older TV’s were 4:3, widescreen is typically 16:9.

Alpha-Channel – An 8-bit channel that is available in some file formats. .PNG is commonly used on the web as the alpha-channel allows transparency saved in an image. JPEG does not allow this and GIF only allows transparency to be on or off, so there is no partial or semi-transparency allowed, resulting in jagged edges.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – Z

Z

Z-Axis – Vertical plane of a three-dimensional plot.

Z-Index – The arrangement of layers on a webpage. Layers can be overlaid on one another so they are assigned a Z-Index to dictate in what order they appear.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – Y

Y

Y-Axis – Vertical plane of a two-dimensional plot. Or one of the two horizontal planes of a three-dimensional plot where it will be at a right-angle to the x-axis.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – X

X

X-Axis – Horizontal plane of a two-dimensional plot. Or one of the two horizontal planes of a three-dimensional plot where it will be at a right-angle to the y-axis.

XHTML – Abbreviation for Extensible Hypertext Mark-up Language and is a hybrid of XML and HTML. Web pages designed in XHTML should look the same across all platforms. XHTML is a reformation of HTML as an XML vocabulary.

XML – Abbreviation for Extensible Mark-up Language. XML A language specification from the W3C that allows users to develop their own markup languages (often called vocabularies), and format their documents using stylesheets to be presented on a browser if desired.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – W

W

White Space – Refers to the blank areas around items in a design. Sometimes referred to as “air”, it doesn’t have to be white, it’s just any area that isn’t occupied with text or graphic elements. Used correctly it can increase readability and impact. (See Negative Space to read about the difference between the two.)

Wire Frame – A method used to help aid the web design process. Wire frames, like they sound, are basic representations of web sites created so that design and layouts can be developed and explored rapidly.

WYSIWYG – What-You-See-Is-What-You-Get. The term originally arrived with the emergence of DTP and means that what is displayed on-screen when creating means that it will also appear the same when out-putted. Now it covers a great number of applications.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – V

V

Validation – Checking HTML and CSS code to ensure that it is valid and cross-browser friendly so that it complies with the standards set by the World Wide Web Consortium. W3C.

Vector – Vectors are methods of drawing which store data, such as points of a line and mathematical formulas to calculate curvature etc. and then use this data to render images on screen. As a result, vector graphics are smaller in files size and can be scaled up or down with no reduction in quality.

Vignette – (1) A vignette, in graphic design, is a decorative design usually placed to separate sections or chapters in books. (2) A brief scene, either in literature, a play or film that gives a greater insight into one particular aspect.

Vignetting – This refers to the darkening or reduction in quality (most noticeably in the corners) of photographic images. This can be due to mechanical or optical effects, or may have been added post-production.

Viral – Used to describe how marketing and other media can spread via word of mouth.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – U

U

Universal Access – Enabling your website to be accessible to all, despite disabilities that users may have.

URL – A web address or location of a particular page of file online, for example http://www.jeffreydriver.co.uk.

Usability – A term referring to the ease of use of a device or user-interface.

USB – A now universal computer interface allowing a variety of devices and peripherals to be attached.

User Centered Design – This is more of a philosophy than anything else. It means to concentrate on the needs of customers/users and designing for them, not yourself.

USP – Unique Selling Point. Something which sets you apart from your competitors.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – T

T

Tagline – A sentence that clearly and concisely sums up the campaign message.

Target – Often followed by “Audience” this is the demographic which a campaign, product or service is aimed at.

Template – A template is something which acts as the basis for something else. For example, a WordPress template defines the overall look of a site, but each page can be customised. The same applies to print where a set template is created and then different pages are variations of it.

Text Wrap – Where text, instead of extending past the visible screen or defined boundary automatically drops to the next line..

TIFF – A high quality image file format.

Thumbnail – A small image, often a scaled-down version of a larger image used to help aid navigation or help the viewer choose what’s relevant / interests them.

Through The Line – This refers to interactive media advertising.

Truisms – Simple “facts of life” that can be effective is their use as they are widely recognised, simplistic, and hard to argue against.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z

Design, Web and Print Glossary, Terms, Definitions – S

S

Sans-Serif – Refers to fonts which don’t have the small extrusions on the letters. Arial is a common sans-serif font.

Saturation – This is the intensity of a colour, the less saturated, the more neutral it becomes, leading to grey.

Serif – Opposite of Sans-Serif. Times New Roman is an example.

Seven Deadly Sins – The sins refer to human weaknesses and are ideal targets that your marketing can aim for. i.e. identify which sins are likely to be relevant to your target audience and explain how your product / service will either resolve or pander to it. The sins – Lust, Gluttony, Greed, Sloth, Wrath, Envy and Pride

SLIP IT – In marketing, an acronym that reminds you that an ad should make the viewer Smile, Laugh, Inform, Provoke, Involve and /or make you Think.

Spot – A single TV advert.

Spot Colour – A pre-mixed ink that is used in a print job. This is done when a very specific colour is required and/or may be difficult to achieve with CMYK colour processes. The finish of a Spot Colour is superior.

Stock – Refers to any pre-made resources not specifically created for the project.

Support Points – Several points or facts that back up a proposition.

Symbol – A type of visual metaphor, usually quite simple. e.g red = danger.

A  |  B  |  C  |  D  |  E  |  F  |  G  |  H  |  I  |  J  |  K  |  L  |  M
N  |  O  |  P  |  Q  |  R  |  S  |  T  |  U  |  V  |  W  |  X  |  Y  |  Z