Logo Design
Vital Tips For Effective Logo Design
By Jacob Cass
August 26th, 2009
There have been numerous creative logo design showcases, logo design resources and logo design tutorials posted across the Web. While these help you to create a powerful toolbox for your logo designs, first you need to gain a solid understanding of what makes a logo design good and what you need to consider before starting using this toobox.
In this article, we’ll get down to the nitty gritty of what makes an effective logo design and we’ll also guide you through the principles and best practices of how to create an iconic brand identity.
You may be interested in the following related posts:
10 Common Mistakes In Logo Design
Do You Want Fries With That Logo?
60 Logo Design Tutorials and Resources
Drawing Inspiration From Creative Logos
(Smashing’s note: If you are looking for a good book on mobile, this is the one. Our brand new book on best design and coding practices for mobile, Responsive Web design and UX design for mobile. Pre-order now and save 20%!)
What Is A Logo?
To understand what a logo is, we first must understand what the main purpose of logos is. The design process must aim to make the logo immediately recognizable, inspiring trust, admiration, loyalty and an implied superiority. The logo is one aspect of a company’s commercial brand or economic entity, and its shapes, colors, fonts, and images usually are strikingly different from other logo in the same market niche. Logos are used to identify.
Paul Rand, one of the world’s greatest designers states that “a logo is a flag, a signature, an escutcheon, a street sign. A logo does not sell (directly), it identifies. A logo is rarely a description of a business. A logo derives meaning from the quality of the thing it symbolizes, not the other way around. A logo is less important than the product it signifies; what it represents is more important than what it looks like. The subject matter of a logo can be almost anything.”
For more on Paul Rand, consider reading the book Design, Form & Chaos.
What Makes A Good Logo?
A good logo is distinctive, appropriate, practical, graphic and simple in form, and it conveys the owner’s intended message. A concept or “meaning” is usually behind an effective logo, and it communicates the intended message. A logo should be able to be printed at any size and, in most cases, be effective without color. A great logo essentially boils down to two things: great concept and great execution.
Logo Design Process
“Some wonder what’s so difficult about creating a good logo. They’re small, they look easy to do, so no problem, right? When you only see the result of a designer’s efforts, the logo creation can look like it was a simple task. But it’s not. A logo takes thought and creativity, and many elements combine to make a good one.” (via Harrison Mcleod)
When creating a logo, follow a process that ensures the final design meets the needs of the clients. Below, we have listed the typical process that professional logo designers follow. With practice, you will no doubt develop your own.
Design brief.
Conduct a questionnaire or interview with the client to get the design brief.
Research.
Conduct research on the industry itself, its history and competitors. Problem-solve first, design later.
Reference.
Conduct research on logo designs that have been successful and on current styles and trends that may relate to the design brief. Follow trends not for their own sake but rather to be aware of them: longevity in logo design is key.
Sketching and conceptualizing.
Develop the logo design concept(s) around the brief and your research. This is the single most important part of the design process. Get creative and be inspired. As Dainis Graveris has written once, “sketching isn’t time-consuming and is a really good way to put ideas in your head right on paper. After that, it’s always easier to actually design it on the computer. Sketching helps to evolve your imagination: once you understand it, you will always start from just white paper.
Print Design
3 Deadly Sins of Print Design
By Jonathan Cutrell
Posted December 11th, 2008
We’ve all had the painful experience of being handed a brochure that was “designed” with Word Art (or the slightly less painful Pages). The “designer” (we’ll call him Larry) beams, happy to see that his arched, distorted, glowing type is burning holes in your hands. You wouldn’t make those mistakes, would you? Of course not! You are an experienced designer, right?
Right. That’s what Larry says.
Some of the best designers have been tripped up by simple mistakes when designing for print. Obviously, we aren’t just talking about WordArt. We’re talking about a design that looks great on the screen, but it sits next to Larry’s best when you try to transfer it to paper. These are some common mistakes that many designers unknowingly make when coming to the print world.
1. Designing in RGB
CMYK color
RGB color
The Problem
It is important to know that printers have eyes. Well… Sort of. Printers interpret data that is sent to them from an application or a device. That application or device outputs using a certain language, called a color space. The printer interprets the output, and then prints. So let’s say your Macbook Pro and CS4 are speaking Spanish, but your printer is speaking English. What basically happens: the printer listens, hears the Spanish, and tries its best to interpret it. Now, despite the fact that your printer may have taken AP Spanish in high school, it still doesn’t know every word in the dictionario.
The Fix
Fortunately, it’s fairly easy to fix this problem. On the first opening screen in Photoshop and Illustrator, you have the choice of working in RGB or CMYK. Pick CMYK if your design will ever make it to the print world.
Photoshop settings for print design
A word about color spaces…
Without going much into detail, RGB refers to two different color gamuts (sRGB and Adobe RGB), both based on modeling light to produce colors. Red, green, and blue light can theoretically be added together to create any color of light, the “100%” mixture resulting in white. The natural “blank canvas” of RGB is black, or an absence of light.
On the other hand, CMYK is based on mixing four colors (cyan, magenta, yellow, and “key,” an old printing press term for black) to theoretically reproduce any color. The natural blank canvas for CMYK is paper.
Unfortunately, there are colors that cannot be reproduced in the gamut of CMYK that exist in the gamut of RGB, particularly brighter colors, especially in the cyan area. This is where we run into our problem. Simply put, RGB speaks better spanish than CMYK. There’s tons of literature on color management available online or in print. (Note: CMS, in the print world, stands for color management system.)
2. Forgetting to use Rich Black
The Problem
If there is an unforgivable sin, this would be it. Again, a simple understanding of CMYK is needed.
A printer takes the CMYK info it is sent and puts out ink according to that info. CMYK value refers to a set of 4 numbers between one and 100 representing the amount of each color mixed in to achieve the desired color. So you would immediately guess that k=100 would mean black, right?
Larry said so.
Web Design
Top 10 Mistakes in Web Design
Summary:
The ten most egregious offenses against users. Web design disasters and HTML horrors are legion, though many usability atrocities are less common than they used to be.
Since my first attempt in 1996, I have compiled many top-10 lists of the biggest mistakes in Web design. See links to all these lists at the bottom of this article. This article presents the highlights: the very worst mistakes of Web design. (Updated 2011.)
1. Bad Search
Overly literal search engines reduce usability in that they're unable to handle typos, plurals, hyphens, and other variants of the query terms. Such search engines are particularly difficult for elderly users, but they hurt everybody.
A related problem is when search engines prioritize results purely on the basis of how many query terms they contain, rather than on each document's importance. Much better if your search engine calls out "best bets" at the top of the list — especially for important queries, such as the names of your products.
Search is the user's lifeline when navigation fails. Even though advanced search can sometimes help, simple search usually works best, and search should be presented as a simple box, since that's what users are looking for.
2. PDF Files for Online Reading
Users hate coming across a PDF file while browsing, because it breaks their flow. Even simple things like printing or saving documents are difficult because standard browser commands don't work. Layouts are often optimized for a sheet of paper, which rarely matches the size of the user's browser window. Bye-bye smooth scrolling. Hello tiny fonts.
Worst of all, PDF is an undifferentiated blob of content that's hard to navigate.
PDF is great for printing and for distributing manuals and other big documents that need to be printed. Reserve it for this purpose and convert any information that needs to be browsed or read on the screen into real web pages.
> Detailed discussion of why PDF is bad for online reading
3. Not Changing the Color of Visited Links
A good grasp of past navigation helps you understand your current location, since it's the culmination of your journey. Knowing your past and present locations in turn makes it easier to decide where to go next. Links are a key factor in this navigation process. Users can exclude links that proved fruitless in their earlier visits. Conversely, they might revisit links they found helpful in the past.
Most important, knowing which pages they've already visited frees users from unintentionally revisiting the same pages over and over again.
These benefits only accrue under one important assumption: that users can tell the difference between visited and unvisited links because the site shows them in different colors. When visited links don't change color, users exhibit more navigational disorientation in usability testing and unintentionally revisit the same pages repeatedly.
> Usability implications of changing link colors
> Guidelines for showing links
4. Non-Scannable Text
A wall of text is deadly for an interactive experience. Intimidating. Boring. Painful to read.
Write for online, not print. To draw users into the text and support scannability, use well-documented tricks:
subheads
bulleted lists
highlighted keywords
short paragraphs
the inverted pyramid
a simple writing style, and
de-fluffed language devoid of marketese.
> Eyetracking of reading patterns
5. Fixed Font Size
CSS style sheets unfortunately give websites the power to disable a Web browser's "change font size" button and specify a fixed font size. About 95% of the time, this fixed size is tiny, reducing readability significantly for most people over the age of 40.
Respect the user's preferences and let them resize text as needed. Also, specify font sizes in relative terms — not as an absolute number of pixels.