Breaking Rules: The Lies of Logo Design

Like anything else, proper logo design has its rules. To avoid trials and tribulation, there are certain well known guidelines that govern the way each and every new logo should come about into existence. These range from the birth of the logo, the creative process, and end at end, when the logo is finally revealed to the world.

Such rules include scalability – paying equal attention to how the mark will look both on giant billboards as well as small business cards – and to make the logo instantly recognizable, to achieve a quick association between product and producer.

Though as the saying goes, rules are meant to be broken. Some rules exist only in history as a memory of technological limitations, while others were conceived as a misunderstanding of the design process, and should have quickly been aborted.

rulesbreak Breaking Rules: The Lies of Logo Design

Limited Color:

An excellent example of this is the old ‘no more than X amount of colors’ rule. It started as no more than 2, then 3, then 3-4, and lives on still.

While of course a beautiful logo can still be made with no more than 3 colors, there is absolutely no reason today why you should forbid yourself from experimenting with a larger range.

This limited color rule was originally born in reaction to simple technological constraints. Using a larger amount of colors for a particular logo increased costs to an undesirable amount. Nowadays, as technology advances at increasingly faster rates, the cost of printing many colors in relation to logos is not something that should deter you from creating a wonderfully colourful mark.

One thing that should be kept in mind is to always make sure the logo works well in plain black and white. The logo might appear on faxed documents, low cost reports and other printing, office stationary, etc., and thus will have to retain its original feel even when in a monotone setting.

Having a colorful logo can be fantastic, though color should always be the special sauce to an original black and white mark. Content and form should always be more important than color, and thus shouldn’t be relied upon for color to do so.

Here’s some example of practical colorful logos:

colorfullogos Breaking Rules: The Lies of Logo DesignNo Special Effects:

Like the limited color rule, the ‘no special effects’ rule exists because of it was harder to print in the earlier days, as well as its contrary nature to the black and white rule.

Though as colors should be used to spice up a fantastic initial design, special effects such as gradients and drop shadows can be used to give added depth and movement to a logo.

As the Web 2.0 revolution appeared, gloss, shine, bright gradations and reflections ruled many newly appearing logos. It wasn’t uncommon for a client to ask for a ‘web 2.0’ styled logo, which actually had no definition, but was taken to mean these certain elements. While the over abundance of these types of logos has made the extremely shiny look a little stale, special effects can be used in a more subtle fashion to make a logo really ‘pop’.

Nowadays, it’s not uncommon to see many companies redesigning their logos by updating them with special effects once considered off-limits, but now serve to ‘modernize’ their identity.

Here’s some examples of how special effects have been used to ‘spice up’ different logos:

sfxlogos Breaking Rules: The Lies of Logo DesignConnection between logo and what it represents:

This is a rule perpetuated largely by the amateur and non-observant designer. The idea is that a logo should visually represent the company or organization’s business that is supplies to customers. That is, if the business sells shoes, it should visually represent something to do with shoes. If the business deals with lamps, there should be a lamp in a logo.

This is absolutely not the case. While visual representation can help if you have a relatively new business, it is made apparent by many of the larger companies that their logos don’t actually hold any reference to their product whatsoever.

In fact, logos such as IBM set the standard for many of today’s technological companies logos. After IBM used stripes, they became quite commonplace in many logos dealing with computers and technology.

You’ll notice that with many of the larger more well established businesses, their logo represents their business, regardless of content; their business doesn’t represent the logo.

Here’s an example of a few of these logos:

noreplogos Breaking Rules: The Lies of Logo DesignBreak Convention:

Not so much a rule, but far too often taken to the extreme. Many take uniqueness to the extreme where a logo can start to look cryptic instead of functional. Sometimes ‘unique’ logo concepts can make no sense whatsoever.

It is important to distinguish following trend from following convention. Trend is just that – a gimmick that while once fresh, has become saturated due to ‘me too’ symptom. The visual gimmick becomes social proofed, and others wanting to be a part of the group follow suit.

Convention, on the other hand, exists as a visual description of an entity’s business. For example, many high-end fashion brands are characterized by classy type-only logos. While we have no other clues as to the dealings of the business from the logo, we can usually identify a high-end fashion label from the typeface it chooses to use.

This isn’t an example of following trend, but rather following convention. Each label’s logo has its own unique characteristics, yet they all follow a few simple guidelines, so that we can quickly identify their niche.

It is important to remember that convention exists for the sake of identification, though it does not have to restrict creativity and uniqueness.

Here are some logos that remain unique yet still follow convention:

