Archive for the 'design' Category

Frank Chimero: Horizontalism and Readability

Illustrator/Designer Frank Chimero chal­lenges the “ver­ti­cal scroll”:

We take scrolling for granted today. It’s like run­ning water or Friends reruns: they’ve always been there and they always will be there. And we like them well enough. But, it is an inter­est­ing mental exer­cise to actu­ally con­sider scrolling as part of a con­tin­uum of solu­tions in solv­ing the same problem.

This dove­tails nicely with Rex’s think­ing in his Medi­aite design. But the real game changer is the arrival of the iPad. As we move away from the mouse pointer and scroll wheel, design­ers should revisit old assump­tions, and embrace the horizontal.

Life Below ‘The Fold’

Irish designer Paddy Don­nelly, in a nicely-​designed arti­cle, attempts to sub­vert the accepted wisdom of the page fold:

The fold is one of those guide­lines that has been thrown about so much that it’s now become a ‘rule’ of web design (or maybe more appro­pri­ately a ‘ball and chain’ of web design) with web design­ers blindly obey­ing with­out question…

If every­thing of excep­tional qual­ity is pushed upon the reader at the begin­ning, once they start explor­ing and the rest of the site isn’t of the same cal­i­bre, they’re going to be let down.

I agree—scroll below the fold on most large-​scale web sites, and the qual­ity dimin­ishes as you move down the page. I don’t know if that’s because too much atten­tion is paid to ‘the fold’ myth, or because most web sites have a ver­ti­cal up-and-down ‘rail’ structure… or, if we’re just bad designers.

People scroll. People read left-to-right. We should design for these rules.

Actual Objects

Actual Objects pro­vides ele­gant royalty-​free (and rea­son­ably priced) design and illus­tra­tion assets by Matt Owens and the Ath­let­ics crew, here in Brooklyn.

Royalty-Free Illustration from actualobjects.com

Screen shot on Flickr

My tal­ented col­league Jason Bishop worked together with Matt on the eco­nomic bailout col­lec­tion, seen above, and two other sets. The two have pre­vi­ously col­lab­o­rated for some of the great info­graph­ics in GOOD Magazine.

New Capndesign.com

I love Matt Jacob’s just launched redesign. Bright and fresh, with cool jquery charts, archives that mashup photos and posts, and some Typekit.

New Capndesign.com

Screen shot

Con­grats, Matt! If only things didn’t look so stale around here.

The Bold Italic

Jason Kottke just linked to an inter­est­ing design tidbit – the launch of a web mag­a­zine in San Fran­cisco called The Bold Italic. (No, not that bold italic…)

We’ve seen some small-​scale exam­ples of art direc­tion on the web, but this seems to me to be some­thing in the ‘medium’-scale range – I really love this stuff, hope­fully they can keep it fresh.

Also, I can’t wait for the day when ad bud­gets and tools are at the point where design­ers can art direct on the article-​level, as opposed to just design­ing tem­plates and frame­works. Maybe this gets us an inch closer to that goal.

Fringe Politics Meet Art History

Steven Heller on another Glenn beck gem:

In a recent broad­cast, the res­i­dent pro­pa­gan­dist at Fox News takes Rock­e­feller Center’s vin­tage public art and archi­tec­ture to task for pro­mot­ing Com­mu­nism and Fas­cism through murals, friezes, and engrav­ings bear­ing sym­bols that sub­lim­i­nally project vile values.

Pol­i­tics aside, just watch­ing the video, what is Beck’s point? That oil money funds com­mu­nist rev­o­lu­tion? That he is as good a pro­pa­gan­dist as the communists?

The mind reels at his delusions.

‘Buttermilk’ Font, From Jessica Hische

‘Buttermilk’ Font, From Jessica Hische

‘Buttermilk’, from Jessica Hische.

Illustrator/Designer Jes­sica Hische released her first type­face today, and it looks gor­geous. But­ter­milk is a “bold script that would be just per­fect for mag­a­zine head­lines, book title type, hol­i­day cards, ini­tial caps, you name it.”

The numer­als are espe­cially beau­ti­ful, and she promises a “huge array of lig­a­tures to help you set it beau­ti­fully and easily.”

I worked with Jes­sica last fall on a nice retro logo for the Pogue-o-matic. Be sure to check out Jessica’s work, (I’m par­tic­u­larly fond of her let­ter­press stuff.)

Ghost in the Machine: The Clash

