7 Creative Designs in Mapping

Posted on October 18th, 2010 in Design | 4 Comments »

One of my favorite characters in the past ten years is the pan-phobic, mother-smothered, practitioner of cartography Buster Bluth. Considering that he lived in the age of Google Maps, Buster’s studies of uncharted territory seemed–like most of Mitchel Hurwitz’s humor–both endearingly unique and immediately absurd.

Then I saw this piece:

I'll Fly Away

A visual representation of parsed FAA data for flights

I’ll Fly Away

The above image was created by Aaron Koblin, Technology Lead of Google Creative Labs, and Scott Hessels and Gabriel Dunne, collaborators in Celestial Mechanics out of UCLA. Aside from the compelling aesthetic, the image struck a chord by whole-heartedly undermining my perception of cartography as a dead art.

Maybe a dead word, but resurrect it in the 21st century and you’ll realize that mapping is a crux of future understanding and innovation. Consider that the representation of data is often as important as the data itself. We’ve all seen this principle manifest itself in the dark art of statistics.

Sight Beyond Sight

Although it’s all much more complex than I presume to understand, I tend to subscribe to Fleming’s VARK model of learning and his delineation between the kinesthetic, auditory and visual elements. I know from personal experience that the visual truly does carry the weight of a thousand, thousand, thousand words.

Parsed FAA data over the course of a day. Note the clock in the lower-right corner. Planes can pulse like blood. They can crawl the sky.

Mapping is a way of navigating between dimensions and digesting spaces unseen. I am of the opinion that we are still in the infancy of the internet and the shear volume of data being mined heralds a renaissance in mapping amongst other things.

And a growing area for designers to apply their talent to visual communication. Not just in data, but ideas.

Show Me..

Here are the highlights from a mapping marathon held in memorial by Edge for Benoit Mandelbrot:

The unending search to reconcile time and space

The true size of Africa

The oldest words in our lexicon (largest font in image) change through history slowly enough that they might have been recognized by people living 15,000 years ago or more. Note the prominence of words defining social relationships.

The motion of emotions

The Internet

I included the last image for two reasons:

  • I particularly like the placement of the esoteric and potentially infamous Usenet newsgroups in a dark, distant cave.
  • The complexity of the Internet is rendered like a child’s drawing. Fresh and innocent.

The image focuses the core proposal of this piece: successful design is largely about joining simplicity to novelty. In practice, mapping represents an under appreciated approach to doing just that with design.

Chart some new territory.

The Gap Logo Scandal

Posted on October 7th, 2010 in Small Business | 1 Comment »

Ok. Scandal might be a stretch, but there is some real internet hating going on and its directed at the new Gap logo. Here’s what all the fuss is about:

Gone is the classic Spire typeface on a navy black box, and in its place, Helvetica with a floating box (is that supposed to represent faded jeans?) New? Yes. Original? Yeah, right. But maybe originality isn’t the goal. More on that in a bit.

Gap premiered the logo Monday morning, and a day went by with hardly any excitement. Then the hate spewed.  The Consumerist questions if this will be the next Tropicana flop. Ad Age likens the logo to “something a child created using a clip-art gallery“. There are now fake Twitter accounts for both the new logo and the old logo. There’s now a Crap Logo Generator out there so you can create your own crap logo. I made my own Helvetica/Hipster logo in about 5 seconds!

Speaking of hipster, the CEO of Helvetica power-user American Apparel, recently declared the hipster trend dead. By switching typefaces, is Gap headed into a dead space of old fashion trends? Time will tell. Gap may actually be on to something here.

Gap is the world’s 84th most powerful brand, yet sales have stagnated despite the classic look and brand recognition. This new look could be the saving grace they need. A whole new market of consumers who did not grow up with the brand, and are always looking for something new, could be tapped into. This is a market that might not mind a generic logo, and in fact would welcome it, instead of chasing brands all around fashion. Gap could let their product and customer service be what they are known for…but then they screwed up big time.

Gap, being the forward thinking company they are, use many different social media platforms to speak with their customers. This was posted to their Facebook wall yesterday:

Thanks for everyone’s input on the new logo! We’ve had the same logo for 20+ years, and this is just one of the things we’re changing. We know this logo created a lot of buzz and we’re thrilled to see passionate debates unfolding! So much so we’re asking you to share your designs. We love our version, but we’d like to see other ideas. Stay tuned for details in the next few days on this crowd sourcing project.

