For Gabe - Design for Behavior Change

The battle for blue

Concept cars at Tokyo Motor Show 2009

Click for more

Return of the Serif

In the past, we’ve been told not to use serif fonts due to its readability on low resolution monitors and poor rendering in WindowsXP. Now, with display technology advancing and IE7+ supporting ClearType by default, I think it is about time to change that rule. Take a look at the example sites that I’ve collected, you will probably agree with me that serif typeface will be the next web font trend.

More here

Pepsi vs Coke - Logo evolution

Driverless Cars ZOMG

I so want one of these.

ATNMBL is short for Autonomobile, a title that merges Autonomy with the Automobile. Upon entering ATNMBL, you are presented with a simple question: "Where can I take you?" There is no steering wheel, brake pedal or driver's seat. ATNMBL drives for you. Electric powered plus solar assist, with wrap-around seating for seven, ATNMBL offers living and/or working comfort, views, conversations, entertainment, and social connectedness.

American Airlines Web Site: The Product of a Self-Defeating Design Process

Designer Dustin Curtis was so disgusted with the American Airlines Web site that he redesigned it, and posted the results as an open letter to the company. Guess what? One of AA's designers responded with a long defense about why better design dies a slow death at places like AA.

Full article here

The Joy of sign-off!

30 Untypical WordPress Sites

Some nice designs here.

960 Grid System

This has been around for a while and is what I use for everything.

Even if you already have a favourite grid, the site is worth a look to see a good showcase of grid based design.

If you download the kit you get templates for Fireworks, Inkscape, Illustrator, OmniGraffle, Photoshop & Visio, as well as Printable sketch paper.

More info here.

Essence

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

The 12 column grid is divided into portions that are 60 pixels wide. The 16 column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns.

New York Times 2040

Nice clean layout with a futuristic font. Looks swedish looking.
http://mashable.com/2009/05/11/new-york-times-future/

Masterful Lighting Effects In Web Design

Clicketh here.

Banner Design Comp

The blog needs a banner. Whip one up at 730px wide and I'll post it up. I've made one to get us started.

We should turn the banner over as often as possible imho. Email them to me and I'll put them up.

Don't worry about creating any finely tuned pieces of art, they should be quick, dirty and loud!

If anyone is super-keen to take an active role, let me know and I'll make you a site admin.