Ghost in the Machine: The Clash

London Calling, cassette tape on canvas, 2009 — By Erika Iris Simmons

Two things that I really love about this illus­tra­tion by Erika Iris Simmons:

  1. It’s the iconic image from the cover of The Clash’s mas­ter­piece London Calling.
  2. It’s ren­dered with casette tape!

View it at the largest size to see the detail.

Introducing Typekit

Jeff Veen announced Type­kit today, a hosted solu­tion for embed­ding fonts on the web:

We’ve been work­ing with foundries to develop a con­sis­tent web-​only font link­ing license. We’ve built a tech­nol­ogy plat­form that lets us to host both free and com­mer­cial fonts in a way that is incred­i­bly fast, smoothes out dif­fer­ences in how browsers handle type, and offers the level of pro­tec­tion that type design­ers need with­out resort­ing to annoy­ing and inef­fec­tive DRM.

Soon enough, @font-face CSS at-​rule sup­port will come to all major browsers, so use of non-​traditional web fonts will increase. If this catches on, the web in 2010 might look a lot dif­fer­ent than it does now—I wonder who will be the first major online con­tent provider to use it?

Al Shaw on Redesigning the Front Page of Talking Points Memo

On Redesign­ing the Front Page of Talk­ing Points Memo »
Al Shaw talks about some of the design con­sid­er­a­tions and tech­ni­cal wiz­ardry that went into the face lift of the Liberal-​leaning pol­i­tics blog. Be sure to watch the video demo of the ajaxy front page CMS editor.

A New MoMA.org

Ned­ward is dig­ging into the new MoMA.org… so far, very intrigu­ing. Fixed nav bars are the new hottness.

I just sent the tweet above a few min­utes ago, but wanted to post some more con­text about it here. MoMA launched a revamped web site today, with a lot of hook-​ins to social net­work­ing sites like Flickr, Twit­ter, YouTube, Face­book, etc. But, one of the more com­pelling changes is the addi­tion of a Facebook-​style fixed nav bar, at the bottom:

new MoMA.org

The new MoMA.org, with its fixed navigation bar.

Con­tinue read­ing ‘A New MoMA.org’

President Obama Unveils New Stimulus Logos

The stim­u­lus pack­age is now law, so there are going to be a lot of public works projects in need of a logo, right?

Yes­ter­day, the pres­i­dent unveiled 2 such logos – designed by Mode, Aaron Draplin and Chris Glass. The logos will be stamped on public works funded by the eco­nomic stim­u­lus pack­age, FDR style. Pres­i­dent Obama said that its intent was to remind Amer­i­cans that:

When you see them on projects that your tax dol­lars made pos­si­ble, let it be a reminder that our gov­ern­ment – your gov­ern­ment – is doing its part to put the econ­omy back on the road of recovery.

One won­ders if the Obama team is going to rebrand the entire Fed­eral gov­ern­ment, one agency at a time.

Michael Bierut on the Move from the “Drawing Board to the Desktop”

From Michael Bierut’s piece in the Times this week­end, Draw­ing Board to the Desk­top: A Designer’s Path:

All of us assumed that these machines [com­put­ers] were just fancy hybrids of type­writ­ers and cal­cu­la­tors. We did all the art­work with rubber cement, col­ored paper and paint. We had no idea, but we were look­ing at the begin­ning of the end, and the end came quickly.

Michael is a part­ner at Pen­ta­gram, and blogs reg­u­larly at Design Observer.

Obamicon.Me

Make your own Obamicon:

Your image in a style inspired by Shep­ard Fairey’s iconic poster. Regard­less of your can­di­date of choice in the 2008 elec­tion, here’s your chance to sound-​off.

From the folks at Paste, via Sean.

Design Loves a Depression

Vermelha Chair

This past week­end, The New York Times Week in Review argues in a story head­lined Design Loves a Depres­sion that the recent eco­nomic slow­down will force design­ers to eschew nov­elty and the imprac­ti­cal, and focus more on the “intel­li­gent rework­ing of cur­rent conditions”:

Design tends to thrive in hard times. In the scarcity of the 1940s, Charles and Ray Eames pro­duced fur­ni­ture and other prod­ucts of endur­ing appeal from cheap mate­ri­als like plas­tic, resin and ply­wood, and Ital­ian design flow­ered in the after­math of World War II.

