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

Some Thoughts on Logo Design

This item was posted by Dan Rubin on Friday, June 20th, 2008.

A few months ago, I had the plea­sure of answer­ing a few ques­tions for an arti­cle being writ­ten by my friend Elliot Jay Stocks for .net Mag­a­zine (Prac­ti­cal Web Design here in the States). Elliot quoted me quite nicely in the arti­cle, but I thought it would be inter­est­ing to pub­lish my com­plete answers here, along with his ques­tions, and he kindly gave his permission.

Note: The arti­cle itself is full of some solid infor­ma­tion and quotes some bright minds—well worth pick­ing up if you get the chance (as is the rest of the issue).

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

DR: I’ve always loved logos, and some of my ear­li­est exper­i­ments with design were logo­types (I tend to pre­fer type-driven logos with min­i­mal imagery). I don’t get as many oppor­tu­ni­ties to design logos for clients as I’d like, but I do a fair amount for friends and per­sonal projects, some­times for imag­i­nary 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 cur­rent logo for Super­flu­ous­Ban­ter and a logo I did a few years ago for a real estate com­pany that by brother was start­ing. I put most of the work I do into two cat­e­gories: design for myself, and design for others—so those are my cur­rent favorites from each category.

In the case of SuperfluousBanter’s cur­rent logo (there have been a few over the years), the “sb” mark on an orange field sport­ing a lighter spi­ral (with the counter of the “b” over the cen­ter of the spi­ral) has a nice bal­ance of sym­me­try and asym­me­try at the same time, with­out get­ting complicated.

With the logo for the real estate firm, the busi­ness name was that of the main part­ner in the com­pany, so it required a visual mark in addi­tion to the logo­type in order to com­mu­ni­cate the type of busi­ness. Not that it was ground­break­ing in any way, but the mark does its job well, with­out being too complicated—the more basic the shapes, the eas­ier it is to rec­og­nize an image at a glance (impor­tant for prop­erty sig­nage), and the bet­ter its repro­duc­tion at var­i­ous high– and low-resolutions. The qual­i­ties of the mark that make it my favorite are sim­i­lar to those of the Super­flu­ous­Ban­ter mark: a com­bi­na­tion of sym­me­try and asym­me­try that results in bal­ance (it’s extremely impor­tant to have all three), and in this case, the end result was almost exactly what I pic­tured in my head before even sketch­ing the first rough.

EJS: Can you name an all-time favourite (web-related) logo that some­one 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 gen­eral, but the Cork’d logo is just ele­gant in its own lit­tle way (recur­ring theme: com­bi­na­tion of sym­me­try and asym­me­try result­ing in an over­all bal­ance). I wear the t-shirt so much that I’ve almost worn it out ;)

EJS: What do you con­sider to be the cur­rent trends in web indus­try logo design? Are they good or bad?

DR: While there are still a lot of “web 2.0” design trends every­where (not just online, either), in my expe­ri­ence these design trends result almost as much from client demand as from design­ers impos­ing those trends on their work. As I said before, I’m a fan of type-driven logos, with sim­ple, straight-forward visual marks to sup­port the type. Aside from the drop-shadows, bevels and other stan­dard design clichés, I don’t think there are any awful trends per se (some peo­ple might say there’s been enough rounded type and bright, happy col­ors, but if a client wants their brand to be ‘friendly’ etc., more often than not it’s the right direc­tion), but I could still do with­out bla­tant 3-D or an over abun­dance of fil­ter effects. And let’s not get into the pros and cons of reflections…

EJS: Where do you get your inspi­ra­tion from and can you rec­om­mend any good places of inspi­ra­tion or resources (books, web­sites, design­ers, etc.)?

DR: I’m con­stantly search­ing for new sources of inspiration—my per­sonal pref­er­ence is to find as much as pos­si­ble 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 reac­tions are dif­fer­ent when read­ing a book, sift­ing through old album cov­ers, dig­ging through piles of magazines—the tac­tile expe­ri­ence engages more senses, and that helps get the cre­ative juices flow­ing for me. As for spe­cific resources, I think it’s use­ful to have good exam­ples around (for com­par­i­son if noth­ing else), and the Logo Lounge series of books is a good place to start for more recent designs. A sim­i­lar resource online is Logo­Pond (though I wouldn’t per­son­ally sub­ject in-progress work to pub­lic exam­i­na­tion like some users of the site). If you can find books about logo design and brand­ing written/printed prior to the mid-1980’s, you’ll find some great exam­ples of how to design marks with­out going over­board (a sim­ple mark that repro­duces well in black after being faxed will likely trans­late quite nicely to the web).

