kottke.org home archives + xml about kottke.org contact me
kottke.org - home of fine hypertext products

kottke.org posts about 'design'

The world's first album cover was designed by Alex Steinweiss for Columbia Records in 1938. Before that, records were sold in generic sleeves. (via quipsologies)

Flickr set of the cover designs for the 3rd installment of Penguin's Great Ideas series of books. As We Made This rightly notes, the cover for The Work of Art in the Age of Mechanical Reproduction is the gem of the collection.

Nicely designed poster for The Dark Knight.

CandyKaraoke, a bunch of album covers reimagined by Irish artists. (via ffffound)

Jun 27, 2008    tags: art music design remix

The winners and shortlist of the 2008 Penguin Design Award, a student award in its second year. More info on Penguin's blog. (via book design review)

Short interview with Mike Migurski and Tom Carden of Stamen about their projects and process.

We try to start from a position of great abundance and information, to show the vastness or the liveness. I think live, vast, and deep is some of the terminology that we've been using lately in a lot of our talks.

The history of the design and manufacture of the TiVo remote control.

Like any remote, the designers were adamant about keeping the remote's button layout as simple as possible. But with the DVR's numerous features, the designers needed to create lots of extra buttons. To keep things straight, each button needed to have a distinctive feel, giving the ability to control the remote without even looking at it, which Newby described as a "key Braille-ability" surprisingly helped by the "blank finger parking spots between keys" that were equally important.

(via waxy)

Jun 22, 2008    tags: tivo design tv dvr

Exxon logo sketches

Raymond Loewy is well-known as an industrial designer but he was also responsible for some of the world's most iconic logos. Pictured below are several sketches that Loewy did for the new Exxon logo:

Exxon Logo

Big business moved more slowly back then; the sketches were done by Loewy in 1966 but the name change and new logo didn't go into effect until 1972. Loewy was also responsible for several other logos: Shell, Hoover, BP, Nabisco, Canada Dry, and U.S. Mail.

Hypnerotomachia Poliphili

This is a page from a book called Hypnerotomachia Poliphili.

Hypnerotomachia Poliphili

Any guesses as to when it was published? The title, Latin text, yellowed paper, and lack of page numbers might tip you off that it wasn't exactly released yesterday. Turns out that Hypnerotomachia Poliphili was published in 1499, more than 500 years ago and only 44 years after Gutenberg published his famous Bible. It belongs to a group of books collectively referred to as incunabula, books printed with a printing press using movable type before 1501.

To contemporary eyes, the HP looks almost modern. The text is very readable. The typography, layout, and the way the text flows around the illustration; none of it looks out of the ordinary. When compared to other books of the time (e.g. take a look at a page from the Gutenberg Bible), its modernity is downright eerie. The most obvious difference is the absence of the blackletter typeface. Blackletter was a popular choice because it resembled closely the handwritten script that preceded the printing press, and I imagine its use smoothed the transition to books printed by press. HP dispensed with blackletter and instead used what came to be known as Bembo, a humanist typeface based on the handwriting of Renaissance-era Italian scholars. From a MIT Press e-book on the HP:

One of the features of the Hypnerotomachia that has attracted the attention of scholars has been its use of the famed Aldine "Roman" type font, invented by Nicholas Jenson but distilled into an abstract ideal by Francesco Biffi da Bologna, a jeweler who became Aldus's celebrated cutter. This font -- generally viewed as originating in the efforts of the humanist lovers of belles-lettres and renowned calligraphers such as Petrarch, Poggio Bracciolini, Niccolo Niccoli, Felice Feliciano, Leon Battista Alberti, and Luca Pacioli, to re-create the script of classical antiquity -- appeared for the first time in Bembo's De Aetna. Recut, it appeared in its second and perfected version in the Hypnerotomachia.

In that way, Hypnerotomachia Poliphili is both a throwback to Roman times and an indication of things to come.

The MIT Press site also notes a number of other significant aspects of the book. As seen above, illustrations are integrated into the main text, allowing "the eye to slip back and forth from textual description and corresponding visual representation with the greatest of ease". In his 2006 book, Beautiful Evidence, Edward Tufte says:

Overall, the design of Hypnerotomachia tightly integrates the relevant text with the relevant image, a cognitive integration along with the celebrated optical integration.

Several pages in the book make use of the text itself to illustrate the shapes of wine goblets. The HP also contained aspects of film, comics, and storyboarding...successive illustrations advanced action begun on previous pages:

Hypnerotomachia Poliphili

All of which makes the following puzzling:

The Hypnerotomachia Poliphili is one of the most unreadable books ever published. The first inkling of difficulty occurs at the moment one picks up the book and tries to utter its tongue-twisting, practically unpronounceable title. The difficulty only heightens as one flips through the pages and tries to decipher the strange, baffling, inscrutable prose, replete with recondite references, teeming with tortuous terminology, choked with pulsating, prolix, plethoric passages. Now in Tuscan, now in Latin, now in Greek -- elsewhere in Hebrew, Arabic, Chaldean and hieroglyphs -- the author has created a pandemonium of unruly sentences that demand the unrelenting skills of a prodigiously endowed polyglot in order to be understood.

It's fascinating that a book so readable, so beautifully printed, and so modern would also be so difficult to read. If you'd like to take a crack at it, scans of the entire book are available here and here. The English translation is available on Amazon.

Case study: a new interface for Wells Fargo's ATMs.

