About this site's lack of design: Yes, it's supposed to look this way — I'm helping create a new sandbox theme for WordPress (see it on GitHub).

Dan Rubin's SuperfluousBanter

Suffering from chronic idiocy since 1977

Archive for June, 2008

Some Thoughts on Logo Design

Friday, June 20th, 2008

A few months ago, I had the pleasure of answering a few questions for an article being written by my friend Elliot Jay Stocks for .net Magazine (Practical Web Design here in the States). Elliot quoted me quite nicely in the article, but I thought it would be interesting to publish my complete answers here, along with his questions, and he kindly gave his permission.

Note: The article itself is full of some solid information and quotes some bright minds—well worth picking up if you get the chance (as is the rest of the issue).

EJS: Please could you tell us a bit about yourself and your work with logos so far?

DR: I’ve always loved logos, and some of my earliest experiments with design were logotypes (I tend to prefer type-driven logos with minimal imagery). I don’t get as many opportunities to design logos for clients as I’d like, but I do a fair amount for friends and personal projects, sometimes for imaginary ideas just as an excuse to design a logo or logotype.

EJS: Which logo (that you’ve designed) are you most proud of and why?

DR: I’m torn between the current logo for SuperfluousBanter and a logo I did a few years ago for a real estate company that by brother was starting. I put most of the work I do into two categories: design for myself, and design for others—so those are my current favorites from each category.

In the case of SuperfluousBanter’s current logo (there have been a few over the years), the “sb” mark on an orange field sporting a lighter spiral (with the counter of the “b” over the center of the spiral) has a nice balance of symmetry and asymmetry at the same time, without getting complicated.

With the logo for the real estate firm, the business name was that of the main partner in the company, so it required a visual mark in addition to the logotype in order to communicate the type of business. Not that it was groundbreaking in any way, but the mark does its job well, without being too complicated—the more basic the shapes, the easier it is to recognize an image at a glance (important for property signage), and the better its reproduction at various high- and low-resolutions. The qualities of the mark that make it my favorite are similar to those of the SuperfluousBanter mark: a combination of symmetry and asymmetry that results in balance (it’s extremely important to have all three), and in this case, the end result was almost exactly what I pictured in my head before even sketching the first rough.

EJS: Can you name an all-time favourite (web-related) logo that someone else has designed? Why do you like it so much?

DR: It’s hard to decide, but I’ll go with Dan Cederholm’s Cork’d logo. I like Dan’s style in general, but the Cork’d logo is just elegant in its own little way (recurring theme: combination of symmetry and asymmetry resulting in an overall balance). I wear the t-shirt so much that I’ve almost worn it out ;)

EJS: What do you consider to be the current trends in web industry logo design? Are they good or bad?

DR: While there are still a lot of “web 2.0” design trends everywhere (not just online, either), in my experience these design trends result almost as much from client demand as from designers imposing those trends on their work. As I said before, I’m a fan of type-driven logos, with simple, straight-forward visual marks to support the type. Aside from the drop-shadows, bevels and other standard design clichés, I don’t think there are any awful trends per se (some people might say there’s been enough rounded type and bright, happy colors, but if a client wants their brand to be ‘friendly’ etc., more often than not it’s the right direction), but I could still do without blatant 3-D or an over abundance of filter effects. And let’s not get into the pros and cons of reflections…

EJS: Where do you get your inspiration from and can you recommend any good places of inspiration or resources (books, websites, designers, etc.)?

DR: I’m constantly searching for new sources of inspiration—my personal preference is to find as much as possible offline rather than use the web. Not only does it give my eyes some needed respite from the glare of the screen, but I find my reactions are different when reading a book, sifting through old album covers, digging through piles of magazines—the tactile experience engages more senses, and that helps get the creative juices flowing for me. As for specific resources, I think it’s useful to have good examples around (for comparison if nothing else), and the Logo Lounge series of books is a good place to start for more recent designs. A similar resource online is LogoPond (though I wouldn’t personally subject in-progress work to public examination like some users of the site). If you can find books about logo design and branding written/printed prior to the mid-1980’s, you’ll find some great examples of how to design marks without going overboard (a simple mark that reproduces well in black after being faxed will likely translate quite nicely to the web).

EJS: How do you approach the logo-designing process? Is there a system (maybe in 6 steps) that you can recommend?

