Graphics Archive

amairlines-0

Check Out the New American Airlines Logo

screenshot

American Airlines has had the same logo for forty-five years. That’s definitely a pretty impressive stretch! They’ve decided to hang up their Helvetica though and look to not only a new typeface, but a new eagle and even a new livery design.

Read on to see the logic behind the new design and whether or not I think it’s another chapter in a long line of recent brand redesigns gone bad.

January 23rd, 2013 Posted in Graphics
twitterheader-f

How to Design the Perfect Twitter Header Image

screenshot

Twitter recently rolled out an updated design for profile pages, which allows you to insert a new “header photo” that sits on top of your feed, much like Facebook’s timeline cover image.

Today we’re going to dive in and see some examples of good Twitter profile images and discuss how you can design your own. I’ll even toss in a free template so you can get started right away.

September 20th, 2012 Posted in Graphics
famouscampaigns-f

The Greatest Print Campaigns of All Time: Volkswagen Think Small

screenshot

You’re a web designer living large in the 21st century. Your job is defined by screens and software. What in the world could you possibly learn about design from a bunch of old dusty print ads? The answer of course, is “a ton.”

Today we’re kicking off a new series that examines some of the most famous print ad campaigns of all time. First up is my personal favorite, the Volkswagen “Think Small” campaign. How did a funny looking car that was named after a bug, known for being slow and manufactured in factories built by Nazis ever become iconic to a generation of post-war Americans? Great design and fantastic marketing.

August 23rd, 2012 Posted in Graphics
consistencycox-f

Maintaining Consistency in Your UI Design

screenshot

Consistency in UI design is an old school principle and somewhat forgotten in some of today’s web and application designs. It seems like designers are choosing to omit consistency from their interfaces.

In the case of mobile application design, some designers are choosing to re-invent, re-create or even completely break the hardware standard interactions with their own unique interface patterns. While breaking the consistency between the hardware UI rules and your apps experience may not be a bad idea, breaking your own apps consistency can be.

August 3rd, 2012 Posted in Graphics
qdoba-f

Good Design Taste Test: Three Fast Casual Restaurant Websites Compared

screenshot

Fast food restaurants are notoriously bad with web design, but the emerging market of “fast casual” eateries thus far is proving to be much better in this area.

Today we’re going to look around the web at the websites for some of the most popular fast casual restaurants to see who is doing the best work and what we can learn from them. Warning: this post will make you hungry!

August 2nd, 2012 Posted in Graphics
designcrutches-f

Breaking Free of Design Crutches

screenshot

You don’t want to talk about this topic, you don’t even want to think about it. That’s because, like most of us, you’re probably guilty of using quite a few “crutches” to get you by. Those little things that you default to in almost every design with almost no thought.

Let’s bring them to light. Let’s talk about what I see designers doing again and again and what I struggle with myself. Let’s stop hobbling along and start running towards great design.

July 12th, 2012 Posted in Graphics
retinadisplaythoughts-f

Designing on a Retina Screen: My Thoughts on the Retina MacBook Pro

screenshot

220.5 pixels per inch: 2,800 wide and 1,800 tall for a total of over five million pixels. That’s the screen that I work on now, full time. This gives rise to tons of questions: does Apple have any business making such a screen? Will it help or hinder the industry? Can you really do design work on that thing if you’re designing for non-retina screens?

Today I’m going to tell you all about my experience with the machine that threatens to change the way you do your job. I’ll hold nothing back as I rave about what I love and rant about what drives me nuts. Read along and see if you agree with my conclusions.

July 9th, 2012 Posted in Graphics
larrybird-f

Twitter’s New Logo: The Geometry and Evolution of Our Favorite Bird

screenshot

Recently, Twitter unveiled its brand new logo. It’s certainly not the first time this has happened, but the company seems insistent that this is going to be the last change we see for a while.

Join us as we take a look at the new logo, discuss why it’s better or worse and analyze the interesting geometry that was used to create the icon. Is there some hidden magic in using circles to create your logo? Read on to find out.

June 11th, 2012 Posted in Graphics
dpivspixles-f-1

DPI vs. Pixels: What Do I Use?

screenshot

You hear the phrases tossed around by everyone today – from amateur photographers to the iPhone salesman to some of the world’s most acknowledged visual creators and designers. But what do image size specs really mean? And what should you use?

Simply, it all depends on your project. Knowing what medium you are creating for and how your images will be used is key to sizing and picking the right number of pixels or DPI. Before you begin your next project, though, make sure you are familiar with all the image-quality jargon.

May 21st, 2012 Posted in Graphics
shadowgames-f

5 Cool & Quick Photoshop Shadow Tricks

screenshot

Photoshop layer styles can be used for good or evil. In the hands of a beginner, they can lead to cliché results that are so overused that they’re downright cringeworthy. However, in the hands of an experienced Photoshopper, they can be the building blocks for complex and impressive effects.

Today we’re going to pay tribute to the shadow layer effects that come built into Photoshop. We’ll go over five super quick and easy tricks that you can pull off using simple shadow techniques.

May 2nd, 2012 Posted in Graphics
Subscribe
Membership