The new UI still offers the Quick Cash feature, but in a much smarter way. Instead of one Quick Cash button, we introduced a whole column of shortcut buttons that behave somewhat like the History menu in a web browser. It is still possible to customize them through Set My ATM Preferences, but hardly necessary since they always reflect the most recent transactions.

(via magnetbox)

Print Magazine has an awesome roundup of book covers, advertisements, movies posters, etc. using the "cutoff-torso-spread-leg framing device", what Steven Heller calls "the most frequently copied trope ever used".

May 20, 2008    tags: design stevenheller

Video of designer John Gall, who shares his five rules for book cover design.

The other great source of inspiration is the deadline.

Michael Bierut celebrates the elegantly simple design of the Brannock Foot-Measuring Device.

Charles F. Brannock only invented one thing in his life, and this was it. The son of a Syracuse, New York, shoe magnate, Brannock became interested in improving the primitive wooden measuring sticks that he saw around his father's store. He patented his first prototype in 1926, based on models he had made from Erector Set parts. As the Park-Brannock Shoe Store became legendary for fitting feet with absolute accuracy, the demand for the device grew, and in 1927 Brannock opened a factory to mass produce it. The Brannock Device Co., Inc., is still in business today. Refreshingly, it still only makes this one thing. They have sold over a million, a remarkable number when one considers that each of them lasts up to 15 years, when the numbers wear off.

Bierut also notes that Tibor Kalman was a big fan of the Brannock Device, once saying:

It showed incredible ingenuity and no one has ever been able to beat it. I doubt if anyone ever will, even if we ever get to the stars, or find out everything there is to find out about black holes.

The humble shoe horn is another well designed shoe-related device that may never be bettered.

The b3ta folk explore what happens just outside the border of some well-known album covers. The Simon and Garfunkel and Pink Floyd/Kool-Aid ones are pretty good.

May 15, 2008    tags: remix design music

A list of all the US presidential election logos from 1960-2008. That's a whole lot of red and blue. I particularly liked 1988's Dick "Chrysler" Gephardt and Paul Simon's Top Gun homage. (via quips)

May 13, 2008    tags: design politics logos

A bunch of examples of contemporary typography...lots of ideas to riff off here.

May 13, 2008    tags: design typography

A slideshow featuring well-designed tables of contents. There's an associated Flickr group if you fancy sharing your own. (via designnotes)

May 12, 2008    tags: books design

FontStruct is an awesomely simple online font creation tool. Just draw on a grid with simple Photoshop-like tools, save, and download a TrueType version of the fonts you've just created. If this had been around when I made Silkscreen, it would have taken so much less time.

Ampersands

Over at H&FJ, the H talks about the &.

As both its function and form suggest, the ampersand is a written contraction of "et," the Latin word for "and." Its shape has evolved continuously since its introduction, and while some ampersands are still manifestly e-t ligatures, others merely hint at this origin, sometimes in very oblique ways.

He goes on to describe several ampersands they've designed for their typefaces. When designing the ampersand for Silkscreen, I came up with a solution that many continue to dislike:

Silkscreen Ampersand

If you're logged in to Flickr, you can see it action at a more appropriate size in the "prints & more" label above a photo. The symbol is basically a capital E with a vertical line through the middle...an e-t ligature that's really more of an overstrike. I fashioned it after the way I hand-write my ampersand, which I got from my dad's handwriting1. I don't know where he got it from; it's not a common way to represent that symbol, although I did find a few instances in the list of fonts installed on my computer.

I didn't think about this way at the time, but the odd ampersand is one of the few distinguishing features of Silkscreen. There's only so many ways you can draw letterforms in a 5x5 pixel space so a lot of the bitmap fonts like Silkscreen end up looking very similar. The ampersand gives it a bit of needed individuality. (The 4 is the other oddish character...it's open at the top instead of diagonally closed.)

[1] Now that I think about it, I borrowed several aspects from my dad's handwriting. I write my 7s with a bar (to distinguish them from 1s), my 8s as two separate circles rather than a figure-eight stroke, and my 4s with the open top. Oh, and a messy signature.

Interview with Matthew Dent, the chap who designed the fantastic new UK coinage.

There were plenty of technical issues I had to come to terms with in conjunction with the distribution of metal across the coin and the high-speed striking process. At one point I considered suggesting that half the 20 pence's border -- where it met the shield -- be removed. It would have still been a rounded heptagon, only its border wouldn't completely surround the coin. There were potential issues with this; I learnt that the distribution of metal wouldn't be balanced, thereby possibly affecting the striking of the coins and the acceptance of them by cash machines. Oh well... this competition was a learning curve. And as someone who was unfamiliar with the technical aspects of coin manufacture - you have to ask don't you?

(via quipsologies)

The 92nd St Y has put the video of a talk called The Art of the Book up on their site. The talk was held in Dec 2006 and featured Milton Glaser, Chip Kidd, and Dave Eggers with Michael Bierut moderating. You may recall that Glaser got into a bit of hot water for some comments he made about the career paths of women in graphic design.

Pablo Ferro and Dr. Strangelove

Here's the trailer for Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb.

It was done by a fellow named Pablo Ferro; it was his first movie trailer. Steven Heller writes:

After seeing Ferro's commercials, Kubrick hired him to direct the advertising trailers and teasers for Dr. Strangelove and convinced him to resettle in London (Kubrick's base of operations until he died there in March 1999). Ferro was inclined to be peripatetic anyway, and ever anxious to bypass already completed challenges he agreed to pull up stakes on the chance that he would get to direct a few British TV commercials, which he did. The black and white spot that Ferro designed for Dr. Strangelove employed his quick-cut technique -- using as many as 125 separate images in a minute -- to convey both the dark humor and the political immediacy of the film. At something akin to stroboscopic speed words and images flew across the screen to the accompaniment of loud sound effects and snippets of ironic dialog. At a time when the bomb loomed so large in the US public's fears (remember Barry Goldwater ran for President promising to nuke China), and the polarization of left and right -- east and west -- was at its zenith, Ferro's commercial was not only the boldest and most hypnotic graphic on TV, it was a sly subversive statement.