conventionlogos Breaking Rules: The Lies of Logo DesignThere are many rules that govern the creation of logos. Some as we’ve seen shouldn’t be taken note of, while others act more as guidelines to perfection. However, there are always exceptions to rules – a contradiction in terms – meaning perhaps there are no ‘rules’ whatsoever.

If you enjoyed this article, subscribe and share your opinion below.

Ultimate Collection of 40+ jQuery Tutorials and Resources

jQuery provides developers with an invaluable tool to enhance user experience and usability. It truly is the bees knees. The following comprehensively brilliant collection of jQuery tutorials will provide developers and designers alike with knowledge and skills that will blow minds. Prepare for your awakening. Enlightenment follows. Incredible.

Wait. To get the most out of the following tutorials, it’s important to understand what jQuery is. It’s also useful and highly recommended (but not required) to have a basic knowledge of JavaScript and the document object model (DOM).

John Resig creator of the jQuery library at DrupalCamp Toronto 2008.

John Resig creator of the jQuery library at DrupalCamp Toronto 2008.

What is jQuery?

Straight from the official jQuery.com homepage:

“jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.”

jQuery - Javascript Made Easy

A brilliant introduction to jQuery. What, why and how.

A brilliant introduction to jQuery. What, why and how.

7 reasons why you really should learn jQuery

A great article on the positives AND negatives of using jQuery.

A great article on the positives AND negatives of using jQuery.

Cool! Where do I start learning jQuery?

jQuery.com’s very own tutorial page. Gasp. Start with the following tutorial before sifting through the rest of their collection.

Getting Started with jQuery

An excellent tutorial that will take you through the basics of jQuery from setup to building plugins.

An excellent tutorial that will take you through the basics of jQuery from setup to building plugins.

jQuery for Absolute Beginners: The Complete Series

An incredible 15-day screencast series by ThemeForest that you MUST watch and learn from. These videos will give you an incredible jQuery foundation to build upon.

An incredible 15-day screencast series by ThemeForest that you MUST watch and learn from. These videos will give you an incredible jQuery foundation to build upon.

More Quality jQuery Tutorials

Feed your mind with the following list of 25+ brilliant jQuery tutorials:

Create a Slick Tabbed Content Area using CSS & jQuery

jQuery Tabbed Navigation

How to Load In and Animate Content with jQuery

Ajaxify your Website using jQuery

Building a jQuery-Powered Tag-Cloud

jQuery Tag Cloud

jQuery Tutorials for Designers

jQuery Tutorials for Designers

5 Tips for Better jQuery Code

Tips For Better jQuery Code

jQuery & CSS Example - Dropdown Menu

Dropdown Menu in jQuery

jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly

Selecting Multiple Specific Items In A List Using jQuery

jQuery Crash Course

jQuery Crash Course

Improve your jQuery - 25 Excellent Tips

10twentyfivetips Ultimate Collection of 40+ jQuery Tutorials and Resources

Creating a “Filterable” Portfolio with jQuery

jQuery Filterable Portfolio

Setting Equal Heights with jQuery

Equal Container Heights with jQuery

JQuery for Everyone: Dressing-up Links Pt1

Dressing Up Links with Icons using jQuery

Styling Buttons and Toolbars with the jQuery UI CSS Framework

Styling Buttons using jQuery

jQuery Slideshows With the Cycle Plugin

jQuery Slideshow

Creating a Dynamic Poll with jQuery and PHP

Dynamic jQuery Poll

Create a Photo Admin Site Using PHP and jQuery

Photo Admin Site using jQuery

Use jQuery with Google Analytics to Track Clicks on Outgoing Links From Your Site

Tracking External Links using jQuery and Google Analytics

Build An Incredible Login Form With jQuery

Login Form using jQuery

Adding Form Validation to WordPress Comments using jQuery

Form Validation using jQuery

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

MooTools Styled Navigation using jQuery

Coda Popup Bubbles

Coda Styled Popup Bubbles using jQuery

Simple Effects Plugins

Simple Effects jQuery Plugin

Wordpress Sidebar Turned Apple-Flashy Using jQuery UI

Apple Wordpress Sidebar using jQuery

Easy Multi Select Transfer with jQuery

Menu Swap using jQuery

Quick Tip: Add Easing to Your Animations

How To Use Easing in jQuery Animation

Quick Tip: Prevent Animation Queue Buildup

Prevent Animation Stacking in jQuery

Designing the Digg Header: How To & Download

Designing the Digg Header using jQuery

jQuery Resources

A few impressive and popular extensions to jQuery:

Introduction to jQuery UI

An Introduction to jQuery UI

jQuery Cheatsheet

