Joseph Hoetzl Photography and more…

Photography, IT Whathaveu, "Dad" stuff and other ramblings

  • Home
  • Galleries
    • From Instagram…
  • About
    • Privacy Statement
    • Terms, Conditions, and Disclosure
  • Gadgets/DIY
    • Canon® BP511 and LP-E6 Dual Battery Holder
    • JOEgo
    • Vise Grip Tripod
    • Fruit Snoot
  • Shop
  • Contact
Posts Comments
  • Photography
    • 5DayBWChallenge
  • Dadding
  • Miscellaneous
  • Lotus Notes, Quickr
  • Uncategorized
  • 101
  • web design
  • Computers
  • WIMCBTINMBAPC

Why your logo on the web needs whitespace around it

April 22, 2009 by jhoetzl Leave a comment

Share

I’ve been sitting in a number of presentations lately and have noticed a trend in one of the slides.  It is the slide that deals with the presenter’s client base.  Usually, I see a slide created by gathering all the company logos from their respective web sites, and more often than not, it looks ugly.  I put together a quick example from some of my more frequently access bookmarks.  Something like this:

Presentation Slide Example

If you look at the logos, you should notice some that are easy to read, and some that are more difficult to read and some are just hideous.  With some, it is simply because they use transparent gif’s or png’s, others are simply the whitespace issue.  I’m not going to tackle the transparency issues, although that is certainly something else to consider, but for now, lets zoom in on one:

flick logo zoom

As you can see, the edges of the logo get lost, especially the bottom.  So, a small change to the overall size of the original image and we wind up with this:

flickr logo zoom whitespace added

There, that is better.  The logo really starts to stand out.  Sure some slide “designers” might crop your logo and still make it ugly, but at least you gave them a better starting point.

Here is that same full slide, with the adjusted logo on it:

Presentation Slide Example Fixed

I hope you’ll agree that such a small change can make a drastic improvement.

In making this example slide, I found it incredibly tedious to track down the actual images.  In many cases, I used firebug’s inspect element or the web developer tools to figure out where in the CSS the image was coming from – Another thing to keep in mind when you don’t use a simple <img> tag for your primary logo.

I don’t think the person putting together the slide would look for it, but it may be a nice idea for your site to have a “marketing materials and logos” or maybe a “press collateral” link somewhere.

And for another ineresting logo related page, have a look at Difficulties Faced by Logo Designers.

*Disclaimer - I have no affiliation with any of the companies in the images

[print_link]

Share

Filed under Miscellaneous Tagged with background images, corporate, css, design, layout, logo, marketing, powerpoint, presentations, press, sales, standards, tips, web design

Categories

Recent Posts

  • The summer of barbecue
  • Greenwood Lake Airshow 2015
  • Black and White Challenge – Day 5 of 5
  • Black and White Challenge – Day 4 of 5
  • Black and White Challenge – Day 3 of 5

Archives

  • September 2015
  • August 2015
  • November 2014
  • October 2014
  • September 2014
  • July 2014
  • September 2013
  • July 2013
  • March 2013
  • September 2012
  • March 2012
  • December 2011
  • June 2011
  • March 2011
  • October 2010
  • September 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • October 2009
  • August 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009

Blogroll

  • 21st Century Dad
  • Andy’s House O’ Blog
  • Bruce Elgort
  • Building Camelot
  • Camera Dojo
  • DC Urban Dad
  • DIY Photography
  • Ed Brill
  • NJ Strobists
  • NYC Strobists
  • Penny Pinching Parent
  • Strobist
  • Studiolighting.net
  • The Big Guy Blog
  • The Lightroom Lab
  • The Quickr Blog

Meta

  • Log in
  • WordPress
  • XHTML

Get a free blog at WordPress.com

Theme: Enterprise by StudioPress.