Ferro worked with Kubrick on the iconic and fantastic main titles for the film as well.

Kubrick wanted to film it all using small airplane models (doubtless prefiguring his classic space ship ballet in 2001: A Space Odyssey). Ferro dissuaded him and located the official stock footage that they used instead. Ferro further conceived the idea to fill the entire screen with lettering (which incidentally had never been done before), requiring the setting of credits at different sizes and weights, which potentially ran counter to legal contractual obligations. But Kubrick supported it regardless. On the other hand, Ferro was prepared to have the titles refined by a lettering artist, but Kubrick correctly felt that the rough hewn quality of the hand-drawn comp was more effective. So he carefully lettered the entire thing himself with a thin pen. Yet only after the film was released did he notice that one word was misspelled: "base on" instead of "based on". Ooops!

If you want that hand-lettered look for yourself, Pablo Skinny is a font by Fargoboy that closely duplicates Ferro's handwriting.

Ferro went on to make several well-known movie title sequences, including those for Bullitt, the original The Thomas Crown Affair, and To Die For, but not Napoleon Dynamite. He collaborated with Kubrick once again on the trailer for A Clockwork Orange, another classic.

Update: According to this Wikipedia article, the work of Canadian avant-garde filmmaker Arthur Lipsett caught the eye of Stanley Kubrick after an Oscar nomination for his short film, Very Nice, Very Nice and, more importantly for our business here, that Kubrick directed the Strangelove trailer himself in Lipsett's style after Lipsett refused to work with Kubrick on it:

Stanley Kubrick was one of Lipsett's fans, and asked him to create a trailer for his upcoming movie Dr. Strangelove. Lipsett declined Kubrick's offer. Kubrick went on to direct the trailer himself; however, Lipsett's influence on Kubrick is clearly visible when watching the trailer.

The two are stylistically similar for sure, but Ferro is credited with having designed the main title sequence (according to the titles themselves). That passage doesn't appear to have been derived from any particular source, so I looked for something more definitive. From a 1986 article by Lois Siegel

After his Academy Award nomination, he received a letter from British filmmaker Stanley Kubrick. The typewritten letter said, "I'm interested in having a trailer done for Dr. Strangelove." Kubrick regarded Lipsett's work as a landmark in cinema -- a breakthrough. He was interested in involving Lipsett. This didn't happen, but the actual trailer did reflect Lipsett's style in Very Nice, Very Nice.

An endnote to a 2004 profile of Lipsett by Brett Kashmere describes what Kubrick wrote to Lipsett in the letter:

Kubrick described Very Nice, Very Nice (1961) as "one of the most imaginative and brilliant uses of the movie screen and soundtrack that I have ever seen." Kubrick was so enthused with the film he invited Lipsett to create a trailer for Dr. Strangelove (Stanley Kubrick, 1965) an offer Lipsett refused. Stanley Kubrick, letter to Arthur Lipsett, Arthur Lipsett Collection, Cinematheque québécoise Archives, Montreal, May 31, 1962.

It's not clear what the connection is between Lipsett's work and the trailer that Ferro ended up producing for Strangelove, but several sources (including Heller) say that Ferro developed his quick-cut style directing commercials in the 1950s, work that would predate that of Lipsett.

Lipsett more clearly influenced the work of another prominent filmmaker, George Lucas. Lucas found inspiration in Lipsett's 21-87 in making THX-1138 and borrowed the concept of "the Force" for the Star Wars movies. Lucas' films are littered with references to Lipsett's film; e.g. Princess Leia's cell in Star Wars was in cell #2187. (thx, gordon)

Beautiful contemporary covers for Dante's Divine Comedy. The individual covers can be seen here: Inferno, Purgatorio, and Paradiso.

Apr 21, 2008    tags: design books dante

Khoi Vinh, design director of NYTimes.com and Subtraction, will be answering questions from readers all this week. Look for Khoi's initial responses later in the day and week.

The Droste effect is when a product's packaging features the packaging itself.

At my grocery store I could only find three examples: Land O'Lakes Butter, Morton Salt and Cracker Jacks. These packages each include a picture of the package itself and are often cited by writers discussing such pop-math-arcana as recursion, strange loops, self-similarity, and fractals. This particular phenomenon, known as the "Droste effect," is named after a 1904 package of Droste brand cocoa. The mathematical interest in these packaging illustrations is their implied infinity. If the resolution of the printing process -- (and the determination and eyesight of the illustrator) -- were not limiting factors, it would go on forever. A package with in a package within a package... Like Russian dolls.

(via andre)

Apr 18, 2008    tags: advertising design

Princeton Architectural Press is offering a most unusual publication called Materials Monthly. Each month or so, a small box arrives on your doorstep containing not just a printed magazine about architecturally interesting materials but samples of the materials themselves, including fabric swatches, tiles, wallpaper, glass, and steel. Dan Hill recently received his issue and has a nice review and unboxing.

