Graphics.com
 home | news | tips, tutorials & articles | forums | downloads | gallery | resources | on demand videos | newsletters | jobs

  Printer Friendly Page 

Graphic Design

Four-color Logos: Logomarks, Logotypes and Simple Symbols

Adapted from Color Management for Logos: A Comprehensive Guide for Graphic Designers (Rotovision)

By John T. Drew and Sarah A. Meyer

Dateline: January 26, 2007
Read more Graphic Design articles

With the globalization of printing, coupled with interactive and motion design, the cost of adding additional colors to a logo has changed dramatically. No longer are corporations always limited to creating a mark with a restrictive color palette. However, this relatively new phenommenon can make designing logos more complex and harder to control. Today we are not only faced with understanding print production, we are also charged with understanding the Web, its interactivity, motion design, and, in many cases, environmmental graphic design, packaging, textiles, and product design. Managing color has never been so complex, both in its technical application and conceptual direction. Some of the world’s most inspiring four-color logomarks are showcased here to help us understand how these issues have been addressed by utilizing hue to its fullest potential.

From large corporations to small fashion houses, from building facilities to advertising, marks and their colorful use engulf our environmment and influence our consumption. Understanding how, when, and why colors should be used in a given circumstance is the mainstay of hue application.

Team CdLS
Designer: Laurie Churchman
Studio: Designiore

Associative Color Response:
· good spirits, inviting: mid-orange
· dignity, pleasing: high-chroma blue
· surging, brilliant: red
· new growth, hope: green

Color Scheme: split
complementaries plus one hue (tetrad)

This logomark uses a tetrad color arrangement (a contrast of four or more colors on the color wheel) for emphasis. The equally weighted blue, green, and negative white line encompass the colors and create unity within the arrangement.



S. P. Shaughnessey & Company
Designer/Art Director: Drew M. Dallet
Studio: Boom Creative

Associative Color Response:
· brimming with life, thinking: green
· quality, practical: gray
· strong, prestigious: black

Color Scheme: monochromatic plus neutral (tinted)

The equal line weight of the inverted white type creates a “C” and “P” individually and a broken “S” as a whole. In addition, the counterform defines a contiguous green “S” that is unified with the white stroke through proportion. The white stroke is half the weight of the green stroke.



Campus Lasik
Designer/Art Director: Drew M. Dallet
Studio: Boom Creative

Associative Color Response:
· clear, thinking: green
· quality, practical: gray
· service, professional: blue
· school, prestigious: black

Color Scheme: analogous plus neutral (tinted)

The font choice connotes a university emblem, while the thick-and-thin line quality unifies the mark in a way similar to the stitching used to attach a badge to a college leather jacket. The blue fields seem to indicate the circular form of the iris.



Ask Me! About UNLV
Designer: Ken Kelleher

Associative Color Response:
· cheerful, warm: orange
· passion, practical: gray
· school, prestigious: black
· brilliant, extrovert: red

Color Scheme: two hue plus achromatic tints

The sans-serif type adds to the quick read, and the orange exclamation point emphasizes the passion and energy with which questions will be answered. Hierarchy in the statement is determined by the tints and hues of each word, with “about” being the least important. The change from sans serif to serif in addition to the red color emphasizes “UNLV.”



Firedog
Designers: Clifford Boobyer and Andrew Philip
Studio: Firedog Design

Associative Color Response:
· dynamic, provocative: red
· professional, solid: gray
· powerful, basic: black

Color Scheme: one hue with tinting and shading
The subtle shift from shadow to highlight creates dimensionality to the button. Although the dog sits on a narrow depth of field, adding black to the red prevents the tint from turning pink and reinforces the dog’s vigor.



WeB•X Internet Solutions
Designer/Art Director: Drew M. Dallet
Studio: Boom Creative

Associative Color Response:
· dynamic, provocative: red
· professional, solid: gray
· strong, invulnerable: black

Color Scheme: one hue plus achromatic tints
The white “x” seems to radiate out from the red dot at the center of the logomark. This is enhanced by the smooth transition from thick to thin line, the elliptical gray shapes in the background, and subtle simultaneous contrast of the gray and red triangles. These qualities are mirrored in the type choice and placement.



tech Source Solutions LLC
Designer/Art Director: Drew M. Dallet
Studio: Boom Creative

Associative Color Response:
· develop, experience: dark red
· versatility, trustworthy: green
· basic, invulnerable: black