DR: While I don’t have a fixed set of steps in place for any of my work (I like to think it helps avoid patterns and forces me to think from a fresh perspective on every project), I do tend to go about the problem-solving process the same way each time:

  • Find out as much as you can about the client/product/organization/person/service that the logo will represent. Without that input, a logo is just some text, lines and color.
  • Research other brands in the same market—I used to use this step as motivation to “design a better logo” or “beat the competition” but I feel that was misguided. Now I use it primarily to get a feel for what is already successful, and to know what to avoid visually in order to create something unique.
  • Sketch and Play—this step is the most random for me: sometimes I’m sketching with pencil in a Moleskine, other times I’m messing around in Photoshop or Illustrator, and a few times the good ideas have come on the requisite cocktail napkin or in the margins of a magazine. The experimentation is the fun part—it’s not always needed (if you see the final logo in your head the first time inspiration hits, get to a computer as quickly as possible and just draw the thing!), but when you’re waiting for the lightning to strike it’s a good way to try things out.
  • Design in black and white until you have your logotype and/or mark, then add color and adjust as needed.
  • Once you have something, print it out. A lot. I tend to do most digital logo work in Illustrator so everything is vector and easily printed at various sizes. Print variations in type weight/style, as well as inverted versions of your logotype and mark. Print large versions and paste them to the wall, or lay them out on the floor. Look at them for a few hours, or a day, or a few days—as much time as it takes you to really let things sink in.
  • If it’s paid work, don’t deliver final art until receiving final payment. If it’s for a friend, give them a CD over dinner.

EJS: What tools feature in your logo-making process (and how prominently, like mainly Illustrator and only a bit of Photoshop?), and can you name any that people might not know about (i.e: any apps outside of the Adobe family)?

DR: I guess I already answered that for the most part. Illustrator is my primary weapon, though anything that allows vector illustration should be fine (even if you’re designing a logo for a web site—there’s nothing worse than designing a kick-ass logo in Photoshop at 72dpi and then realizing that you have to recreate it from scratch as vector art because the client wants to make t-shirts).

EJS: What problems have you encountered in designing logos and how do you avoid them?

DR: Aside from figuring out the starting point (always a moving target from project to project), clients and their expectations/preferences are the biggest problem. That’s a bigger topic of discussion, but I retain as much creative control as possible, and let my clients know up front that I expect them to trust my opinions. If you’re firm with your client from the beginning, their expectations will fall more closely in line with yours.

EJS: What general tips can you offer for other logo designers out there?

DR: Play. A lot. Look for sources of inspiration that may not seem immediately obvious—if you’re stuck for ideas on a logo for a children’s book, start digging through some heavy metal album covers, or a stack of performance car magazines, or some swimwear catalogs. The contrast can do wonders for your subconscious.

EJS: How would you define a good logo? What elements does it need?

DR: Though I have my own, subjective thoughts on this, I’m sure not many would disagree that a good logo is one that communicates the intended message effectively. Usually that message helps define the brand in an easily digestible way. So a successful logo is one that can represent the brand (whether it’s an individual, a small non-profit organization, or a multi-national corporation).

When it comes to the actual visual elements, I prefer logos that do the above described job without being complicated. Striking the correct balance between typography, color, shapes and symmetry isn’t something that can be quantified—it will be different for every logo. I find that the logos that pique my interest the most are those with some level of balanced asymmetry: if you split a logo down the center of either axis, it should not result in a mirror image. Type is a straightforward way to achieve this, since you can very easily balance the letterforms without creating a mirror image. In fact, you’d have to work very hard to achieve that effect, to the extent that if it was the intended effect, it would likely be a more creative end result (and as such, become a successful exception to the mirror rule), for example the ambigrams of John Langdon.

EJS: What would you consider to be mistakes in logo design, be them your own or made by others?

DR: A level of detail that precludes low-resolution or small-size reproduction, including color and type selection in some cases. This is a potential issue with the preponderance of photorealistic logos that are becoming increasingly popular with software companies, but I’m starting to see it creep into other uses. I also feel like typeface selection is often not given as much careful consideration as it requires. Of course, logos can still be successful without being “perfect” by any one person’s definition.

Many thanks again to Elliot and the editors of .net Magazine.

Categories:

10 Comments

Screencast: Finder Window Icon Trick

Monday, June 9th, 2008

To celebrate Mac Day (any Steve Jobs keynote address deserves a worldwide holiday as far as I’m concerned), I’ve decided to do my first screencast, so you’ll have something to play with while waiting for the MacWorld madness to begin (it also helps justify my purchase of ScreenFlow a few months ago).

Thanks to the awesome folks at Viddler for making my life a bit easier once I got past the “export” stage…

Categories:

16 Comments