Benoit Mandelbrot and Paola Antonelli talk about, among other things, fractals, self-similarity in architecture, algorithms that could specify the creation of entire cities, visual mathematics, and generalists.

This has been for me an extraordinary pleasure because it means a certain misuse of Euclid is dead. Now, of course, I think that Euclid is marvelous, he produced one of the masterpieces of the human mind. But it was not meant to be used as a textbook by millions of students century after century. It was meant for a very small community of mathematicians who were describing their works to one another. It's a very complicated, very interesting book which I admire greatly. But to force beginners into a mathematics in this particular style was a decision taken by teachers and forced upon society. I don't feel that Euclid is the way to start learning mathematics. Learning mathematics should begin by learning the geometry of mountains, of humans. In a certain sense, the geometry of...well, of Mother Nature, and also of buildings, of great architecture.

Even Erik Spiekermann agrees that Helvetica is sometimes an appropriate choice.

The Art of the Title Sequence, a blog highlighting good movie title sequences. (thx, ben)

Apr 14, 2008    tags: movies design video

A wonderful (and wonderfully long) post by Dan Hill on how he and his team thought about and executed the Monocle web site.

None of what follows is rocket science, and it's not the place to look for thoughts on 2.0/3.0, social software, or urban informatics. That would be in the accounts of different projects. But if you're interested in the honest craft of website work, almost deliberately old-fashioned 'classical' web design -- and how to ally this with innovation in magazine publishing -- the following should provide a decent account of several of the key decisions in this particular project.

Dan's thoughtful approach should be required reading for anyone building media web sites.

Interview with young designer Nikolay Saveliev, who is responsible for this gorgeousness:

Pop Matters, Nikolay Saveliev

I like the idea of a consolidated aesthetic totality; what you make looks like what you listen to, sounds like what you wear, and speaks like what you believe in. In simpler terms, my girlfriend might look like she's in a band I'd listen to, my haircut looks like it belongs in the chair I'm sitting in, and the work I'm designing might be written about in a book that I would read. Even my cat has to figure in there somehow. It's a meticulous thing to maintain, but probably comes from the fact that I've discovered mostly everything through music, whether it's ideologies, writers, artists, designers, cultures, subcultures, or other music. So it's easy to tie things back into your work, as long as you keep your eyes and ears open, and maintain a healthy dose of critical thought.

"My haircut looks like it belongs in the chair I'm sitting in". Awesome. (via quips)

Andy redesigned waxy.org.

For the first time since I started blogging in 2002, I've redesigned Waxy.org. Over the last six years, I've grown pretty sick of the old design but never found the time to rework it. Mostly, the changes are cosmetic. Cleaner design, new logo, bigger type, headlines, better iPhone support, and more space devoted to Waxy Links.

Looks nice.

A list of 63 must-have grunge fonts. Back in 1996, this would have been my thing. Is grunge type coming back?

Apr 4, 2008    tags: typography design

The new design for UK coinage is fantastic.

As you can see in the image to the right, the Shield of the Royal Arms has been given a contemporary treatment and its whole has been cleverly split among all six denominations from the 1p to the 50p, with the £1 coin displaying the heraldic element in its entirety. This is the first time that a single design has been used across a range of United Kingdom coins.

This is my favorite bit of design so far this year. (via we made this)

Update: Jonathan Hoefler compares the new UK coins, designed by a first-time currency designer, to the new US five dollar bill.

Below, the new five dollar bill, introduced last month by the United States Department of the Treasury. The new design, which features a big purple Helvetica five, is the work of a 147-year-old government agency called the United States Bureau of Engraving and Printing. It employs 2,500 people, and has an annual budget of $525,000,000.

It looks like Purple Modernistan is invading the US from the southeast.

A golden oldie from Matt Jones in 2001: WebDogme.

Two Danish filmmakers, Lars von Trier and Thomas Vinterberg in 1995 responded to what they saw as the increasing inhumanity and formulaic commerciality of effects-heavy, franchise-friendly feature films. They created a vow of chastity that placed the stylistic presentation and formal tricks of film subservient to the narrative and characterisation.

WebDogme is an attempt to outline a similar approach for the web. kottke.org is doing pretty well on the rules...I've unwittingly followed 5 or 6 of them at least. I'd link to the original Dogme 95 manifesto, but the official web site does not adhere to WebDogme rule #3 ("The browser must not be violated"); the manifesto is hidden within a frame. (via preoccupations)

This is a surprisingly effective idea: using a Google Maps zoomable, scrollable interface to read magazines. (via information aesthetics)

Mar 31, 2008    tags: magazines design

Philippe Starck says that design is dead and that he's retiring. Says Starck:

I was a producer of materiality and I am ashamed of this fact. Everything I designed was unnecessary. I will definitely give up in two years' time. I want to do something else, but I don't know what yet. I want to find a new way of expressing myself ...design is a dreadful form of expression.

Comparison of old versions (5,10,12 years ago) of popular web sites (Yahoo, CNN, Starbucks) with the current versions. Here's a comparison from a less popular site of your acquaintance. (via vitamin briefcase)

Short post about the favorite letters drawn by H&FJ type designers, including the awesomely named Sulzbacher Eszett character.