And now we have a scandal. Buzz? They must still believe that any publicity is good publicity. Passionate debate is a pretty lame way to say everyone hates it. Crowd sourcing works great for things like Wikipedia and Captcha to digitize books, but designing logos? Now they are pandering to, what will now be an ever-growing, internet hate mob. The message I get from this is “Okay, since you’re complaining so much, let’s see if you can do any better.”

When you read crowd sourcing in their statement, you should think spec work. Spec work is an insult to professional graphic designers. Instead, they should have hired a talented designer and let them do what they do best.

The logo was not THAT bad. It was generic and a complete departure from their original logo. They could be forgiven for this but instead are now a joke. They should have had the confidence to stick with their decision instead of turning around and begging their followers for their forgiveness in the form of pandering. After all, if you’re doing something right you’re going to have haters. It just comes with the territory.


Infographics: Examples of Teaching by Showing

Posted on September 30th, 2010 in Small Business | No Comments »

Infographics have seen an explosion of growth in recent years. As people are trying to find new ways to communicate information, graphic design has proven to be effective and entertaining. Mint has been especially fond of graphical representations of information, with near daily postings of fantastic infographics. Take a look at yesterday’s post on coffee and you will get a feel for how cool these can be.

I’ve gone though and gathered a few of my favorite examples of effective communication through infographics. Some are more entertaining than functional, but they send a message in an easily digestible format that makes you hungry for more. Here are several infographics that show how this medium can be a powerful way to spread ideas.

Click to enlarge each picture.

Colorful infographic with lots of information. Easily readable type with examples and illustrations for many of the how-to’s.

From the book Show Me How, a great illustration for hikers and campers. Not so much an infographic, but the idea is the same: the illustration explains more than just words could.

This graphic shows tons of different ways to hack your sleep patterns. This is a vertical infographic that almost reads more like an article on a webpage than a page in a book.

I found this graphic on Photoshop keyboard shortcuts shows us a few things. First, the content is what is important here. Print this out and put it next to your keyboard or monitor for a quick reference. Rather than a huge vertical picture, the size lends itself to be easily printed. I would think that for a Photoshop reference tool, it would look better. The design is uninspiring, but that might not have been a priority for the designer.

Just how big is a petabyte anyway? Freaking big apparently. Speaking of petabytes, Farmville pushes over a petabyte a day. My WTF moment of the week.

Here’s an example of a graphic that is more on the entertainment side of the information spectrum. This random assortment of life hacks might be better expressed as just a bulleted list. None of the pictures serve a purpose, but then again infographics wouldn’t be infographics without illustrations. This is not without some value, though. I have a new way to get free phone chargers now.

Another entertaining and extremely important graphic that all men (and some women) should read. This is probably the manliest infographic out there.

And just to show that infographics are nothing new, a gem from Mutual of Omaha from the 1950′s. I can only assume this was in a magazine when it was first run. It’s funny and entertaining to us now, but back then it was extremely informative to a real threat.

Consider using infographics in your overall marketing plan. As you can see, these can be used to entertain as well as educate. Infographics work well to supplement whatever promotional activities you currently have. They are easily shareable, easily digestible and there are people willing to seek them out and spread them no matter what the topic. Also, consider hiring a dedicated designer from our pool of talented students! You’ll be glad you did.

7 Simple but Effective Twitter Backgrounds

Posted on September 23rd, 2010 in Small Business | No Comments »

Going nuts with your brand’s Twitter background design may not be a wise decision. Here’s seven excellent examples of simplicity that some big brands have used to represent them.

1 | @Starbucks

@Starbucks

Starbucks puts their main product on display with their background. No frills here, but it works to keep the attention on the conversation.

2 | @JetBlue

@JetBlue

JetBlue’s use of angles and complimenting colors on the white background make this design as fresh as the company itself.

3 | @MailChimp

@MailChimp

Everyone’s favorite email marketing service incorporates the company’s mascot against a great color scheme.

4 | @CocaCola

@CocaCola

The most recognizable brand in the world. It’s also functional with links to their other social media sites.

5 | @Target

@Target

Target has done much to improve their look and design over the years, and it shows here with an elegant design.

6 | @DisneyPixar