Will today’s design­ers rise to the occa­sion? “What design­ers do really well is work within con­straints, work with what they have,” said Paola Antonelli, senior cura­tor of archi­tec­ture and design at the Museum of Modern Art. “This might be the time when design­ers can really do their job, and do it in a human­is­tic spirit.”

Related: Design­ing Through the Reces­sion, by designer Michael Bierut

UPDATE: Murray Moss takes the WIR to task in a piece today on Design Observer:

Design loves a depres­sion? I can assure you that design, along with paint­ing, sculp­ture, pho­tog­ra­phy, music, dance, fash­ion, the culi­nary arts, archi­tec­ture, and the­atre, loves a depres­sion no more than it loves a war, a flood, or a plague. Michael Cannell’s arti­cle is regres­sive and mean-​spirited, and it demands a response.

…quite a pro­vok­ing discussion.

Image courtesy of The Museum of Modern Art, New York.

New Year’s Eve in the Berkshires

Reverse

Massachusetts Museum of Contemporary Art, in North Adams, Massachusetts.

Things have been quiet around here over the hol­i­days. I turned 31 years old on Decem­ber 22, and then Lisa and I spent some time in Buf­falo with our folks, where I got to see my newest baby cousin Aline.

North Adams

The MASS MoCA campus was once the Sampson Shoe Company.
Sol LeWitt: A Wall Drawing Retrospective »
Anselm Kiefer: Sculpture and Paintings »

Then, after a few days back in Brook­lyn, we headed up to the Berk­shires for New Year’s Eve in North Adams – it’s not the most excit­ing town to ring in the new year, but we vis­ited MASS MoCA, stayed in a won­der­ful hotel called The Porches, and had the best meal North Adams has to offer at the Gramercy Bistro.

I didn’t do a lot of reflect­ing and resolution-​making, but I am thank­ful for my family and friends, and for how great 2008 was for Lisa and I. Lisa is fond of saying that each year has been better than the last, which is more than one can hope for in this world.

More photos below the jump.

Con­tinue read­ing ‘New Year’s Eve in the Berkshires’

A New Pair of Sox for the Red Sox

New Red Sox Identities

This design link is near and dear to my heart – The Boston Red Sox recently updated their team iden­tity and uni­forms. Over­all, I think it’s a pos­i­tive evo­lu­tion, though seems a bit nos­tol­gic. I love the gray pri­mary road jerseys.

Armin Vit mostly likes what he sees:

Replac­ing the old seal as the team’s offi­cial logo is the lone pair of red, hang­ing sox. Unless I’m wrong, there is no typog­ra­phy asso­ci­ated with it. None. No “Boston.” No “Red Sox.” If that’s the case, this is one of the best cases of visual iden­tity and brand equity becom­ing so strong the icon doesn’t need expla­na­tion. They are sox. They are red. They can not be any­thing other than the Boston Red Sox.

Illustration courtesy of Boston.com

Bruce McCall on Letterman

I TiVo most of the late-​night talk shows each night, in the hopes that some band or author that I love is fea­tured – some­how, that’s easier than pre­emp­tively scan­ning TV Guide. But, I was gen­uinely sur­prised and thrilled to see the illus­tra­tor and writer Bruce McCall as a guest on David Letterman’s show, the other night.

I’m far too young to know his work from the National Lam­poon, but McCall’s New Yorker covers are ingrained in my memory:

Bruce McCall New Yorker Covers

Some of Bruce McCall’s New Yorker covers, from 1995–2008.

Letterman’s show might not have the cul­tural rel­e­vance that it once did, but you get the sense by watch­ing the seg­ment that he’d rather be sit­ting there talk­ing to McCall, than Mary-​Kate or that chick from Twi­light. It’s just one of the many things that make Dave tick, and why I have a TiVo season pass for the Late Show.

In the clip below, Let­ter­man and McCall look at and dis­cuss some of the work in McCall’s new children’s book, Marveltown.

Con­tinue read­ing ‘Bruce McCall on Letterman’

The Mostly True Story of Helvetica and the New York City Subway

The Mostly True Story of Hel­vetica and the New York City Subway:

There is a com­monly held belief that Hel­vetica is the sig­nage type­face of the New York City subway system, a belief rein­forced by Hel­vetica, Gary Hustwit’s pop­u­lar 2007 doc­u­men­tary about the type­face. But it is not true—or rather, it is only some­what true. Hel­vetica is the offi­cial type­face of the MTA today, but it was not the type­face spec­i­fied by Uni­mark Inter­na­tional when it cre­ated a new sig­nage system at the end of the 1960s.

