kottke.org posts about design
Responsive web design is a technique used by web builders where the design adapts to different screen sizes. Designer Joe Harrison has built a page with responsive logos for several well-known brands, including Coca-Cola, Nike, Disney, and Levi's. If you resize the page, you can see the logos change. Here's how the Disney logo looks as your browser window gets smaller (from L to R):
As the browser gets smaller, the logos lose detail and become more abstract. By the time you get to the smallest screen width, you're down to just the Disney "D" or Nike swoosh or Heineken red star, aka the bare minimum you need to render the logo recognizable, if only on a subconscious or emotional level. Which reminds me of Scott McCloud's discussion of iconic abstraction (and The Big Triangle) in Understanding Comics, which is still one of the best books on design and storytelling I've ever read. Here's a bit of the relevant passage:
Defining the cartoon would take up as much space as defining comics, but for now, I'm going to examine cartooning as a form of amplification through simplification. When we abstract an image through cartooning, we're not so much eliminating details as we are focusing on specific details. By stripping down an image to its essential "meaning", an artist can amplify that meaning in a way that realistic art can't.
The reason why those particular logos work responsively is because they each have abstract representations that work on that meaningful emotional level. You see that red Levi's tag or Nike swoosh and you feel something.1 I think companies are having to design logos in this way more frequently. Contemporary logos need to look good on freeway billboards, on letterhead, as iOS icons, and, in the case of the Facebook, Twitter, or Pinterest logos, affixed to tiny tweet/like/pin buttons. (via ministry of type)
Khoi Vinh is coming out with a book soon called How They Got There: Interviews With Digital Designers About Their Careers. It is, as Tyler Cowen would say, self-recommending. Vinh explains a bit more:
You can read terrific profiles of many of these folks elsewhere, but the conversations that I conducted with them are both narrower and more in-depth. They focus squarely on how these folks discovered their callings in the design profession, how they got their first big breaks, how they put together successful careers in digital media. There are some wonderful, insightful, brilliant, hilarious and amazing stories captured here.
Basically, this is the book that I wish that I could have had handy when I was just starting out, when I was trying to figure out how to get from A to B career-wise. Even better, what I found when I was writing it was that the conversations were so interesting that I felt newly inspired myself. I think you'll feel similarly.
Forget the book (I mean, it looks great), but Khoi, where do you find the time for everything? Three kids, two or three side projects, regular blogger, startup VP...you're almost as productive these days as Beyonce is.
The picks for the finest magazine covers of the year are starting to trickle out. Coverjunkie is running a reader poll to pick the most creative cover of 2014. Folio didn't pick individual covers but honored publications that consistently delivered memorable covers throughout the year; no surprise that The New York Times Magazine and Bloomberg Businessweek were at the top of the heap.
See also the best book covers of 2014.
At the NY Times, Nicholas Blechman weighs in with his picks for the best book covers of 2014.
Dan Wagstaff, aka The Casual Optimist, picked 50 Covers for 2014.
From Jarry Lee at Buzzfeed, 32 Of The Most Beautiful Book Covers Of 2014.
Paste's Liz Shinn and Alisan Lemay present their 30 Best Book Covers of 2014.
And from much earlier in the year (for some reason), Zachary Petit's 19 of the Best Book Covers of 2014 at Print.
Adrian Curry selects his favorites for the best movie posters of 2014. This one, for Gabe Polsky's Red Army, caught my eye:
See also the best poster lists from Empire, Entertainment Weekly, and Indiewire. (via subtraction)
If you've ever wondered how a designer does their thing (or even if you haven't), this look-over-the-shoulder view of Aaron Draplin designing a logo for a fictional company in about 10 minutes is great. A nice reminder that design is truly about making it up as you go along.
I love Draplin. Internet treasure, that guy. And that lefty writing claw! Go lefties!
Totally sweet and charming video of Apple co-founder Steve Wozniak talking about the early days at the company while setting up and using an old Apple II.
Of Apple's two founding Steves, Wozniak was the technologist and Jobs was the one with the artistic & design sense, right? But it's obvious from watching this video that Woz cared deeply about design and was a designer of the highest order. Those early Apple circuit boards are a thing of beauty, which is echoed in the precision and compactness with which Apple currently designs iPhone and Mac hardware. They each have their own unique way of expressing it, but Woz and Jony Ive speak in a similarly hallowed way about how their products are built.
Update: Wozniak still has improving the Apple II on his mind. From earlier this year:
I awoke one night in Quito, Ecuador, this year and came up with a way to save a chip or two from the Apple II, and a trivial way to have the 2 grays of the Apple II be different (light gray and dark gray) but it's 38 years too late. It did give me a good smile, since I know how hard it is to improve on that design.
Update: From Founders at Work, an interview with Woz that goes a bit deeper into the genesis of the Apple I and the early days at Apple.
By the time I was done, the design of the Nova was half as many chips as all of the other minicomputers from Varian, Digital Equipment Corp., Hewlett-Packard, all of the minicomputers of the time (I was designing them all). And I saw that Nova was half as many chips and just as good a computer. What was different? The architecture was really an architecture that just fit right to the very fewest chips.
My whole life was basically trying to optimize things. You don't just save parts, but every time you save parts you save on complexity and reliability, the amount of time it takes to understand something. And how good you can build it without errors and bugs and flaws.
I am loving these posters for non-existent movie sequels, but the names might be even better. A sampling:
Fight Club: The 2nd Rule
Bigger Trouble in Little China
Spaceballs III: The Search for Spaceballs II
Titanic 2: Above Zero
Prints are available for all of these. (via @cabel)
When the new Airbnb logo was introduced, the company caught a lot of flack from the internet because the logo resembled an odd combination of almost every sexual body part. I actually liked the logo right away and after a few months with it, the juvenile connotations have faded.
But you know what makes Airbnb's logo really really really look like a cartoonish vagina butt? Putting arms and legs and hats on the logo and animating it.
Airbnb is sponsoring the NYC Marathon this year, and the logo characters were created for the event. Maaaaybe they'd like to rethink this?
This is the design that Norway has chosen for their banknotes starting in 2017:
From now on, I'm paying for everything with kroner. (via co.design)
The rooster on the Sriracha bottle has made its way to iPhone cases, t-shirts, and water bottles. But no one (not even the founder of the company) knows the name of the street artist who created the now famous logo.
Over at Trivia Happy, Phil Edwards interviewed Ellen Lampl, who designed the logos for Mike Judge's underrated Idiocracy.
Some logos came from the script, while some came from the designers' brainstorming sessions. Brawndo and Carl's Jr. were written, while Lampl made logos for companies like Nastea and Fedexx once the overall look was approved. For Lampl, it was a great release, because "coming from the past constraints of advertising, it was cathartic to have the liberty to be bawdy and irreverent. Making everything ridiculously over-emphasized with bright colors, outlines upon outlines, and exaggerated drop shadows was my personal jab at the world of branding and in-your-face typography."
Eleanor Lutz has a degree in molecular biology, works as a designer, and loves to combine the two interests by making these wonderful information graphics on her site, Tabletop Whale. Her most recent post is an animated graphic showing how several animals (birds, bats, insects) move their wings while flying.
I love love love Lutz's animated chart of North American butterflies. So playful!
There are only four posts on the site so far, but she's done other stuff as well; this woodcut map for instance. Prints are available...I'm getting one of the butterflies for sure.
After writing Design is a Job and noticing no one had written a book for clients who hired designers, Mike Monteiro of Mule Design decided to write one: You're My Favorite Client.
Whether you're a designer or not, you make design decisions every day.
Successful design projects require equal participation from both the client and the design team. Yet, for most people who buy design, the process remains a mystery.
In his follow-up to Design Is a Job, Mike Monteiro demystifies the design process and helps you prepare for your role. Ensure you're asking the right questions, giving effective feedback, and hiring designers who will challenge you to make your product the best it can be.
Monteiro recently wrote 13 Ways Designers Screw Up Client Presentations and gave an interview to fellow designer Khoi Vinh.
I've been doing the primary research for this book for 20 years. I deal with clients every day and I see what works and doesn't work and I've screwed up more times than I'd like to think about. But every lesson in that book is field tested. This book has zero percent theory in it. It was written on a factory floor.
Join designer James Victore for an opinionated tour of the typography of Brooklyn and Queens.
We're going to do a typographical tour of Brooklyn and Queens, We're going to look at type on the street and signage on the street and try to figure out what the hell it's for.
Favorite quote: [Pointing at a logo for a waxing salon] "There's been a designer here. Which is not always a good thing." (via gothamist)
The 2013 Personal Annual Report for Nicholas Felton is available for pre-order and online perusal. Pre-ordered...I own a copy of every one except for the first year.
ps. The NY Times did a video about Felton and his annual reports.
The Art of the Title has a look at the Emmy nominees for best title design for 2014: Black Sails, Cosmos, Masters of Sex, Silicon Valley, and True Detective. As noted, the excellent titles for Halt and Catch Fire missed the eligibility period by a day. Spoilers: True Detective's titles won.
Today I learned that iconic designer Milton Glaser co-wrote a column for New York magazine (which he co-founded) about where to find cheap-but-good food in NYC. It was called The Underground Gourmet. Here's a typical column from the October 27, 1975 issue, reviewing a ramen joint in Midtown called Sapporo that is miraculously still around:
Glaser and his co-authior Jerome Snyder eventually packaged the column into a series of books, some of which you can find on Amazon...I bought a copy this morning.
I found out about Glaser's food enthusiasm from this interview in Eye magazine about The Underground Gourmet and his long collaboration with restaurateur Joe Baum of the Rainbow Room and Windows on the World.
We just walked the streets ... When friends of ours knew we were doing it we got recommendations.
There were parts of the city where we knew we could find good places ... particularly in the ethnic parts. We knew if we went to Chinatown we would find something if we looked long enough, or Korea Town, or sections of Little Italy.
More then than now, the city was more locally ethnic before the millionaires came in and bought up every inch of space. So you could find local ethnic places all over the city. And people were dying to discover that. And it was terrific to be able to find a place where you could have lunch for four dollars.
In 2010, Josh Perilo wrote an appreciation of The Underground Gourmet in which he noted only six of the restaurants reviewed in the 1967 edition had survived:
Being obsessed with the food and history of New York (particularly Manhattan), this was like finding a culinary time capsule. I immediately dove in. What I found was shocking, both in the similarities between then and now, and in the differences.
The most obvious change was the immense amount of restaurants that no longer existed. These were not landmarked establishments, by and large. Most of them were hole-in-the wall luncheonettes, inexpensive Chinese restaurants and greasy spoons. But the sheer number of losses was stunning. Of the 101 restaurants profiled, only six survive today: Katz's Delicatessen, Manganaro's, Yonah Schimmel's Knishes Bakery, The Puglia and La Taza de Oro. About half of the establishments were housed in buildings that no longer exist, especially in the Midtown area. The proliferation of "lunch counters" also illustrated the evolution of this city's eating habits. For every kosher "dairy lunch" joint that went down, it seems as though a Jamba Juice or Pink Berry has taken its place.
Man, it's hard not get sucked into reading about all these old places...looking forward to getting my copy of the book in a week or two.
Update: Glaser's co-author Jerome Snyder was also a designer...and no slouch either.
Legendary designer Paul Rand's Thoughts on Design is back in print for the first time since the 1970s. The new version, which will be out on Aug 19, is available for preorder and comes with a foreword by Michael Bierut.
One of the seminal texts of graphic design, Paul Rand's Thoughts on Design is now available for the first time since the 1970s. Writing at the height of his career, Rand articulated in his slender volume the pioneering vision that all design should seamlessly integrate form and function. This facsimile edition preserves Rand's original 1947 essay with the adjustments he made to its text and imagery for a revised printing in 1970, and adds only an informative and inspiring new foreword by design luminary Michael Bierut. As relevant today as it was when first published, this classic treatise is an indispensable addition to the library of every designer.
An extensive collection of book covers featuring books. Confused? Maybe an example will help:
I love these book posters by Gunter Rambow from the 1970s, especially this one:
The New Yorker has got a new web site and with it, they are offering everything they've published since 2007 online for free all summer. From the editor's note:
Beginning this week, absolutely everything new that we publish -- the work in the print magazine and the work published online only -- will be unlocked. All of it, for everyone. Call it a summer-long free-for-all. Non-subscribers will get a chance to explore The New Yorker fully and freely, just as subscribers always have. Then, in the fall, we move to a second phase, implementing an easier-to-use, logical, metered paywall. Subscribers will continue to have access to everything; non-subscribers will be able to read a limited number of pieces -- and then it's up to them to subscribe. You've likely seen this system elsewhere -- at the Times, for instance -- and we will do all we can to make it work seamlessly.
Previously, only select articles from each issue were available for free online...everything else was for subscribers only. (Umlaats and extensive commas will be forever freely available on all the New Yorker's publishing platforms.) Longform has a solid list of their 25 favorite now-unlocked pieces.
See also: In Praise of Slow Design, a piece by Michael Bierut about The New Yorker's careful design evolution.
Audacity is a sound editing program, but it turns out you can open and edit image files with it. With varying results, mostly of the glitch art variety:
(via 5 intriguing things)
Somehow I lived in WI for the first 17 years of my life, was a Brewers fan for many of those years, and never realized the old Brewers logo contained the letters "m" and "b" hidden in the ball and glove.
Wow. If your mind is blowing right now too, there's a Facebook group we can join together: Best Day of My Life: When I Realized the Brewers Logo Was a Ball and Glove AND the Letters M and B. (via kathryn yu)
ps. If you've somehow missed the hidden arrow in the FedEx logo, here you go. Best kind of natural high there is.
Spanish design firm Atipo made these nifty minimalist movie posters out of card stock. I really like the one for Rear Window:
The book cover for Naive Set Theory by Paul Halmos is so so good:
The cover is a riff on, I think, Russell's Paradox, a problem with naive set theory described by Bertrand Russell in 1901 about whether sets can contain themselves.
Russell's paradox is based on examples like this: Consider a group of barbers who shave only those men who do not shave themselves. Suppose there is a barber in this collection who does not shave himself; then by the definition of the collection, he must shave himself. But no barber in the collection can shave himself. (If so, he would be a man who does shave men who shave themselves.)
Reminds me of David Pearson's genius cover for Benjamin's The Work of Art in the Age of Mechanical Reproduction.
These maps, diagrams, and charts by John Philipps Emslie done in the mid-to-late 1800s are gorgeous.
Intrigued, I went searching for more examples. I loved this one just for pure compositional beauty:
And this lithograph from 1850 showing various machines of the time:
"A Type House Divided" is Jason Fagone's feature for New York magazine on former partners Jonathan Hoefler and Tobias Frere-Jones, who split up earlier this year after disagreeing about the nature of their partnership. (TFJ thought he was a fifty-fifty partner; Hoefler says he was an employee.)
While the story covers both sides of the dispute with detail and pathos, the most affecting bits treat how H & FJ worked together and the tiny details of the letters they made and loved:
At his computer, he drew an uppercase H, O, and D, because they contained flat and round elements that would determine how other letters looked. When he moved on to the G, the R, and the S, he started to deviate from the mathematical grid, hoping to give the font a subliminal playfulness. As he filled out the alphabet, the letters revealed a promising flexibility; if Frere-Jones set text in caps and spread the spacing out, the words felt authoritarian, imposing, and if he set them in lowercase and pulled the spacing in, they felt fresh and young. He tried to think of a name for the font that would showcase some of the more distinctive letters: the stark, powerful G; the circular o; the strange-tasting a. For a name, he thought about Goats, and Gomorrah. He finally settled on Gotham.
If the deep dive into the beauty and business of lettermaking doesn't grab you, the essay's packed with other-cultural analogies. My favorite is probably this: "According to a designer who used to work with Frere-Jones, his eye is so sharp that he can look at a printout of a letterform and tell if it's one pixel off, the same way Ted Williams was said to be able to hold a baseball bat and tell if it was a half-ounce too heavy."
Disclosure: Jason Fagone is my friend. Kottke.org uses Whitney Screensmart, a version of one of the fonts discussed in the article. Also one time Jonathan Hoefler got really mad at me because of a story I wrote about iPad magazines. The font people don't play.
Update: If you want to know just how much the font people don't play, I immediately was contacted by a friend to change "typographer" to "type designer." I've spent years writing about this, and if I ever manage to get all of the terms right, the universe will collapse on itself.
Apple recently announced their annual design awards for 2014. Some nice work there.
From a book by Hartmut Esslinger, a collection of photographs of prototypes his company Frog Design worked on for Apple Computer.
The portables and phones are especially interesting.
A giant in the world of design, Massimo Vignelli, passed away this morning at the age of 83. Michael Bierut, who worked for Vignelli, has a nice remembrance of him.
Today there is an entire building in Rochester, New York, dedicated to preserving the Vignelli legacy. But in those days, it seemed to me that the whole city of New York was a permanent Vignelli exhibition. To get to the office, I rode in a subway with Vignelli-designed signage, shared the sidewalk with people holding Vignelli-designed Bloomingdale's shopping bags, walked by St. Peter's Church with its Vignelli-designed pipe organ visible through the window. At Vignelli Associates, at 23 years old, I felt I was at the center of the universe.
No idea if this is for sale anywhere (I couldn't find it) or if it's just a design exercise, but this cover for Peter Benchley's Jaws designed by Tom Lenartowicz is inspired. (via ★interesting)
One of the greatest designers in the world, Massimo Vignelli, is very sick and "will be spending his last days at home". His son is requesting that if you were influenced at all by Vignelli's work, you should send him a letter:
According to Pentagram partner Michael Bierut, "Luca said that Massimo would be thrilled to get notes of good wishes from people whom he's touched or influenced -- whether personally or remotely -- over the years. Luca has visions of huge mail bags full of letters. I know that one of Massimo's biggest fantasies has been to attend his own funeral. This will be the next best thing. Pass the word."
Here's the address:
130 East 67 Street
New York, New York 10021
Andrew Kim of Minimally Minimal got his hands on an original Sony Walkman and provides an interesting look back at a seminal piece of personal technology. Initially, the Walkman was billed as the "Walking Stereo with Hotline":
Next to the dual headphones is a button labeled "Hot Line". This was another key feature of the TPS-L2. When the user pressed the Hot Line button, the device would would override the music with audio from the built in microphone. It allowed you to listen to Subway announcements or talk to a friend without taking off your headphones. I find it to be a particularly clever idea as it uses existing parts from tape recorders. Hot Line wasn't really a sought after feature though, and was axed in later models.
The MoMA is hosting a series of debates on the intersection of design and violence. The first one took place last week and pitted Rob Walker against Cody Wilson on the topic of open source 3D printed guns. The next two center on a machine that simulates the "pain and tribulation" of menstruation and Temple Grandin's humane slaughterhouse designs.
The debates this spring will center upon the 3-D printed gun, The Liberator; Sputniko!'s Menstruation Machine; and Temple Grandin's serpentine ramp. Debate motions will be delivered by speakers who are directly engaged in issues germane to these contemporary designs -- the Liberator's designer Cody Wilson; Chris Bobel, author of New Blood: Third-Wave Feminism and the Politics of Menstruation, and distinguished professor of law Gary Francione, to name a few. We want them -- and you -- to explore the the limits of gun laws and rights, the democracy of open-source design, the (im)possibility of humane slaughter, and design that supports transgender empathy.
Tickets are still available; only $5 for students!
Legendary designer Milton Glaser (of I❤NY fame) critiques craft beer labels.
For her Uncomfortable Project, Katerina Kamprani redesigned useful objects; they're still technically functional but are a pain in the ass to use. Like this key:
Or this awkward broom:
A cool short documentary about neon sign making, a dying industry in Hong Kong.
As Jonathan Hoefler notes, the letters are designed so that the designers don't burn their hands while bending the glass over an 800°C flame.
The Grand Budapest Hotel is Wes Anderson's most design-y film, and that's really saying something. Typography is present in almost every frame; at times, it was almost oppressive. Creative Review interviewed designer Annie Atkins, who was responsible for the film's graphic design elements.
Oh my goodness, so many signs in the 1960s hotel lobby! I have to give credit to Liliana for this work, as she took care of nearly all of these. She had three sign-writers from Berlin painting non-stop for a week to get them all done in time for our first day of shoot, as that set was first up. Wes and Adam had seen so many examples of quite officious signage in what had been communist East Germany -- don't do this, don't do that, do this but only like that! The signs really added to the claustrophobic feeling of that set, and Wes had asked for them all to be black with simple white hand-painted lettering -- based on the style of the old sign at Yorckstrasse subway station in Berlin.
You've probably seen instances of knolling without knowing there was a word for it. Knolling at the Apple Store:
Knolling the contents of your bag:
Knolling a recipe for a book:
Knolling the parts of a machine:
Knolling is the practice of organizing objects in parallel or at 90° angles. The term has been popularized by artist Tom Sachs; he picked it up from Andrew Kromelow when both were working at Frank Gehry's furniture fabrication shop. Gehry was designing chairs for furniture company Knoll, and Kromelow would arrange unused tools in a manner similar to Knoll furniture. Hence, knolling.
That is a bespoke running shoe made by a small company started by Hitoshi Mimura, who is considered one of the top shoe designers in the world. Mimura had great success at Asics, outfitting Olympic gold medal runners with shoes lighter, grippier, and more breathable than those worn by competitors, but now he has struck out on his own.
"I take 13 measurements of the foot, each foot has to be measured separately," explains the sensei of shoemaking. "I only trust hand-measuring. Currently, each shoe takes about three weeks to make, mainly due to determining which materials to use." Preparation is also key. "For a world championships or Olympics I check the course once or twice. I went to Beijing three times."
A NY Times feature on Mimura written before the 2008 Olympic Games in Beijing emphasized the designer's reliance on rice husks in the soles for grippiness. Mimura takes his job and his responsibility to the runners very seriously:
Surreptitiously, Mimura made soles of two slightly different thicknesses, to compensate for the fact that Takahashi's left leg was eight millimeters -- about a third of an inch -- longer than her right leg. She had tried a pair of the uneven soles before the Sydney Olympics, but felt uncomfortable.
Still, Mimura felt Takahashi needed such shoes to win and to avoid a recurrence of pain caused by the disparity in her legs. Without Takahashi's knowledge, Mimura gave her the uneven soles, then wrote a letter of resignation, in case she failed to win gold.
"I decided to take full responsibility because I made this pair against her wishes," Mimura said of the letter. "I didn't have to hand it over. It's still in my desk."
That is belief in yourself and in your craft. Many people believe in "giving people not what they want but what they need" but how many of them will put their livelihood on the line for it?
John Arlidge scores a very rare sit-down interview with Apple design chief Jony Ive for Time magazine.
He spent "months and months and months" working out the exact shape of the stand of the desktop iMac computer because "it's very hard to design something that you almost do not see because it just seems so obvious, natural and inevitable". When he has finished a product, even one as fresh and iconic as the white headphones that came with the first iPod, he is haunted by the idea: could I have done it better? "It's an affliction designers are cursed with," Ive frowns.
It was an affliction he shared with Jobs, although he seemed to apply it to everything, with -- almost -- funny consequences. Ive recalls traveling with Jobs. "We'd get to the hotel where we were going, we'd check in and I'd go up to my room. I'd leave my bags by the door. I wouldn't unpack. I'd go and sit on the bed and wait for the inevitable call from Steve: 'Hey Jony, this hotel sucks. let's go.'"
Would have preferred more of the actual interview -- lots of biographical filler in this to make it accessible for the general public -- but there are good bits here and there.
From Typographica, a list of their favorite typefaces from 2013. As you'll see, good type design is happening all over the globe.
As evidence of that diversity, the 53 typefaces selected from 2013 were created by designers from at least 20 countries. [...] This new phase of globalization and democratization of the font market began in earnest about a decade ago, propelled by newly accessible digital tools, online commerce, and post-graduate education in type design. It is a sea change. For centuries, places like Argentina, Brazil, Croatia, Lebanon, and New Zealand were vastly underrepresented in a type design community that was dominated by western Europe and North America. (And this only goes for Latin-based type. The burgeoning production of fonts in other scripts tells another fascinating story.) We will have much more detail about these changes in an upcoming report by Ruxandra Duru on the current state of typefounding around the world.
One that caught my eye is Clear Sans.
In his post about 1990s web development techniques, Zach Holman praises the 1-pixel transparent GIF.
1x1.gif should have won a fucking Grammy. Or a Pulitzer. Or Most Improved, Third Grade Gym Class or something. It's the most important achievement in computer science since the linked list. It's not the future we deserved, but it's the future we needed (until the box model fucked it all up).
Given all of the awards Holman desires to present, I'm surprised he didn't mention the inventor of the spacer GIF, David Siegel. Siegel was perhaps the first celebrity web designer -- well, a celebrity among web designers anyway. He dispensed opinionated design knowledge from his personal homepage and used the High Five award to showcase his idea of cutting edge web design. (Fun fact: Siegel's own site was the first High Five award winner.)
Somewhere along the way, Siegel came up with the idea of using a 1x1 pixel transparent GIF to introduce whitespace on web pages. The file size was very small but you could scale it up visually using the height and width attributes of the <img> tag and use it hundreds of times on a site because it was cached by the browser the first time it loaded.
Popularized in the pages of his web design book, Creating Killer Web Sites, Siegel's spacer GIF was completely non-standard and hacky but had the great advantages of 1) giving designers superb control over a site's design and 2) working more or less the same in every graphical browser. The designers of the time weren't content to wait around for the SGML nerds at W3C to figure out better ways of displaying web pages, so when Siegel pulled this beautiful kludge out of his pocket, everyone quickly adopted the technique. For years the spacer GIF dominated web design, for better and for worse. So yeah, maybe Siegel does deserve a Grammy or something.
Nice visualization of the solar system; the Moon is one pixel across and everything else is scaled to that, including the distances between planets. Get ready to scroll. A lot.
It would be neat to do this with a plutonium atom or something. Related: typographically speaking, what's the point size of the Moon?
Great book cover design alert:
The book is the forthcoming Wolf in White Van by John Darnielle. Cover art direction by Rodrigo Corral, designed by Timothy Goodman. (via @robinsloan)
Pop Chart Lab has produced a print of grammatical diagrams of the opening lines of notable novels. Here's Hemingway's The Old Man and the Sea:
There are also sentences from DFW, Plath, and Austen. Prints start at $29.
Love this concept cover for Fahrenheit 451 by designer Elizabeth Perez...the 1 is a match and the spine is striking paper for lighting it.
Fahrenheit 451 is a novel about a dystopian future where books are outlawed and firemen burn any house that contains them. The story is about suppressing ideas, and about how television destroys interest in reading literature.
I wanted to spread the book-burning message to the book itself. The book's spine is screen-printed with a matchbook striking paper surface, so the book itself can be burned.
Fine work as usual from Christian Annyas: a look at the design of the Warner Bros logo from 1923 to the present. The classic "WB" shield of my Bugs-and-Daffy-saturated youth will always be a favorite, but I do like the Saul Bass logo of the 70s and early 80s:
Affleck's Argo and Soderbergh's Magic Mike both used the Bass logo in place of the contemporary logo, which is the kind of little detail I love.
This is called a billing block:
You find it at the bottom of movie posters and often at the end of movie trailers. In an Op-Art piece from last year, Ben Schott explains how the billing block is carefully constructed with information from contracts and legal agreements.
The content, order and format of the billing block are governed by two things: personal service contracts with cast and crew, and industrywide agreements with professional guilds -- notably the Directors Guild of America (D.G.A.) and the Writers Guild of America (W.G.A.). Thus, while some elements of the billing block remain consistent, others depend of the type of film and on individual negotiations. That said, there has been a marked inflation in billing block credits. An "Ocean's 11" poster from 1960 credited just three noncast individuals; the 2001 remake poster credited, coincidentally, 11.
Shopping in a supermarket can be visually overwhelming. Designer Mehmet Gozetlik took the packaging of some well-known brands and simplified them (part two). It's interesting how some of these work and some don't. Duracell works really well because the batteries themselves still carry most of the branding:
The simplified branding of Guinness and Evian works pretty well too...the packaging is itself iconic and distinctive enough to carry them. The Pringles and Red Bull are missing something, but in almost all cases, I like one of the simplified options more than the original. (via @dunstan)
In a presentation for the Visualized conference, Jonathan Corum says that he looks for the "weight of rain" when working on data graphics.
So when I'm looking at data, or working on an explanatory graphic, these are the moments I'm looking for. Little "Aha!" moments that I can point to, and say "Look here, something happened," and then try to explain. Often those small moments can help lead a reader into the graphic, or help to explain the whole.
The actual non-metaphorical weight of rain is surprisingly heavy; an inch of rain on an acre of land weighs 113.31 tons.
The Art of the Rap Logo is a collection of rap logos from NWA to Snoop Dogg to Def Jam.
On Daring Fireball, John Gruber reflects on the 30th anniversary of the Macintosh by noting what seems particularly Apple-like about the Mac.
The second aspect of the original Mac that stands out today as Apple-like is putting just enough whimsy into the experience. Most famously, the smiling Mac you saw as the system booted. Had anyone prior even considered a smiling computer? But fundamental to the genius of the smiling Mac is that it didn't come across as silly or corny. Friendly and fun: yes. Goofy: no. Getting that right required that most Apple-y of talents: taste.
And he's spot on in that second footnote about the lack of whimsy in iOS 7. There's nothing funny about those Settings and Safari icons.
Oh, wow. Tobias Frere-Jones is suing his business partner Jonathan Hoefler over ownership of world-reknowned type foundry Hoefler & Frere-Jones.
Type designer Tobias Frere-Jones claims he has been cheated out of his half of the company by his business partner, Jonathan Hoefler. In a blistering lawsuit filed today in New York City, Frere-Jones says he was duped into transferring ownership of several fonts, including the world-famous Whitney, to Hoefler & Frere-Jones (HFJ) on the understanding that he would own 50% of the company.
"In the most profound treachery and sustained exploitation of friendship, trust and confidence, Hoefler accepted all of the benefits provided by Frere-Jones while repeatedly promising Frere-Jones that he would give him the agreed equity, only to refuse to do so when finally demanded," the suit claims.
The full complaint is here. A descendant of Whitney (Whitney ScreenSmart) is what you're reading right now and I was an early beta tester of H&FJ's webfont service. This is gobsmacking news...I have no idea what to think about it. What a sad and strange situation. (via @khoi)
Update: H&FJ has released a statement from their general counsel:
Last week, designer Tobias Frere-Jones, a longtime employee of The Hoefler Type Foundry, Inc. (d/b/a "Hoefler & Frere-Jones"), decided to leave the company. With Tobias's departure, the company founded by Jonathan Hoefler in 1989 will become known as Hoefler & Co.
Update: According to a document filed with the New York County Clerk, the matter between Hoefler and Frere-Jones "has been settled". No other details are available at this time.
Magazine covers, movie posters, and book covers all have the same basic job, so it seemed proper to group these lists together: 50 [Book] Covers for 2013, The 20 best magazine covers of 2013, The 50 Best Posters Of 2013, Top [Magazine] Covers 2013, The Best Book Covers of 2013, The 30 Best Movie Posters of 2013, Best Book Covers of 2013. Lots of great work here. I still can't figure out whether I love or hate this cover of W with George Clooney on it:
Covers for The Parisianer, an imaginary version of the New Yorker set in Paris.
Communications agency Quietroom came up with a tongue-in-cheek set of brand guidelines for Santa Claus outlining a brand refresh for the jolly Pole dweller.
From Pitchfork, a list of the best album covers from 2013. My favorite is this one from Tyler, The Creator, which looks more or less like the opposite of a rap album.
I also liked Michael Cina's cover for Fort Romeau (which he adapted from his very fetching art) and of course Yeezus, which is this year's unignorable album in every way. (via @pieratt)
Football as Football is a collection of American football team logos in the style of European football club badges. Here are badges for the Detroit Lions (in the Italian style) and New England Patriots (in the Spanish style).
Glen Weisgerber is a wizard at the art of hand-lettering. Make sure you watch all the way through for the big flourish-y finish.
More than 80 photos of marvelous wood type alphabets in this Flickr set.
The scans are from Rob Roy Kelly's 100 Wood Type Alphabets. (via @H_FJ)
Sadly, most infographics these days look like this, functioning as a cheap and easy way to gussy up numbers. But when done properly, infographics are very effective in communicating a lot of information in a short period of time and can help you see data in new ways. In The Best American Infographics 2013, Gareth Cook collects some of the best ones from over the past year. Wired has a look at some of the selections.
CloudPaint is a fully operational online version of the original MacPaint released with the Macintosh in 1984. The source code for version 1.3 of MacPaint is available from the Computer History Museum.
Steven Hawking came up with a simple and clever way of seeing if time travel is possible. On June 28, 2009, he threw a party for time travellers from the future...but didn't advertise it until after the party was already over.
In an effort to improve the chances of the party invite being noticed by future generations, Peter Dean, working with approval from Hawking, has made this gorgeous hand-printed poster of the party invitation:
There's also a smaller less-expensive version of the poster in grey and a fetching yellow/orange.
Vitamins is a design studio in London that made a wall calendar out of Lego. They also built a mechanism to sync an online calendar to the Lego one: you just take a photo of the Lego calendar and send it to a special email address and voilà!
My favorite of Jason's posts are the ones that are wrong. I love the spirited debate, looking at the @messages directed to him, and I especially love the "Post Updates" feature and its self-documenting "wha?" Kottke.org is not about viral videos or amazing facts (although it has those, too), it's about Jason saying: "Look at this cool thing," and starting a conversation around it. Jason has worked for almost fifteen years as programmer, editor, designer and of course blogger of the site with sharing at its core.
I've always loved how he thinks and talks about the way the site works:
is the natural extension of Jason's work. The site is an enthusiasm engine, allowing you to see the best of the Internet through the eyes of friends and trusted strangers. It's one of the Top Five pieces of software of all time.1
Jason's fine hypertext products buy us time by filtering out the crap. If you want something good to read or look at or retweet, Stellar won't let you down. And it's made Kottke.org better too.
Last night I swung by Jason's neighborhood place to raise a glass in Jason's honor. Meg generously offered me a few glasses more and soon I was telling strangers to buy the Stellar fun pass. Some people are angry drunks, I tell strangers about Stellar. But I do want to take this (sober!) moment to encourage you to buy the stellar fun pass, it helps Jason do what Jason does best - he does it better than anyone else, and it makes all of us better at internet.
Jason was way ahead of his time with his Micropatronage project, which has been a huge influence on how I work and think about the web ever since. I also love How Cranberries are Harvested, NFL maps, God Fave the Queen,
Hilarious bad lip reading of NFL players, Megway, the old domain "yoink.org," kottke.org/random, and kottke.org posts tagged kottke.org. I love kottke.org.
Happy Birthday, Jason!
1. I am tweaking this list in my head almost weekly, but Stellar is always on it.
The Art of the Title chats with the excellent Jessica Hische about the lettering and type design she did for Wes Anderson's Moonrise Kingdom.
To me, that was really fun because if you think about New England in the '60s... it's not like most places would be staying on top of the most current trends in type, using typefaces that were released that very year. So, using something from the '40s made sense to me. If you think about a small, conservative New England town, lord knows all the printers and designers in town are probably still using type from years ago. I think when people think about historical type references, they often don't think about that. You should be reaching from that time period to 15 - 20 years earlier and then you'll be getting stuff that's quote-unquote "current."
And she's releasing the typeface commercially so everyone can use it! Yay!
This group on Flickr shows just how fantastically designed Japanese manhole covers are. Here are some of my favorites:
In the parlance of NYC graffiti enthusiasts, going "all city" means getting your stuff known all over the five boroughs. Now a group of designers are challenging each other to go "all RGB", to make images that contain all of the 16.7 million colors that make up the RGB spectrum once each. This entry is amazing because it still looks like an actual photograph when you zoom out (many others do not):
You can find many more entries on allRGB.com or make your own using this code on GitHub. (via digg)
On the occasion of the latest New Yorker redesign, a worthy re-link to Michael Bierut's appreciation of the magazine's practice of slow design.
Publication design is a field addicted to ceaseless reinvention. Sometimes a magazine's redesign is generated by a change in editorial direction. More often, the motivation is commercial: the publisher needs to get the attention of fickle ad agency media buyers, and a new format -- usually characterized as ever more "scannable" and "reader-friendly" -- is just the thing. In contrast, one senses that each of the changes in The New Yorker was arrived at almost grudgingly. Designers are used to lecturing timid clients that change requires bravery. But after a certain point -- 80 years? -- not changing begins to seem like the bravest thing of all.
The New Yorker's design changes over the years have been so slight that, as Bierut notes, the latest issue looks remarkably like the first issue from 1925.
Type Hunting. Prepare to lose yourself in this for awhile. Wow. (via df)
Stack Aug 19 2013
Mugi Yamamoto's inkjet printer, designed for his diploma project, eliminates the paper tray and related components by having the printer sit directly on top of the paper, which it "swallows" as it prints.
Apple fan fiction is more popular than ever and usually takes the form of mockups of designs for new products and alternate designs for existing products. There's been a recent burst of creative energy unleashed on Dribbble around the idea of an iPhone with a screen that wraps completely around the device (or at least down around the sides). Claudio Guglieri seems to have accidentally started it with this mockup of an RSS reader he's working on:
Fabio Basile dubbed it iPhone 6 Infinity and made a Photoshop template that others could use to make further mockups. More mockups from them and others followed: Side Screen, another Photoshop template, a wrap-around social app, an alternate lock screen, and these subtle side indicators.
Leaving aside for the moment the issue of how a touchscreen device that's all screen would function while being held, the visual effect is pretty cool.
The CarsAndFilms Etsy shop sells posters featuring famous cars from films.
(via cup of jo)
Nice peek into the process of Photoshopping an old photo to make it look new again:
Details are scarce and publication is months away, but hotshot book designer Peter Mendelsund is coming out with a book called Cover. I bet it will contain a collection of his covers. Or will be about covers. Or something. But I love book covers so whatever it is, I am covered.
New prints in the Dorothy shop: these really cool Hollywood Star Charts, available in Golden Age and Modern Day editions.
The Modern Day version of our Hollywood Star Chart features constellations named after some of the most culturally significant films to have appeared on the silver screen since 1960 - present day. The stars that make up the clusters are the Hollywood stars that appeared in them.
The chart is based on the night sky over New York on June 16th 1960 -- the date of the first showing of Hitchcock's 'Psycho' at the DeMille Theater. With its new approach to storytelling, characterisation and violence it is seen as a key movie in the start of the post-classical era of Hollywood.
The 108 films featured include those chosen for preservation in the US National Film Registry due to their cultural, historical, or aesthetic significance; Academy Award winners; and a few personal favourites. Films include Easy Rider, Bonnie and Clyde, The Exorcist, The Godfather, Chinatown, Star Wars, Pulp Fiction and Avatar.
You may remember Dorothy from their movie name maps.
An extensive examination of the evolution of the Star Wars logo, which went through too many iterations to count.
..Though the poster contained no painted imagery, it did introduce a new logo to the campaign, one that had been designed originally for the cover of a Fox brochure sent to theater owners....Suzy Rice, who had just been hired as an art director, remembers the job well. She recalls that the design directive given by Lucas was that the logo should look "very fascist."
"I'd been reading a book the night before the meeting with George Lucas," she says, "a book about German type design and the historical origins of some of the popular typefaces used today -- how they developed into what we see and use in the present." After Lucas described the kind of visual element he was seeking, "I returned to the office and used what I reckoned to be the most 'fascist' typeface I could think of: Helvetica Black."
From the AIGA, a lovely short film on type designers Jonathan Hoefler and Tobias Frere-Jones. I love the bit about starting a typeface design with the O, H, and D. Elsewhere, Hoefler recommended other potential starting points:
Work out the B, the ampersand, and the bullet before you get too far: you'll have to confront decisions about thinning strokes, intersections, and shapes without any counters, which might inform what you do on the other letters.
(via daring fireball)
Before personal brands were something to be seared into the minds of a rabid fanbase, brands were symbols that were literally burned into the flesh of livestock to keep track of ownership. The Texas and Southwestern Cattle Raisers Association has a guide to designing your own cattle brand.
Smithsonian Magazine's Jimmy Stamp has more info on what cattle brands are all about. For more info on what personal brands are all about, spend more than 30 seconds on Twitter.
Creative Review has named the design department of Bloomberg Businessweek as the 2013 Design Studio of the Year. Well deserved.
But we have chosen to recognise an in-house design team which has had an enormous impact on its industry. Under creative director Richard Turley, (not forgetting editor Josh Tyrangiel) Bloomberg Businessweek has trounced its rivals with a verve and energy that recalls the heyday of the printed magazine.
You can check out BBBW's design on Flickr and Tumblr.
US currency is already embarrassing and this new design for the $100 bill is not helping.
This may be worse than the horrible US passport.
I don't read music so it's difficult for me to say how useful this is, but the folks behind Hummingbird claim their new system of music notation is "easier to learn, faster to read, and simpler for even the trickiest music".
Roll over, Beethoven. (via @veen)
As chess increased in popularity across Europe in the 1800s, the proliferation in the variety of chess sets caused confusion amongst competitors, especially those hailing from different countries. The English typically used Barleycorn sets:
or St. George sets:
The Germans often used Selenus sets:
Regence sets were popular in France:
Chess set collector Ty Kroll explains the confusion:
English saw a different design for every chess club: St. George sets with their appearance of stacked disks, Dublin sets with more rounded middles, and Northern Uprights with columns instead, as well as elaborate, easily tipped Barleycorn sets. Germany had delicate Selenus sets, beautiful beyond belief, but fragile, tippable, and problematic for play. To tell which piece is which on some of these sets one must count the stacked crown. France saw elegant Regence style sets with some of the most confusing signatures in history. As in the English sets, queen's were represented by orbs. The king's floral crown closely resembles the modern Staunton signature for the queen. Knights were always taller than bishops the old French sets. Bishops were represented as fools, not clergymen, and therefore lacked the signature miter. What was worse, the knights in these sets were sometimes simple turned designs, not the recognizable horse's head. This lead to common confusion as to which minor piece was which. The confusion of antique French knights and bishops is still a common problem today.
Then in the 1849, Nathaniel Cook designed and John Jaques began to sell a set that eventually came to be called the Staunton chess set:
Howard Staunton was regarded as the top chess player of his era and organized the first international chess tournament in 1851. Staunton endorsed the set and it soon became the standard in chess competitions and, later, the official standard of the World Chess Federation. The most recent iteration of the official Staunton set is Daniel Weil's design for World Chess:
If you're interested in learning more, Jimmy Stamp has a nice piece about the design of the original Staunton set and Weil's update at Smithsonian magazine.
You should design URLs for people because they are important UI elements.
URLs can contain information about the page contents before they are even clicked. This is very advantageous in some communication mediums, such as chats, IMs, tweets, emails and forums.
(via hacker news)
Designer Adam Harvey, who gave the world the anti-paparazzi purse and dazzle camouflage for the face, has developed a hoodie that makes the wearer invisible to the sort of thermal imaging utilized by surveillance drones.
This is the most New Aesthetic thing I have ever seen. The Guardian has more:
"These are primarily fashion items and art items," Harvey tells me. "I'm not trying to make products for survivalists. I would like to introduce this idea to people: that surveillance is not bulletproof. That there are ways to interact with it and there are ways to aestheticise it."
I imagine that at some point, anti-drone clothing will eject chaff as a countermeasure against incoming drone-launched missiles. (via @DavidGrann)
Pentagram's Daniel Weil has designed a new chess set that is currently being used at the World Chess Championship Candidates Tournament in London. The set is beautifully iconic and simple.
The set is available for sale for £200 or with the board for £300.
There are a zillion definitions of simplicity. Here is Christoph Niemann's, which he applied in building his new iOS app, Petting Zoo.
Simplicity is not about making something without ornament, but rather about making something very complex, then slicing elements away, until you reveal the very essence.
Designer Ben Pieratt calls Hessian "an invader, an ode, a brand in waiting, a pitch to the market". It is also a fully developed brand (logos, Twitter handle, web themes, app icons, etc.) for sale.
As a newborn idea, Hessian is aggressive and evolving. Its only conduit the working mind of designer Ben Pieratt, it fights for life by building meme-hooks through studies in contrasts, nostalgia, repetition and confusion. The Hessian could be a restaurant, a start-up, a clothing brand or more.
Like any great brand, Hessian is for sale. The current asking price is $18,000.
The forecasted temperature in the interior of Australia is so high for next Monday that the country's Bureau of Meteorology has had to add an extra color code at the top end of the temperature scale for REALLY FUCKING HOT.
The bureau's head of climate monitoring and prediction David Jones said the new scale, which also features a pink code for temperatures from 52 to 54 degrees, reflected the potential for old heat records to be smashed.
"The scale has just been increased today and I would anticipate it is because the forecast coming from the bureau's model is showing temperatures in excess of 50 degrees," Jones told Fairfax newspapers.
Australia's all-time record temperature is 50.7 degrees, set in January 1960 at Oodnadatta in the state of South Australia.
The nation as a whole experienced its hottest day on record on Monday with the average maximum temperature across the country hitting 40.33 degrees, surpassing the previous mark of 40.17 degrees set in 1972.
I feel like climate change needs a Steve Jobs to kick everyone's ass into action on this, iPhone announcement-style. "Unprecedented polar ice cap melt, new colors on Australia's weather map, massive East Coast hurricanes, are you getting it? These are not three separate incidents. This is one global pattern. And we are calling it anthropogenic climate change. [wild applause]" (via @ftrain)
Chris Ware designed the Newtown-themed cover for the New Yorker last week and describes the process that went into it.
On December 14th, I helped chaperone my daughter's second-grade-class field trip to a local production of "The Nutcracker," where I spent most of my time not watching the ballet but marvelling at the calm efforts of the teacher to keep the yelling, excited class quieted down. Teaching was not, I concluded at one point, a profession in which I could survive for even one day. Our buses came back to the school at midafternoon, and I and the other volunteer parents left our children for another hour of wind-down time (for us, not them) before returning for the regular 3-P.M. pickup. I came home, however, not to any wind-down but to the unfolding coverage of the Newtown shooting. Shaken to the core, I returned to the school, where a grim quiet bound myself and the other parents together, the literally unspeakable news sealing our smiles while, at a lower strata, our happy, screaming children ran out of the building into our arms still frothed up by sparkling visions of the Sugar Plum Fairy.
A new series of George Orwell's books are being published by Penguin and this is the cover for 1984:
Cover design by David Pearson...more covers from the same series here. (via @torrez)
The NY Times asked a bunch of designers for their favorite book cover designs of 2012. Lots of nice work here.
The Cooper-Hewitt National Design Museum has a relatively new Object of the Day feature. Recent items include an abacus image by Paul Rand, an 18th-century version of bingo, and a Tiffany lamp.
I love these posters featuring six women who changed science and the world. Hard to pick a favorite but I'll go with the Sally Ride one:
The Rosalind Franklin poster is a close second. The same artist also did this wonderfully minimalist poster for Louis Braille.
ps. Today is Ada Lovelace Day!
Peter Dean is a big Beatles fan. And so he set out to reproduce exactly -- from photographic evidence only -- an old circus poster owned by John Lennon. In true Sgt. Pepper's fashion, he had a little help from his friends.
This is a reproduction of the poster that inspired John Lennon to write the song Being for the Benefit of Mr. Kite!, which appeared on The Beatles' 1967 album Sgt. Pepper's Lonely Hearts Club Band. It is printed in a limited edition of 1,967.
Lennon bought the poster in an antiques shop and hung it in his music room. While writing for Sgt. Pepper one day, he drew inspiration from the quirky, old-fashioned language and set the words to music.
A limited edition letterpress reproduction of the poster is available for sale.
Leica announced a new version of their M series camera on Monday and the "one more thing" concerned a Jonathan Ive-designed special edition of the Leica M.
This camera will be the mother of all limited editions based on one simple fact: only a single unit of the camera will ever be produced. Aside from announcing this camera, not much else was revealed. It is, however, for more than just a publicity stunt: the camera will be auctioned off, and the proceeds will be donated to charity.
The regular M retails for almost $7000 so I imagine the iLeica will go for about eleventy gajillion. Also, designed? How much leeway will Ive have to really change the camera? He'll just slap some new colorways on it, yes? (via df)
Some examples of car company logo rip-offs, mostly from China.
And really, who wouldn't want a BYD instead of a BMW?
After using the same logo for the past 25 years, Microsoft introduces a new logo that echoes their Windows brand.
The Microsoft brand is about much more than logos or product names. We are lucky to play a role in the lives of more than a billion people every day. The ways people experience our products are our most important "brand impressions". That's why the new Microsoft logo takes its inspiration from our product design principles while drawing upon the heritage of our brand values, fonts and colors.
For his final project at the Royal College of Art in London, Luc Fusaro outlined a process for building custom-fitting sprinting shoes that weigh just 96 grams.
The shoes are fabricated using a selective laser sintering process that uses precise 3-D scans of an athlete's foot to achieve maximum fit. The really tantalizing (but unfortunately uncited) bit about Fusaro's design is that by fitting shoes to a sprinter's feet so precisely, significant performance improvements might result:
Scientific investigations have shown that tuning the mechanical properties of a sprint shoe to the physical abilities of an athlete can improve performance by up to 3.5%.
For 100-meter world record holder Usain Bolt, a performance improvement of 3.5% could lower his world record to 9.24...just by wearing different shoes. That seems insane but Speedo's LZR Racer suit that was responsible for dozens of world records falling in 2008 were shown to lower racing times by 1.9 to 2.2 percent so that sort of improvement is certainly possible. (via @curiousoctopus)
With the Olympics about two weeks away, consider this a final you-can't-unsee-it reminder that the 2012 London Olympics logo looks like Lisa Simpson performing oral sex.
It's not as bad as some of the others on this list (oh, that Mon-Sat logo), but it's still exceptionally unforgettable. Enjoy the wall-to-wall Olympic coverage for the next two weeks!
Gawker has rebranded their new commenting system...it's now called Kinja. The name is recycled from a project that Nick Denton worked on with Meg Hourihan starting in 2003. Kinja 1 was an attempt to build a blog aggregator without relying solely on RSS, which was not then ubiquitous. Here's a mockup of the site I did for them in late 2003:
Luckily they got some real designers to finish the job...here's a version that 37signals did that was closer to how it looked at launch.
Where is the team that worked on that Kinja? Nick's still hammering away at Gawker, Meg is raising two great children (a more difficult and rewarding task than building software), programmer Mark Wilkie is director of technology at Buzzfeed, programmer Matt Hamer still works for Gawker (I think?), intern Gina Trapani is running her own publishing/development empire & is cofounder of ThinkUp, and 37signals (they worked on the design of the site) is flying high.
For the most recent issue of Fast Company, Jeff Chu profiled Tadashi Yanai, the CEO of Uniqlo, one of the hottest retail companies in the world. The piece is full of interesting business & design wisdom throughout.
Yanai, though, cannot resist the American market. Around the corner from his Tokyo office, there's a large map of Manhattan. There are push pins marking Abercrombie & Fitch, American Eagle, Forever 21, Gap, Hollister, and a half-dozen other brands that could be considered immediate competitors. Significantly, there's one outlier marked: the Apple Store. When I ask Yanai about this, he replies simply, "People have only one wallet."
More notably, Apple is perhaps the best example of a company whose products have become ubiquitous without losing cachet. "Specialness is nice to have," Yanai says, "but what's more important is being made for all."
One of my favorite things about shopping at Uniqlo is how they hand you your credit card back:
All associates are trained, for instance, to return your credit card and receipt with both hands, as a sign of respect.
Is it real or is it CSS3? Amazingly, the above image was made entirely in HTML and CSS3 by Dylan Hudson. (via ★interesting)
The iconic bottle was designed by Kenji Ekuan and his team at GK Design.
It took three years for Ekuan and his team to arrive at the dispenser's transparent teardrop shape. More than 100 prototypes were tested in the making of its innovative, dripless spout (based on a teapot's, but inverted). The design proved to be an ideal ambassador. With its imperial red cap and industrial materials (glass and plastic), it helped timeless Japanese design values -- elegance, simplicity and supreme functionality -- infiltrate kitchens around the world.
When some unknown ancient civilization invented the Solo cup, they placed several lines on the outside of the cup, seemingly at random intervals. Was it a star chart? A moon calendar? A representation of their water god? Recently internet memiticians have uncovered the startlingly simple pattern behind those lines. Are you ready for this?
There you have it, the ancients used those marks to measure out appropriate quantities of alcohol, just like today's college kids do at frat parties. Nevermind that Solo is moving away from that cup design...this is still an amazing discovery. (via stellar)
Update: Getting lots of mail about this...apparently the memiticians were wrong!
The lines on our Party Cups are designed for functional performance and are not measurement lines. If the lines do coincide with certain measurements, it is purely coincidental.
Fabian Ciraolo does illustrations that mash up old and new pop culture. My favorite is Frida Kahlo rocking a Daft Punk t-shirt:
Here are a few others I particularly like:
Dirk van der Kooij is a designer who uses a low-resoution 3D printer of sorts to print out plastic furniture with plastic recovered from recycled refrigerators.
Images of the finished product are available on his web site as are the chairs themselves, for €840. (via @curiousoctopus)
From Steven Heller and Veronique Vienne, a book about 100 Ideas that Changed Graphic Design. Maria Popova has a preview at The Atlantic.
From how rub-on lettering democratized design by fueling the DIY movement and engaging people who knew nothing about typography to how the concept of the "teenager" was invented after World War II as a new market for advertisers, many of the ideas are mother-of-invention parables. Together, they converge into a cohesive meditation on the fundamental mechanism of graphic design -- to draw a narrative with a point of view, and then construct that narrative through the design process and experience.
Blown Covers is a new book that details the illustrations that never made it to the front cover of the New Yorker. At Imprint, Michael Silverberg interviews Françoise Mouly, the book's author and the New Yorker's art editor since 1993, and shares some of best rejected covers. I like this one by Christoph Niemann showing the attempted return of the Statue of Liberty to France:
"Think of me as your priest," she told one of them. Mouly, who cofounded the avant-garde comics anthology RAW with her husband, Art Spiegelman, asks the artists she works with -- Barry Blitt, Christoph Niemann, Ana Juan, R. Crumb -- not to hold back anything in their cover sketches. If that means the occasional pedophilia gag or Holocaust joke finds its way to her desk, she's fine with that. Tasteless humor and failed setups are an essential part of the process. "Sometimes something is too provocative or too sexist or too racist," Mouly says, "but it will inspire a line of thinking that will help develop an image that is publishable."
This looks like an interesting new book from Taschen, Information Graphics (buy at Amazon).
Our everyday lives are filled with a massive flow of information that we must interpret in order to understand the world we live in. Considering this complex variety of data floating around us, sometimes the best -- or even only -- way to communicate is visually. This unique book presents a fascinating historical perspective on the subject, highlighting the work of the masters of the profession who have created a number of breakthroughs that have changed the way we communicate. Information Graphics has been conceived and designed not just for designers or graphics professionals, but for anyone interested in the history and practice of communicating visually.
The in-depth introductory section, illustrated with over 60 images (each accompanied by an explanatory caption), features essays by Sandra Rendgen, Paolo Ciuccarelli, Richard Saul Wurman, and Simon Rogers; looking back all the way to primitive cave paintings as a means of communication, this introductory section gives readers an excellent overview of the subject. The second part of the book is entirely dedicated to contemporary works by the current most renowned professionals, presenting 200 graphics projects, with over 400 examples -- each with a fact sheet and an explanation of methods and objectives -- divided into chapters by the subjects Location, Time, Category, and Hierarchy.
This looks like a potentially interesting book from Felice Frankel: Visual Strategies (at Amazon).
Any scientist or engineer who communicates research results will immediately recognize this practical handbook as an indispensable tool. The guide sets out clear strategies and offers abundant examples to assist researchers-even those with no previous design training-with creating effective visual graphics for use in multiple contexts, including journal submissions, grant proposals, conference posters, or presentations.
Visual communicator Felice Frankel and systems biologist Angela DePace, along with experts in various fields, demonstrate how small changes can vastly improve the success of a graphic image. They dissect individual graphics, show why some work while others don't, and suggest specific improvements. The book includes analyses of graphics that have appeared in such journals as Science, Nature, Annual Reviews, Cell, PNAS, and the New England Journal of Medicine, as well as an insightful personal conversation with designer Stefan Sagmeister and narratives by prominent researchers and animators.
In June 2009, an Air France flight from Rio de Janeiro disappeared without a trace. The disappearance turned crash and the questions started: how did a state-of-the-art plane go down so suddenly and who was to blame? The plane's black boxes were finally recovered after two years of searching and there's a case to be made that the design of the cockpit controls may be at least partially responsible for the crash.
The official report by French accident investigators is due in a month and seems likely to echo provisional verdicts suggesting human error. There is no doubt that at least one of AF447's pilots made a fatal and sustained mistake, and the airline must bear responsibility for the actions of its crew. It will be a grievous blow for Air France, perhaps more damaging than the Concorde disaster of July 2000.
But there is another, worrying implication that the Telegraph can disclose for the first time: that the errors committed by the pilot doing the flying were not corrected by his more experienced colleagues because they did not know he was behaving in a manner bound to induce a stall. And the reason for that fatal lack of awareness lies partly in the design of the control stick - the "side stick" - used in all Airbus cockpits.
chartsandthings is a behind-the-scenes look at how the infographic sausage is made at the NY Times.