All your favorite Toy Story characters are here to bring Pixar’s Twitter page to life. No added clutter is needed.

7 | @WholeFoods

The simple earthy greens in this logo identify well with the organic supermarket chain.

As you can see, a complicated design isn’t always necessary to pull off a good representation of your brand. Most times, simple is better. Our student designers know this, and can provide Twitter backgrounds on par with the big boys! Try them out today!

3 Tips for Your Logo Color

Posted on September 16th, 2010 in Small Business | 3 Comments »

Your logo is your business’ identity. It can take an unlimited number of shapes and sizes and have a nearly infinite number of color schemes to it (color nerds will say there’s more). After browsing the internet for what seems like days, I’ve noticed some patterns in logo design.

1 | Your logo should be just as effective in black and white as it is in color
Just as color is important in your logo, the absence of color is just as important. Your logo should still be functional and recognizable when it’s printed in black and white. This is also the place you should start when designing a logo. Black and white first; color later. Get the shape and form right and then add color to bring it to life. Here’s a great example of the logo I think has and always will stand the test of time.

Despite being nearly three decades old, MTV’s logo still looks fresh. The black and white versions are identifiable and clear.  The logo never changes through the years. Instead it exists inside of a larger changing world with the updated graphics and color changes. It’s hip and timeless at the same time.

Here’s an example of a logo that just doesn’t work in black, white or even color.

To Altria’s credit, you don’t need to know what they do or recognize them. They are a conglomerate that mostly brands of cigarettes and wine. In fact, Altria as a company probably doesn’t want you to know they are related to the products they sell.

2 | Don’t follow the crowd
Trends are best left to the fashion industry. You need your logo colors to stand out from all the others. Your form and colors need to stand out from the rest of the logos that are blasted out into media. Those swishes you would see in Web 1.0 logos? Gone. Web 2.0 logos with reflections? Those will be on their way out. I have seen many logos lately (Facebook, I’m looking at you!) that are very “app” like. Small squares with something resembling a logo inside them. Don’t get caught in the trap of designing your logo that looks like an app. Apps won’t be around forever.

When it comes to color, luckily you have a lot of room to be unique. Most corporations play it safe and choose red or blue. There’s a few with green as their main color. This gives you great leeway in choosing the color right for your company. Just don’t pick magenta, T-Mobile actually owns the right to the color magenta.

3 | Break every rule you have ever heard, even these ones
You’ll always read or hear about rules for everything in life. When it comes to logo color choice, these rules came from things I noticed. The best logos though broke every possible rule, even the rule of standing out – sometimes you will want to identify closely with another company, so you emulate their logo. The main “rule” I came across was to create a logo with a prominent single color, and choose red or blue. I came across the perfect counterexample to this. I think this company’s logo will speak for itself.

When it comes to your logo design, take your color very seriously. We here at OrangeSlyce take our design (very) seriously. So save some time and hire a student designer today!

Design Signatures for a Living

Posted on September 9th, 2010 in Startup Tips, Students | 1 Comment »

A few weeks ago, a blog post over at 37signal’s blog caught my eye.  The idea was “How cool would it be if you could design signatures as a side job?”.  An intriguing thought.  You don’t see many signature designers around nowadays and calligraphy is almost a lost art.  I tried taking a crack at my own signature and just wasn’t pleased with my results.  I wondered if my muscle memory was too embedded to be able to make any changes to my John Hancock.  Speaking of John Hancock, look how cool his signature was:

John Hancock's John Hancock

I’m also a fan of Barack Obama’s signature as well:

Barack Obama's Barack Obama

Design shouldn’t be nothing but logos and color schemes.  With personal branding becoming more prevalent, start thinking of other ways you can improve your client’s product including, but not limited to, their signature.  Many years ago, calligraphers would create seals for powerful families to use in their businesses.  If you can carve out a niche like that, you could be the modern day Wang Xizhi.

Happy Labor Day from OrangeSlyce!

Posted on September 6th, 2010 in Small Business, Students | No Comments »

Happy Labor Day everyone!  We’re taking the day off to pay our respects to the labor gods.  Have a fun and safe holiday!

Happy Labor Day!

Software All Aspiring Designers Should Know

Posted on September 3rd, 2010 in Students | 7 Comments »