Color Scheme: complementary tints plus neutral
The shadow produced by the gear belies the flat appearance of the wheel. The lack of dimension is created through the equal line weights and shades of complementary color (red and green), while the tint of black in the shadow defines depth.



St. Patrick’s Massacre
Designer: Mark Raebel
Studio: Arsenal Design

Associative Color Response:
· St. Patrick’s Day, springtime: green
· new growth, fruity: high-chroma green-yellow
· wheat, cheerful: yellow
· basic, neutral: black

Color Scheme: analogous plus neutral
Overlapping of imagery communicates depth, and in this logomark creates the illusion that the knife is spearing the shamrock. Yellow is used in both the foreground of the knife and the background field. This helps to unify the composition but does not detract from the implied depth.



Saint Pat’s at the Tip
Designer: Mark Raebel
Studio: Arsenal Design

Associative Color Response:
· St. Patrick’s Day, refreshing: green
· tasty, friendly: orange
· heavy, basic: black

Color Scheme: two points of a triad with tinting plus neutral
The orange calls attention to the predominant hierarchy and helps to slow the reader’s eye, which is essential for this typeface. In addition, the bold white line around the distressed black type helps to clarify the readability and unifies “Saint Pat’s” with the secondary type.



Pediatric Palliative Care
Studio: Essex Two

Associative Color Response:
· stimulating, fun: red
· happy, pleasing: blue
· energetic, warmth: yellow
· school, spatial: black

Color Scheme: additive primaries plus neutral
Not only are the primary colors equally spaced from each other on the color wheel, they are also equally spaced within this logomark. This helps to reinforce the building-block effect of the interlinking structure without diminishing the significance of the mark as too childish.



SpotLight Projects
Studio: Essex Two

Associative Color Response:
· anticipation, welcome: yellow
· spatial, mysterious: black

Color Scheme: one hue plus neutral with tints and shades
The subtlety with which the spotlights are trained is achieved through the definition of each tint. This effect can only be accomplished through controlled overprinting of one gradation over another and a precise halftone dot that gradually reveals the foreground of the stage.



Microsoft Office Licensing Products.com
Designer: Ann M. Simon

Associative Color Response:
· producing, vital: orange
· strength, work: blue
· use, hope: green
· active, vital: yellow

Color Scheme: complementary (orange, blue) plus diad (yellow, green)
The shift from equally weighted sans-serif typefaces in the background to a serif typeface in the foreground increases the depth in this narrow field. The thick and thin stroke of the “O” calls attention to the triangles created within the blue field.



Eternal Health & Wellness
Designer: Carlo Irigoyen
Art Director: Brenda Spivack
Studio: Red Table

Associative Color Response:
· luxuriance, energy: yellow-orange
· life, warm: brown

Color Scheme: two hues with tints
The equal line weight of the mark is in stark contrast to the thick and thin strokes of the typography. The juxtaposition of contrasting line weight allows both the logomark and the logotype to work independently of each other. Together the logo is unified through the binary opposition as yin/yang and the commonality of the color.




Don't miss the next Graphic Design article on Graphics.com. Get the free Graphics.com newsletter in your mailbox each week. Click here to subscribe.


Excerpted with permission from Color Management for Logos: A Comprehensive Guide for Graphic Designers (Rotovision) by John T. Drew and Sarah A. Meyer. Copyright © 2006 Rotovision.
  

[ Back to Graphic Design | Features Index ]

Stock Logos

mediabistro creative network

Graphics.com Newsletter
The weekly Graphics.com newsletter is a great way to stay up to date on what's new on the site and in the world of graphics.
Learn More »
Follow Graphics.com on Twitter




Graphics.com Blogs

Let's Talk Generic
Mike Lenhart

Art in the House
Mike Lenhart

It's All Black and White To Me
Mike Lenhart

A Bite From The Apple
Mike Lenhart

The Outside In Approach to Social Networking
Chris Dickman

Don't Bite Your Nails!
Mike Lenhart





There isn't content right now for this block.

News Archive | Article Archive | Twitter | Member Login
Newsletters | Feedback | Submit News






WebMediaBrands
mediabistro learnnetwork freelanceconnect SemanticWeb
Jobs | Events | News
Copyright 2010 WebMediaBrands Inc. All rights reserved.
Advertise | Terms of Use | Privacy Policy