jQuery Cheatsheet

Increase Development Speed With jQuery

Use Greasemonkey Scripts to Increase Development Speed using jQuery

ThickBox

jQuery Thickbox

JS Bin - Collaborative Javascript Debugging

JS Bin - Test JS including Framework use Inside Your Browser

jQuery Flash Plugin

jQuery Flash Plugin

What now?

There is a near abundance of jQuery plugins, resources, examples and tutorials floating throughout the web for you to discover. Hopefully this collection of some of the better jQuery tutorials and resources around has opened your mind to the possiblitities and wonders of jQuery in web development and design.

If you enjoyed this article, subscribe to our RSS feed! Digg, Delicious, Dzone links and more below <3

Ultimate List Of 40 Quality Flash Tutorials For Your Animated Desire

Flash tutorials are like chili spice. In clever hands, flash will give your users online experience an incredible kick. Use it poorly and your mouth deserves to burn. The following list of flash tutorials provides the perfect opportunity for designers inexperienced with flash to gain a wide range of skills in a short period of time.

Open flash up and get interactive or choose to delicious.com bookmark it for later. Enjoy!

Application Tutorials

How To Build An AS3 Videoplayer
Flash Video Player

Expanding the AS3 Videoplayer
Take the videoplayer in the previous tutorial several steps further.

Introduction to Flex: Part 1
Create a simple Twitter search application in this impressive Flex framework tutorial.

Introducton to Flex: Part 2
Part two of the Twitter search application tutorial using Flex.

Mp3 Player With Volume Slider Using Actionscript 3
Learn how to build a simple flash mp3 player in this valuable tutorial.

Animation Tutorials

Creating a 3D Tunnel Effect in Flash
Flash 3D Tunnel Effect

Intense Gunshot Muzzle Flash Tutorial
Create a cool muzzle flash animation for use on guns.

Animating Dialogue using the “Mouth Comp” Method
A great tutorial for efficiently animating dialogue.

Motion Tweening Text
Produce a simple text effect.

Realistic Flash Smoke Effect
This impressive tutorial will teach you how to create realistic animated smoke.

Flash CS3 Animation Basics: Motion Guide
Learn how to use a motion guide to make an object follow a certain path.

Cartoon Animation
Cartoon Animation

Complex Button RollOver/RollOut Effects
Great concept tutorial for creating complex animated buttons.

Intro to Animation in Flash CS4
A clean introduction to animation in Flash CS4.

Animated Blur
Flash Animated Blur

White Noise/TV Static Effect
Learn how to produce realistic tv static using Photoshop and Flash.

Tekno’s Action Tutorial
Explosion Tutorial

Game Tutorials

Make a Flash Game Like Flash Element Tower Defense
Flash Element TD is awesomely addictive. Learn how to create your own.

HitTest and Advanced Game Movement
Learn basic collision and game movement in this concise tutorial.

Create a Flash Game like Security
Flash Game Security

How to Load Levels in a Flash Tile Based Game
This tutorial shows a great way to load custom levels that you can produce externally using XML.

Create a Brick Breaker Game in AS2
Flash Brick Breaker Game

Creating a Vertical Shooter
Learn how to create your very own addictive vertical shooter.

RPG Programming: Introduction
A good insight tutorial into RPG creation within flash.

Flash Game Development with Flex and Actionscript
Flex Fighter

Programming (AS, Flex, XML) Tutorials

Introduction to OOP
OOP In Flash

What is Flex? Why Use It?
Skeptical of or new to Flex? Definitely read this now.

Preloading in ActionScript 3
A clean and reliable method of preloading in Flash.

Anti-Theft Techniques
A brilliant tutorial that will allow you to ban certain websites from hosting, running and profiting from your work.

Random Numbers in Flash
How to use random().

Introduction to XML in Flash
A very complete guide to XML in flash. Outdated, however still worth reading.

Classes in ActionScript 3
Get your head around this stuff.

Isometric Transformations
Blow your mind with isometric transformations!

Drawing Tutorials

Maintaining Rhythm and Flow in Vector Character Design
Rhythm and flow are key to great animation.

Build a Retro-Styled GUI with Keyboard Controls
gui Ultimate List Of 40 Quality Flash Tutorials For Your Animated Desire

1pt Perspective Tutorial
Learn how to draw single vanishing point perspective scenes. A must see.

2pt Perspective Tutorial
A more advanced follow up to the previous tutorial, using two vanishing points.

Using Pixel Fonts
Using pixel fonts correctly in flash is a vital skill.

TheExtreme Stick Tutorial
Learn How To Draw Awesome Stick Figures In Flash