r-train

R-train icon, set in Helvetica and Standard.

I noticed this dis­crep­ancy ear­lier this year – I had to recre­ate some MTA subway icons for use on a project, and noticed that the R train map icon looked noth­ing like the Hel­vetica “R”. The MTA’s own web­site seems to be con­fused about the type used in the system icons, let alone its sta­tion signage.

Enter typog­ra­pher Paul Shaw, and his 10,000+ word piece on AIGA’s site. Did you now that Boston’s subway sig­nage system was the first to use Hel­vetica, with­out mod­i­fi­ca­tions? Ever curi­ous as to the process by which enamel signs are made? Want to just look at pretty pic­tures of subway signs over the years?

It’s a great his­tory, for fans of typog­ra­phy and the MTA.

What’s Hebrew for “Yes We Can”?

Well, that didnt’t take long – given the suc­cess of Barack Obama’s dig­i­tal and design strat­egy in our recent pres­i­den­tial elec­tion, some­one was bound to, ahem… com­pletely rip him off, sooner or later.

Sur­pris­ingly, the most recent exam­ple is the cam­paign of Ben­jamin Netanyahu, the con­ser­v­a­tive Likud leader run­ning for prime min­is­ter of Israel. The Times reports:

The colors, the fonts, the icons for donat­ing and vol­un­teer­ing, the use of embed­ded video, and the social net­work­ing Facebook-​type options — includ­ing Twit­ter, which hardly exists in Israel — all reflect a con­scious effort by the Netanyahu cam­paign to learn from the Obama success.

I wonder if that type is the Hebrew Gotham?

Streetsy: 40+ Streetartists You Should Know Besides Banksy

Jake Dobkin presents 40+ Street Artists You Should Know Besides Banksy:

Every­one knows who Banksy is – but the inter­na­tional stree­tart com­mu­nity has hun­dreds of other great artists that deserve your atten­tion. Here’s a selec­tion of the very best.

Christoph Niemann’s Abstract City

One of my favorite blogs on NYTimes.com is writ­ten by the German illus­tra­tor Christoph Nie­mann, called Abstract City. He only posts once a month or so, but each one is as unique and inter­est­ing as the last.

And, it is amus­ing that his blog – of all NYTimes.com blogs – doesn’t have an illus­trated icon in the header. It’s not inten­tional on our part, he just hasn’t gotten to it yet.

See More of Christoph Niemann’s work »

Mad Men, Mad Props

Mad Men is such an enjoy­able show – but, type­face designer Mark Simon­son takes Mad Men’s prop mas­ters to task for their typog­ra­phy sins.

None of these mis­steps occurred to me when watch­ing, so maybe I need to brush up on my his­tory of typography?

Beehive vs. Chompers: V.P. Debate Party

V.P. Debate Party

Invitation design for our party, Thursday night.

I couldn’t resist – Lisa and I are host­ing a V.P. Debate party this Thurs­day night, so I whipped this invite up. The idea was to play up two of the more strik­ing ele­ments of the can­di­dates’ appear­ance: Sarah Palin’s bee­hive and eye­wear, and Joe Biden’s abnor­mally large teeth.

The result is kind of awk­ward but fun. It looks like an elon­gated John Kerry-​sized head, but it’s not worth fuss­ing with the pro­por­tions at this point. Just go with it… I did.

UPDATE: The always charm­ing Emily pointed out a rather obvi­ous spelling mis­take in the design above. Can you find it?

Economix & Green Inc. Blog Headers

The Times is in the process of beef­ing up its busi­ness cov­er­age online, adding new ver­ti­cals on the econ­omy and green energy. As part of that roll out, we launched two blogs last week, and I was tasked with the header designs and illus­tra­tion assignments.

I really enjoy the little bits of art direc­tion that I get to do at the Times. It’s fun to search for the illus­tra­tors, work with them on con­cepts and sketches, and in the end they do all of the work.

Economix

Economix Blog header

Illustration by Headcase Design

Economix is writ­ten by David Leon­hardt and Cather­ine Ram­pell, and will focus on both the global econ­omy and the per­sonal deci­sions read­ers make everyday.

The illus­tra­tion was done by Paul Kepple’s team at Head­case Design, with art direc­tion and design by myself.

Con­tinue read­ing ‘Economix & Green Inc. Blog Headers’