The designers at H&FJ are often asked if there are particular letters that we especially enjoy drawing. Office doodles testify to the popularity of the letter R, perhaps because it synopsizes the rest of the alphabet in one convenient package (it's got a stem, a bowl, serifs both internal and external, and of course that marvelous signature gesture, the tail.)

I would love to see a collection of those office doodles.

Mar 18, 2008    tags: typography design

Interesting gallery of Freakonomics book covers from around the world. I enjoyed the Turkish version -- "just put a hot chick on the cover" -- and the Penguin UK version.

kottke.org is ten years old today

Three cities, two serious relationships, one child, 200,000 frequent flier miles, at least seven jobs, 14,500 posts, six designs, and ten years ago, I started "writing things down" and never stopped. That makes kottke.org one of a handful of the longest continually updated weblogs on the web...something to be proud of, I guess. The only thing I've done longer than kottke.org is sported this haircut. (Perhaps not something to be proud of...the hair-in-stasis, I mean.)

Being a digital packrat, I have screenshots of all the past designs the site has had. When I started, the posts were actually hosted on another site of mine, 0sil8, that I'd been doing since 1996. I didn't know at the time that kottke.org would eventually kill 0sil8. This was the first design (full size):

kottke.org, initial design, 1998

It's a little misleading because there's only one post shown on the page...there were usually more, displayed reverse chronologically. The stars were a rough rating of how well that day had gone called the fun meter.

When I moved the site to its own domain after a few months, I redesigned it to look like this (full size):

kottke.org, circa early 1999

The aesthetic was influenced by the pixel grunge style of Finnish designer Miika Saksi...you can see some of his older work here. The font in the navigation is Mini 7...Silkscreen was still several months away at that point. The fun meter is still present as is the all-lowercase text, a house style I thankfully dropped a few months later. The cringeworthy writing took a few more years to iron out...if it ever fully was.

This one's still my favorite; it turned a lot of heads back in the day (full size):

kottke.org, circa late 1999

With dozens of spacer gifs and five concentric tables, it was a bitch to code. There was also a capability to modify the look and feel of the site...you could choose between this design, the older design pictured above, and a text-only version. Inline permalinks were introduced on kottke.org in March 2000 and subsequently the idea was spread across the web by Blogger.

But it only lasted for about a year. In late 2000, I swapped it for this one (full size):

kottke.org, circa 2000

The familar burn-your-eyes-out yellow-green makes its first appearance. I never really meant to keep it or for it to become the strongest part of the site's identity. After this design launched, I cycled through a few colors (the old yellow, blue, red) before getting to the yellow-green...and then I just got lazy and left it. For 8 years and counting. The post style underwent several changes with this design. In June 2002, I switched to Movable Type after updating the site by hand for four years. Soon after that, I added titles to my posts. In late 2002, I added a frequently updated list of remaindered links to the sidebar. In late 2003, the remainders moved into the main column and have become an integral part of the site. I also started reviewing movies and books around this time...kottke.org became a bit of a tumblelog.

In July 2004, I refreshed the design a bit...tightened it up (full size):

kottke.org, circa 2004

After about a year, I changed it again to the current look and feel (full size):

kottke.org, circa 2005

Sorry, that got a little long...there's a lot I didn't remember until I started writing. Anyway, I didn't intend for this to become a design retrospective. Mostly I wanted to thank you very sincerely for reading kottke.org. Over the last ten years, I've poured a lot more of myself than I'd like to admit into this site and it's nice to know that someone out there is paying attention. [Cripes, I'm choking up here. Seriously!] Thanks, and I'll see you in 2018.

If you can ignore the stupid one-logo-per-page interface, check out the 25 best band logos.

The Photoshop Disasters blog catalogs missteps in photo retouching and graphic design. The most recent post shows the cover of a Nintendo DS game that has an embarrassingly invisible iStockPhoto watermark on it. The three-handed lady is my favorite.

Good Thangs. It's like Martha Stewart. But different.

Mar 9, 2008    tags: design marthastewart

If Saul Bass did the titles for Star Wars.

(thx, jason)

Mar 3, 2008    tags: saulbass video design

Scott King: How I'd Sink American Vogue. His approach would include stories like "How To Dress Angry", "635 Poor People Upside Down!", and "Karl Lagerfeld Discusses Various Cancers", as well as a 14-page advertisement-free issue.

Interview with Susan Bradley, who did some graphic design and designed a typeface for Pixar's Ratatouille. I enjoyed her response when asked about "one thing everybody should do today":

Something backwards or something analog you'd normally computerize.

You can find out more about Susan on her site. (via waxy)

Design and the Elastic Mind

On view at MoMA through May 12, 2008: Design and the Elastic Mind.

In the past few decades, individuals have experienced dramatic changes in some of the most established dimensions of human life: time, space, matter, and individuality. Working across several time zones, traveling with relative ease between satellite maps and nanoscale images, gleefully drowning in information, acting fast in order to preserve some slow downtime, people cope daily with dozens of changes in scale. Minds adapt and acquire enough elasticity to be able to synthesize such abundance. One of design's most fundamental tasks is to stand between revolutions and life, and to help people deal with change.

I was surprised at how many of the show's ideas and objects I'd seen or even featured on kottke.org already. But getting there first isn't the point. The show was super-crowded and I didn't have a lot of time to look around, but here are a couple of things that caught my eye.

Michiko Nitta's Animal Messaging System (AMS), part of a larger project she did called Extreme Green Guerillas. The basic idea of the AMS is to use the radio ID tags worn by migratory animals to send messages from place to place. Nice map.

Molecubes are self-replicating repairing robots. Video here.

And I've been looking for Brendan Dawes' Cinema Redux project for several months now...most recently I wanted to include his work in my time merge media post.

Using eight of my favourite films from eight of my most admired directors including Sidney Lumet, Francis Ford Coppola and John Boorman, each film is processed through a Java program written with the processing environment. This small piece of software samples a movie every second and generates an 8 x 6 pixel image of the frame at that moment in time. It does this for the entire film, with each row representing one minute of film time.

For more, check out the online exhibition (designed by Yugo Nakamura and THA Ltd, the folks behind FFFFOUND!). Thanks (and congratulations!) to Stamen for hosting a tour of the exhibition.

Paula Scher argues that the design of advertising has gotten a lot better in recent years but that the graphic design community isn't paying too much attention.

I'm not sure that the graphic design community as a whole is paying any attention to this. I don't see very many speakers from the advertising community invited to speak at design conferences (except for the very few who lead branding groups at agencies and in some circles they are still considered the enemy). I don't read about it on design blogs, and I'm not seeing books published about it. I'm not seeing advertising, in any form, turn up in any design museum exhibitions, not at the Modern, not at the Cooper-Hewitt. The Cooper-Hewitt National Design Museum has an annual designer award category for Communication Design and I've never seen an advertising person nominated since the award's inception.

(via quipsologies)

Interview with book cover designer Peter Mendelsund. I will read any interview in which the subject replies "I still don't know" when asked how they got their job. I really like what I've seen of Mendelsund's work (sorry...his site resizes the browser window...no, wait, I'm not sorry, *he* should apologize for that); his cover for War and Peace is lovely.

Nice design of a lens cleaning tissue packet.

Firstly, there's a thumbprint placed at the bottom where they want you to put your thumb so that the tissues don't fly away in the wind when you open it up. The thumbprint is in blue, as if it had been manually printed in finger-print ink directly onto the card.

Feb 12, 2008    tags: design

Some really nice looking stamps done in the style of Otl Aicher.

Slideshow of lobby cards from a collection assembled by late screenwriter Leonard Schrader. Here's a companion article about the collection's discovery.

Screenwriter Leonard Schrader's secret collection consisted of lobby cards, which were used to promote films in movie theaters from the silent era through the 1960s. Typically issued as a set of eight sequential 11"-by-14" mini-posters depicting scenes from a film, they pre-dated trailers as a promotional device. They were low tech even by 20s standards, but in a black-and-white era, they made up for it with their flashy graphics, riotous colors, and over-the-top salesmanship.

Much more about lobby cards and Schrader's collection here.

The winners of this year's DWR's Champagne Chair Contest have been announced. The winning chairs are more professionally designed as the years go on.

Which actors would play the designers in Graphic Design: The Movie? Maybe Phillip Seymour Hoffman as Michael Bierut, Massimo Vignelli played by Sean Connery (Connery won't do the Italian accent though), and Julie Christie as Paula Scher.

The New Yorker's Eustace Tilley Contest just ended. Contestants were asked to design their own version of the New Yorker's monocled mascot; here are all the entries. The winner will be announced on Feb 4. (via waxy)

Jan 25, 2008    tags: newyorker design

Build your own Apple Store. Oobject tracked down the materials, furniture, fixtures, and finishes used in the Apple Stores, giving anyone enough information to turn their living room into one.

A video and accompanying text from Edward Tufte on Interface Design and the iPhone.

Update: Christopher Fahey posted a thoughtful critique of Tufte's iPhone thoughts.

I feel like this happens to a lot of authors...the covers of their books end up being the opposite of what they should be.

Jan 24, 2008    tags: design typography

Emigre is posting some essays from the back issues of its dearly departed magazine.

If you're curious as to what designers mean when they talk about design, check out Paola Antonelli's talk from last year's TED conference. (BTW, TED has made publicly available a great number of talks from their conferences...like 40-50 hours of material.)

Grading the world's flags. Gambia is a surprise #1. (via marginal revolution)

Jan 21, 2008    tags: flags design bestof

An apt visual metaphor from the world of sports for the client/designer relationship.

A taxonomy of animals that are mascots or logos of companies.

Video interview with Michael Bierut about typography and design. (via typographica)

Clever shower design; the water pipe also holds the curtain up.

Jan 7, 2008    tags: showering design

A collection of rap, hip hop, and roller-disco flyers from the 70s and 80s.

Jan 4, 2008    tags: music design

The stories of three exemplary information graphics. If you're up on your Tufte, they'll be known to you already but always worth a look.

Dec 27, 2007    tags: infoviz design

Logo trends for 2007. (via airbag)

Dec 27, 2007    tags: logos design

Really interesting interview with artist/designer Tobias Wong by Rob Walker.

That question hits an important point in my work (and pet peeve), because many people are always interested in how I get work out there, financially. And it's quite simple. If there's something I really believe in, I just find a way to make it happen. No daily Starbucks (US$4) or cigs ($8) or dining out ($20), and before you know it you've got the money to do something.

Sean Ohlencamp works at Chiat Day and recorded his computer desktop once a day for the past year. (via le monoscope)

Dec 26, 2007    tags: design video

Advice from a photo editor at a national magazine on how to talk about photography, particularly to those who know little about it.

I have a sweet technique I use for finding the great images from a shoot that really tends to piss-off the editors: I edit the film without reading the story. This helps me tune into which images have the most impact on me and which ones transcend subject matter and become forces in their own right.

His description of defending good photography applies to design as well.

John Maeda is leaving his position at The MIT Media Lab for the Presidency of RISD. Good luck, John.

Update: Here's a video of Maeda introducing himself as president.

The 25 best rock posters of all time, according to Billboard. A hit-or-miss list at best. (via quipsologies)

The design of the iPhone is such that all other mobile phones, including those released after the iPhone, look not only old but antiquated and even defective. IMO.

Michael Frumin's grandfather passed along to him a campaign poster from when Norman Mailer ran for mayor of NYC in 1969. The scans of the poster are wonderful.

I'm about as far from a knowledgeable design critic as you can get, but this thing is an undeniable work of art, especially in the eye of any native New Yorker.

Does anyone know who designed the poster for Mailer?

The 2008 version of Pentagram's big-ass wall calendar is now available, featuring the typefaces of Matthew Carter. If that's not to your liking, there's always this calendar by Massimo Vignelli set in, you guessed it, Helvetica.

Design challenge: design a business card-sized year-long calendar that doesn't feature absurdly small type. Some intriguing solutions.

Nov 21, 2007    tags: design

Jon Hicks has a nice slideshow of typography from the Harry Potter and the Order of the Phoenix. (via waxy) Design Observer did a piece on the typography of Order of the Phoenix becoming its own character.

It is The Daily Prophet which emerges in this film as a secondary character, performing interstitial cameos made all the more exhilarating because the camera sweeps in and out, ricocheting off the page, magnifying and dramatizing a typographic vocabulary that combines a slightly mottled, letterpress-like display face with great portions of illegible calligraphy.

Paper laptop interfaces designed by 7-9 year-olds.

The children started making these laptops last year and dubbed themselves "the laptop club." This was truly an innovation of kid culture without adult coaching. The children were in second and third grade last year, and are continuing to create and play with new designs this year. [...] All of the kids played with their laptops so much that many of the laptops have been worn out or lost.

The desires and preoccupations of the kids come through quite clearly in these drawings. Reminds me of the letters to Santa we wrote in grade school.

Nov 19, 2007    tags: design

The Book Design Review blog offers up its picks for the best book covers of the year.

The American Society of Magazine Editors picks their magazine favorite covers of 2007.

The annual report for Podravka, a Croatian food company, has to be heated in the oven before you can read it.

Called Well Done, the report features blank pages printed with thermo-reactive ink that, after being wrapped in foil and cooked for 25 minutes, reveal text and images.

Well done, indeed. (thx, judson)

Nov 15, 2007    tags: design food

I can't see how on earth Julie Jackson's Subversive Cross Stitch didn't make it into the Museum of Arts & Design show on Extreme Embroidery. Maybe it's too straightforward but still...

The movie poster for The Savages was done nicely by Chris Ware.

Tobias Wong has made a slick all-black iPhone called the ccPhone. It comes preloaded with videos, photos, music, and the company address book of Citizen:Citizen, the company selling it. Available as a limited edition of 50, each phone is $2000. Another of Wong's projects that I really like is the Tiffany diamond solitaire engagement ring with the diamond turned upside down so the point sticks out (possibly for slashing attackers). A nice play on the marital security that an engagement ring offers the wearer. (via core77)

I went to a mini conference put on by Core77 on Friday and I'll post a bit more about a couple of the participants in a day or so, but if you were in attendance, you may not have noticed that the person onstage claiming to be artist/designer Tobias Wong was not actually Tobias Wong (more).

The setup was an art project on Tobias's part, they practiced together for some time to make it work. There were a lot of little jokes in fake Tobias's talk for people who knew what was going on. Tobias was in the audience, actually answered a question for fake-Tobias during his talk.

Title sequences from Doctor Who, 1963-2006. Unfortunately all the videos are in Real format, which in the age of YouTube is just silly. Not unfortunately, most of the opening titles videos are available on YT: first Doctor, second Doctor, third Doctor, fourth Doctor, fifth Doctor, sixth Doctor, and seventh Doctor, as well as other variants. (via quipsologies)

Nov 9, 2007    tags: design tv video doctorwho

FFFFOUND!, art curating for the masses

Alexander Bohn wrote a glowing review of FFFFOUND! at Speak Up the other day. My FFFFOUND! fandom is documented elsewhere, so I'll comment instead on an observation Bohn made in his initial paragraph:

Graphic design might not work in the white cube, but it flourishes on a white background. A new mutated strain of design blog has evolved: The Randomly Curated Other People's Images White Background Site, or RCOPIWS. Sites like Manystuff, Monoscope, Your Daily Awesome, and VVORK (among countless others) offer designers and design aficionados a constant flood of typographic morsels, interesting photos, arresting new art, and the like. One such site sets itself apart, notably, from the other RCOPIWSes: the collaborative image-bookmarking site ffffound.comallegedly, but unconfirmed, initiated by online fiend Yugo Nakamura.

Among the many things that the internet has democratized is curating, a task once more or less exclusive to editors (magazine, book, and newspaper), art gallery owners, media executives (music, TV, and film), and museum curators. They choose the art you see on a museum's wall, the shows you see on TV, the movies that get made, and the stories you read in the newspaper. The ease and low cost of publishing on the web coupled with the abundance of sample-ready media has made the curating process available to many more people. Smashing Telly is David Galbraith's rolling film festival (or TV channel). By simply listening to the music that you like, Last.fm allows anyone to put together their own radio station to share with others. kottke.org is essentially a table of contents for a magazine I wish existed. Shorpy has freed old photography from the nearly impenetrable Library of Congress web site and presented it in a compelling blog-like fashion.

In the case of FFFFOUND! and other RCOPIWSs, I would argue that these sites showcase a new form of art curating. The pace is faster, you don't need a physical gallery or museum, and you don't need to worry about crossing arbitrary boundaries of style or media. Nor do you need to concern yourself with questions like "is this person an artist or an outsider artist?" If a particular piece is good or compelling or noteworthy, in it goes. The last week's output at Monoscope would make a pretty good show in a Chelsea art gallery, no? It'll be interesting to see how this grassroots art curating will affect the art/design/photography world at large. Jen Bekman, who has roots in the internet industry, is already exploring this new frontier with her nimble gallery and the Hey, Hot Shot! competition. Others are sure to follow.

Short video piece about fonts and typography, featuring Steven Heller, Jonathan Hoefler, Tobias Frere-Jones. (via quipsologies)

This week's Layer Tennis match between Naz Hamid and Chris Glass is just starting. Rosecrans Baldwin commentating.

The NYC Dept of Transportation is introducing compass decals to be placed on sidewalks at subway exits to help orient disembarking passengers. I thought I'd posted a link about this idea before on kottke.org, but the only reference I can find is a discussion about compasses on manhole covers. (thx, erik)

Update: Aha, here's the entry. John has more.

Oct 17, 2007    tags: subway nyc cities design

Is the new NYC taxi logo any good? More here. (thx, red)

Oct 16, 2007    tags: design nyc logos taxis

Design, Wit, and the Creative Act, a half-day event put on by Core77.

How do designers employ wit, irony -- even subversion -- in the service of making a connection with their audience, and how can they replicate these connections across a body of work? Are there limits to commercializing this kind of design, or are we seeing new opportunities for the provocateur in an ever-commoditized world? What is the role of the brand in this context, and to what degree does a sly exchange between designer and user create a new kind of brand experience?

Featuring Ze Frank, Steven Heller, and others...Nov 9 in NYC.

Clay Shirky: good design requires a balance of arrogance and humility.

The iPod is an unanswerable repudiation to people who don't believe design is arrogance; MySpace demonstrates that users prize participation, even at the expense of clarity.

Oct 12, 2007    tags: design clayshirky

Just a gentle reminder: I'll be commenting on today's Layer Tennis match between Chuck Anderson and Steven Harrington. Things get underway in just under an hour (3pm ET).

I've been remiss in not pointing you to the last two Layer Tennis matches: Inman vs. Cornell and Duerden vs. Thomas.

(Very quickly, Layer Tennis pits two designers against each other. The competitors volley a single Photoshop file back and forth, modifying it in turn in an attempt to outdo one another.)

I will be doing the commentary for the next match, which takes place at 3pm ET on Friday and features Chuck Anderson and Steven Harrington. Come by and watch all the exciting action on Friday!

Jennifer Daniel has a nice one-page portfolio of design and illustration work.

Processing: A Programming Handbook for Visual Designers and Artists

Casey Reas and Ben Fry, inventors of the Processing programming language (that's Proce55ing to you old schoolers), have just come out with a book on the topic that looks fantastic. In addition to programming tutorials are essays and interviews with other heavy hitters in the programmatic arts like Golan Levin, Alex Galloway, Auriea Harvey, and Jared Tarbell. The site for the book features a table of contents, sample chapters, and every single code example in the book, freely available for download. Amazon's got the book but they're saying it's 4-6 weeks for delivery so I suggest hoofing it over to your local bookstore for a look-see instead.

FFFFOUND!

For the past few months, I've been closely following the activities of FFFFOUND!, a social bookmarking web site and one of my favorite finds of the past year. The technology and presentation are fairly straightforward. Site participants select images to bookmark and the images show up on the site along with the related URL. Users can also bookmark images that other users have already bookmarked, which creates connections between images and users, allowing FFFFOUND!'s software to build recommendation lists (e.g. if you like this image, you may also like...). And then people like me who aren't participants can just sit back and view people's image streams. Mike Migurski wrote a nice introduction to the site and its capabilities back in July.

But the thing that makes the site work is that the current participants have really good taste in imagery. The project appears to have been started by Yugo Nakamura, who old school web folks may remember as one of the first true Flash artist wizards (see Mona Lisa matrix, MONO*crafts, and Industrious Clock, for example), and has expanded slowly while in beta; each participant gets only a single invite to pass along. The site's slow expansion from Nakamura and a small group of his art/design pals & associates has kept the quality high and focused. I hope the quality can remain high as the site gains in popularity and weathers the eventual opening up of participation to the web at large.

PS. I know you're probably just supposed to pronounce it like "found" but I've been favoring "fuh-fuh-fuh-found", even though that doesn't exactly roll off the tongue.

Update: I do not have any invitations for FFFFOUND! Sorry.

Fritz Kahn's Man As Industrial Palace.

Kahn's modernist visualization of the digestive and respiratory system as "industrial palace," really a chemical plant, was conceived in a period when the German chemical industry was the world's most advanced.

Be sure to check out the larger version.

Sep 27, 2007    tags: fritzkahn design art

Without the associated covers, this list of the AIGA's 50 Books/50 Covers winners for "outstanding book and book cover design produced in 2006" is pretty useless. (Anyone want to track all of these covers down? I'll host (or link to) the results on kottke.org.)

Update: Photos of the covers and books are all available on the AIGA Design Archives site. No permalink tho. :( (thx, tbit)

Michael Bierut dug his 1979 design portfolio out of the closet