As technology advances, we find ourselves with a myriad of choices for software and this is especially evident in the design industry.  Though a great designer should practice using all of different types of software, a good graphic designer NEEDS to at least know the following programs to produce good work and also just to find work.

Microsoft Office:  I know this is a complete duh!  However, knowing how to create spreadsheets in Excel, presentations in PowerPoint and reports in Word is crucial to ANY industry.  Make sure you can do anything and everything that involves Microsoft Office.

Adobe Photoshop:  Most of us start playing around with Photoshop as early as high school but regardless it is necessary to know the ins and outs of the program.  Photoshop is crucial for editing and manipulating photos.

Adobe Illustrator:  This software is necessary for creating logos.  Illustrator is key for making graphics and for many design projects (specifically brand development) this will be your go to.

Adobe InDesign:  InDesign is the best layout design software in the business.  From greeting cards to magazine layouts, this software is used for several types of projects.

Make sure you get very familiar with all of these programs and experiment with their many tools.  Taking classes on these programs is also a good idea but be sure you are trying it out on your own as well.

What software do you use most?  Leave me a comment :-)

Breaking the Rules of Creative Work: Overcoming Writer’s Block

Posted on September 2nd, 2010 in Small Business | No Comments »

As a writer, I am a chronic sufferer of the pathological social anxiety known as writer’s block. Currently I’ve got a mild to intense case. So what better topic to explore than writer’s block itself! Today’s post is very much inspired by Nina Miller’s blog, (aptly titled) You Blog Like A Girl. Nina’s a graphic designer and has one of the coolest ways I’ve seen in a long time to overcoming lapses in creativity.

There’s no way I could dice up what she has to say;  it’s all inspiring:

I have been creatively stuck over the last two weeks, which can be a depressing thing to go through. So one way that I try to find a path through this is to break a rule. My brain feels like it is limited by whatever is happening in my life, following processes and proprieties that are inevitable parts of living life. By breaking a rule, I hope to shake it back up, letting an open mind and open heart drive me to something more in my work.

So what rule to break? Probably nothing that will cause permanent damage. Hopefully something that is exciting. I love to make things, so an added bonus would be to have something to hang around for a while, to remind me. Enter a fairly boring Ikea hand-me-down and a Sharpie. And the resonating voices in my head to only draw on paper.

I can’t wait to see what the finished product turns out to be.  As for me, I’ve got my hammer in one hand and a chisel in the other.  My furniture will be unrecognizable by the weekend.

Colourlovers: the free color palette generator

Posted on August 30th, 2010 in Design, Students | No Comments »

When looking for a new background for your Twitter account, or just a color palette for painting your walls, it can be tough for find an appealing palette.  Colors need to complement each other in the right ways and it can be tough to find an expert besides Pantone to help you decide.  That’s where today’s featured community, Colourlovers, absolutely shines.


A community for color lovers
Colourlovers is an excellent alternative to the monopoly on color that Pantone has.  Typically, designers need to pay Pantone big time to get the latest color forecasts.  Most companies actually do this so they can gain access to Pantone’s numbering system for colors.  Companies can then use a standard format so they know which hue they are referring to.  What Colourlovers provides won’t immediately make Pantone irrelevant, but they do offer some great tools for coming up with a color scheme, browsing popular color patterns, and engaging in an enthusiastic community.

Within minutes of signing up, I was able to create a color palette from the standard set of RGB colors, but I wasn’t finished there.  With tools to create patterns from those colors, I was able to create a pretty serviceable background image that tiled nicely.  It’s a shame I went to all that trouble because then I found Themeleon, a simple 3 step process to customize your entire Twitter page.

As I dig deeper in the site I keep discovering more tools that stretch my imagination even further.  Their PHOTOCOPA tool lets you create a color palette from a picture, which is great for when you have source material you are trying to emulate.  Their community is full of people and groups devoted to creating great patterns and sharing them with others.  For example, I found a group dedicated to their love of guitar colors.

Trends is a section focusing solely on what is happening in the world of color right now.  They feature color trends from everything to web design all the way to street fashion.  This is where Colourlovers begins to be a valuable resource to any designer trying to keep ahead of the fashion curve.

It’s impossible to describe an entire community in one blog post, but I’ve already fallen enough in love with Colourlovers that it is my go to source when I’m dealing with color.  Make sure to check it out and share some of your patterns with us!