EJS: How do you approach the logo-designing process? Is there a sys­tem (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 pat­terns and forces me to think from a fresh per­spec­tive 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 rep­re­sent. With­out 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 moti­va­tion to “design a bet­ter logo” or “beat the com­pe­ti­tion” but I feel that was mis­guided. Now I use it pri­mar­ily to get a feel for what is already suc­cess­ful, and to know what to avoid visu­ally in order to cre­ate some­thing unique.
  • Sketch and Play—this step is the most ran­dom for me: some­times I’m sketch­ing with pen­cil in a Mole­sk­ine, other times I’m mess­ing around in Pho­to­shop or Illus­tra­tor, and a few times the good ideas have come on the req­ui­site cock­tail nap­kin or in the mar­gins of a mag­a­zine. The exper­i­men­ta­tion is the fun part—it’s not always needed (if you see the final logo in your head the first time inspi­ra­tion hits, get to a com­puter as quickly as pos­si­ble and just draw the thing!), but when you’re wait­ing for the light­ning to strike it’s a good way to try things out.
  • Design in black and white until you have your logo­type and/or mark, then add color and adjust as needed.
  • Once you have some­thing, print it out. A lot. I tend to do most dig­i­tal logo work in Illus­tra­tor so every­thing is vec­tor and eas­ily printed at var­i­ous sizes. Print vari­a­tions in type weight/style, as well as inverted ver­sions of your logo­type and mark. Print large ver­sions 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 receiv­ing final pay­ment. If it’s for a friend, give them a CD over dinner.

EJS: What tools fea­ture in your logo-making process (and how promi­nently, like mainly Illus­tra­tor and only a bit of Pho­to­shop?), and can you name any that peo­ple might not know about (i.e: any apps out­side of the Adobe family)?

DR: I guess I already answered that for the most part. Illus­tra­tor is my pri­mary weapon, though any­thing that allows vec­tor illus­tra­tion should be fine (even if you’re design­ing a logo for a web site—there’s noth­ing worse than design­ing a kick-ass logo in Pho­to­shop at 72dpi and then real­iz­ing that you have to recre­ate it from scratch as vec­tor art because the client wants to make t-shirts).

EJS: What prob­lems have you encoun­tered in design­ing logos and how do you avoid them?

DR: Aside from fig­ur­ing out the start­ing point (always a mov­ing tar­get from project to project), clients and their expectations/preferences are the biggest prob­lem. That’s a big­ger topic of dis­cus­sion, but I retain as much cre­ative con­trol as pos­si­ble, and let my clients know up front that I expect them to trust my opin­ions. If you’re firm with your client from the begin­ning, their expec­ta­tions will fall more closely in line with yours.

EJS: What gen­eral tips can you offer for other logo design­ers out there?

DR: Play. A lot. Look for sources of inspi­ra­tion that may not seem imme­di­ately obvious—if you’re stuck for ideas on a logo for a children’s book, start dig­ging through some heavy metal album cov­ers, or a stack of per­for­mance car mag­a­zines, or some swimwear cat­a­logs. The con­trast can do won­ders for your subconscious.

EJS: How would you define a good logo? What ele­ments does it need?

DR: Though I have my own, sub­jec­tive thoughts on this, I’m sure not many would dis­agree that a good logo is one that com­mu­ni­cates the intended mes­sage effec­tively. Usu­ally that mes­sage helps define the brand in an eas­ily digestible way. So a suc­cess­ful logo is one that can rep­re­sent the brand (whether it’s an indi­vid­ual, a small non-profit orga­ni­za­tion, or a multi-national corporation).

When it comes to the actual visual ele­ments, I pre­fer logos that do the above described job with­out being com­pli­cated. Strik­ing the cor­rect bal­ance between typog­ra­phy, color, shapes and sym­me­try isn’t some­thing that can be quantified—it will be dif­fer­ent for every logo. I find that the logos that pique my inter­est the most are those with some level of bal­anced asym­me­try: if you split a logo down the cen­ter of either axis, it should not result in a mir­ror image. Type is a straight­for­ward way to achieve this, since you can very eas­ily bal­ance the let­ter­forms with­out cre­at­ing a mir­ror 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 cre­ative end result (and as such, become a suc­cess­ful excep­tion to the mir­ror rule), for exam­ple the ambi­grams of John Lang­don.

EJS: What would you con­sider to be mis­takes in logo design, be them your own or made by others?

DR: A level of detail that pre­cludes low-resolution or small-size repro­duc­tion, includ­ing color and type selec­tion in some cases. This is a poten­tial issue with the pre­pon­der­ance of pho­to­re­al­is­tic logos that are becom­ing increas­ingly pop­u­lar with soft­ware com­pa­nies, but I’m start­ing to see it creep into other uses. I also feel like type­face selec­tion is often not given as much care­ful con­sid­er­a­tion as it requires. Of course, logos can still be suc­cess­ful with­out being “per­fect” by any one person’s definition.

Many thanks again to Elliot and the edi­tors of .net Magazine.

Categories:

10 Comments

Screencast: Finder Window Icon Trick

This item was posted by Dan Rubin on Monday, June 9th, 2008.

To cel­e­brate Mac Day (any Steve Jobs keynote address deserves a world­wide hol­i­day as far as I’m con­cerned), I’ve decided to do my first screen­cast, so you’ll have some­thing to play with while wait­ing for the Mac­World mad­ness to begin (it also helps jus­tify my pur­chase of Screen­Flow a few months ago).

Thanks to the awe­some folks at Vid­dler for mak­ing my life a bit eas­ier once I got past the “export” stage…

Categories:

16 Comments

Sidebar Creative: Collective Realignment

This item was posted by Dan Rubin on Thursday, April 10th, 2008.

Sidebar Creative logo
Two years ago in Austin, Texas, at SXSW Inter­ac­tive 2006, an idea was con­ceived by 4 friends, and nine months later Side­bar Cre­ative was born. That was a lit­tle over a year ago, and now that our fledg­ling design col­lec­tive has had a chance to stretch its limbs, open its eyes, and all the other lovely things that new­borns do, it’s time for some changes (no, not the dia­per kind; and yes, all pos­i­tive). But first, a mini-retrospective of “Year One: The Awakening.”

Let’s go back

Over the course of the first year, Bryan, Jon, Steve and I have learned more about each other and our­selves than any of us expected — and more about what Side­bar means to each of us, and how dif­fer­ent that is from what we all expected at the begin­ning. We expected that join­ing forces would be a good way to attract larger projects and clients (which it was, and con­tin­ues to be), but none of us antic­i­pated the attrac­tion of bring­ing our own ideas to the table and using our com­bined expe­ri­ence to bring them to life.

Has any­one seen my shoes?

Though the prospect of more client work was a key incen­tive at the start, our indi­vid­ual con­sult­ing busi­nesses saw increases around the same time Side­bar launched (either a coin­ci­dence or poten­tial clients hop­ing to get a lower price by con­tact­ing one of us indi­vid­u­ally — false logic for what it’s worth), and though we received RFPs for large, lucra­tive projects from day one (the stream of requests has remained steady since Jan­u­ary 2007), sched­ul­ing and avail­abil­ity became a bar­rier to accept­ing many of them. The projects we have been able to work on, how­ever, have been lots of fun, in one case even allow­ing us to stretch beyond the com­puter screen to design for pix­els of another sort (more on that when we’re allowed to talk about it ;)

Hav­ing more than enough client work has served us two-fold: on one hand, we’ve become even more selec­tive about the clients we choose to work with than we were before (being selec­tive is the key to stay­ing inter­ested and engaged: only accept projects you can be pas­sion­ate about for clients you’ll enjoy work­ing with), but it’s also afforded us the time to indulge our own interests.

Dude, I hear a car

And indulge we have: the Side­bar Net­work is home to four projects so far, with more on the way (use the net­work navbar at the top of any of the sites in the net­work to bounce between them).

MyMileMarker promotional image

My Mile Marker

Known within our ranks as “M3”, MyMile­Marker tracks your vehicle’s mileage, MPG, and pro­vides pro­jec­tions so you can judge just how much gas you’re really guz­zling. The orig­i­nal idea was Steve’s, and we all chipped in dur­ing our spare time to make it hap­pen, from brain­storm­ing to IA to design (with Steve tak­ing on all the Ruby on Rails pro­gram­ming duties), includ­ing a handy mobile site that fea­tures a lick-able cus­tom stylesheet for iPhone/Mobile Safari users.

SMS via Twit­ter and Edward Scherf’s beau­ti­ful cus­tom icons are the icing on the cake for this lovely lit­tle app that already has almost 10,000 users, spread­ing purely by word of mouth (thanks in large part to the Twit­ter community).

Snitter promotional image

Snit­ter

What do you get when you put Snook and Twit­ter together? Why, you get Snit­ter, of course. What started as an exper­i­ment of Jon’s to become famil­iar with Adobe AIR has turned into one of the most pop­u­lar 3rd party Twit­ter clients on OS X and Win­dows. The pro­gram­ming (includ­ing loads of cool fil­ter­ing options) is all Jon’s — the rest of us chipped in fea­ture sug­ges­tions and improve­ments, with Steve and I pro­vid­ing designs for the default set of themes. If you haven’t tried it yet, what are you wait­ing for? Get Snit­ter and start Twittering!

Overheard.it promotional image

Overheard.it

With Twit­ter clearly play­ing a large part in our online lives, it was only log­i­cal for our minds to wan­der in its direc­tion. After inte­grat­ing MyMile­Marker with Twit­ter, and see­ing Dan Cederholm’s Foamee intro­duce the con­cept of a “bar­na­cle app”, we decided to fol­low the most pop­u­lar word on Twit­ter (“over­heard”) and see what peo­ple were talk­ing about. After a few nights worth of sketch­ing, design, devel­op­ment (by Jon, using CakePHP) and test­ing, Overheard.it was released upon the world (the domain itself makes it a site worth visiting ;)

Future plans for Overheard.it include event-specific fil­ters (for those great con­fer­ence quotes we all love), vot­ing, and all man­ner of other poten­tial silliness.

Django Plugables promotional image

Django Plu­gables

Bryan is quickly becom­ing a Django savant (and has been toil­ing away at var­i­ous projects for a year or so), and in addi­tion to doing his best to con­vert the rest of us to Django-ites, he likes to find prob­lems that need solv­ing — a few days ago (this past Fri­day, to be exact) he decided the Django com­mu­nity needed an eas­ier way to access the grow­ing library of 3rd party “plug­gable” appli­ca­tions with­out hav­ing to dig around Google Code for hours hop­ing to find the dia­mond in the rough.

Three days later, he had designed, built and launched Django Plu­gables, and if you have any inter­est in Django, you should check it out. Speak­ing of Django, you should also dig around Bryan’s recently relaunched Aval­on­star, which, in addi­tion to sport­ing a ter­rific design, is all Django, baby.

It’s a mir­a­cle in a bowl

The design com­mu­nity uses the term “realign” to describe an adjust­ment of direc­tion rather than a bottom-up trans­for­ma­tion, and that’s a good way to describe what has been hap­pen­ing within Side­bar since last sum­mer (the course-correction was already evi­dent in our Dig­i­tal Web inter­view with Matthew Pen­nell back in Sep­tem­ber). It was clear that we needed to reflect our realign­ment on the site, while also tak­ing the oppor­tu­nity to realign the site itself, show­ing more of what makes us who we are as indi­vid­u­als, and with more empha­sis on con­sult­ing, train­ing and edu­ca­tion — areas we all intend to spend more time focus­ing on in the com­ing year, includ­ing a series of full-day work­shops we’re plan­ning to bring to cities nor­mally over­looked by larger conferences.

There are a ton of amaz­ing ideas bounc­ing around the Side­bar Camp­fire, and I’m more excited than ever to be a part of this group. So go check out our lit­tle realign, and stay tuned: the best is yet to come.

Categories:

9 Comments

Email Doesn’t Scale

This item was posted by Dan Rubin on Wednesday, February 27th, 2008.

I’ve been want­ing to write about my prob­lems with email for a while now, but keep com­ing up short when it comes to explain­ing exactly why it fails for me. That is, until read­ing Tantek’s lat­est on the subject:

I’m prob­a­bly respond­ing to less than 1 in 10 emails that are sent directly to me, even fewer of those that are sent to a set of peo­ple or a list. The usabil­ity of email for me has dete­ri­o­rated so much that I exclaimed on Twit­ter recently: EMAIL shall hence­forth be known as EFAIL.”

He goes on to explain his thoughts on why point to point com­mu­ni­ca­tions do not scale, and how emails in gen­eral are becom­ing too bloated (the lack of a sin­gu­lar focus in many emails I receive def­i­nitely impacts my like­li­hood of respond­ing), as well as how 1:many or 1:all medi­ums are supe­rior to 1:1 meth­ods (e.g. email). This is exactly what I’ve been try­ing to fig­ure out how to say.

Semi-solutions

Tan­tek cer­tainly isn’t the first to write about the the prob­lems with email — Mike Davidson’s solu­tion last year was to reduce the length and detail of replies to a spe­cific num­ber of sen­tences, but that hasn’t allowed me to make a suf­fi­cient dent in my inbox.

Sim­i­larly, Inbox Zero (a process many of my friends use to keep the noise down) just doesn’t seem to work for me. Plus, hav­ing an empty inbox won’t stop peo­ple from com­mu­ni­cat­ing with me via email when they should be using another medium.

It’s not you, it’s me

Both Inbox Zero and Sentenc.es aim to reduce the impact of the full inbox by mak­ing it eas­ier to empty on a reg­u­lar basis, but for me that doesn’t solve the prob­lem as I see it–it isn’t a mat­ter of find­ing a way to work around what email has become, it’s just that email is being used improp­erly, and I’d rather use other meth­ods of com­mu­ni­ca­tion that are more appro­pri­ate to the type and rel­e­vance of the message.

How do we fix it?

Email isn’t bro­ken for every­one (or at least, if it is they don’t real­ize it yet), but I find more peo­ple becom­ing frus­trated with email every week. Add the whole SPAM prob­lem into the mix (over the last 6 months, more and more of my valid incoming/outgoing mes­sages are get­ting caught by SPAM fil­ters than ever) and I just see email con­tin­u­ing its down­ward spiral.

I’m not sure of the solu­tion — as long as my clients con­tinue to send me emails and expect a response, I’m a bit ner­vous to tell them to shove it (it’s hard enough to get them to all use Base­camp instead for project com­mu­ni­ca­tion, let alone stop using a method that still works for them), but per­haps that’s what it will come down to. Tantek’s arti­cle ends with a list of sug­ges­tions that can serve as a decent start­ing point, and his Email Reduc­tion project is also worth check­ing out.

Does email = efail for you? How do you feel about the future of email?

Categories:

6 Comments

Pardon Our Dust

This item was posted by Dan Rubin on Wednesday, February 27th, 2008.

If you’re vis­it­ing this site for the first time, and are see­ing the default Word­Press theme (aka Kubrick), please rest assured that a cus­tom designed theme is hid­ing some­where within the Word­Press installation–WordPress is just hav­ing a bit of a tantrum lately, and has decided to keep revert­ing back to the default shortly after I reset the cus­tom theme in the admin.

Those of you who are return vis­i­tors are hope­fully miss­ing the usual orange and brown good­ness that has graced these pages for almost 2 years.

Host­ing Woes

For the last few weeks, my home­page hasn’t been load­ing at all — Dreamhost didn’t seem to think it was a prob­lem on their end (though I’d made no changes to the site between it work­ing and ceas­ing to work). After going around in cir­cles with them for too long, I uploaded a fresh install of Word­Press, moved my plu­g­ins and theme direc­to­ries, changed a few hard-coded absolute URLs, and things were work­ing again. For about 5 minutes.

Arti­fi­cial Intelligence?

Per­haps my blog­ging soft­ware is try­ing to tell me some­thing? I’ve planned a redesign for well over a year, but other endeav­ors have taken pri­or­ity (e.g. Side­bar Cre­ative, Web­graph, Rounders, var­i­ous client/consulting work, pre­sen­ta­tions, work­shops and toy­ing with things like Virb). I’ve also been seri­ously think­ing about hit­ting the redesign over the last month or so–is Word­Press now smart enough to read my mind? Or is my soon-to-be-replaced theme get­ting jeal­ous? It’s creepy from where I’m sitting…

Sep­a­rat­ing Con­tent From Presentation

Okay, so it’s not the use for which that phrase is intended, but in a way, it’s inter­est­ing to see my con­tent with­out its cus­tom skin. I’ve been read­ing through many of the arti­cles I’ve writ­ten, and pay­ing more atten­tion to the text. Per­haps this is a nor­mal issue with design­ers try­ing to objec­tively read their own con­tent while get­ting dis­tracted by their own designs–if you haven’t tried it, give it a shot some­time; it may help expose issues with your design, or your con­tent, or at the very least allow you a fresh per­spec­tive on your own writing.

Categories:

9 Comments

Older | Newer