Crossing Over: Side Projects from Six Graphic Design Icons, by John Clifford

JohnClifford-GraphicIcons_HERO.jpg

By John Clifford

While writing my book Graphic icons: Visionaries Who Shaped Modern Graphic Design, I was impressed by how many of the legendary designers I was profiling pushed themselves and branched out to other disciplines, such as industrial design and architecture. Such explorations can inspire creativity and bring fresh perspectives to each area of practice.

JohnClifford-GraphicIcons-Sutnar.jpgCatalog cover for Cuno Engineering Corporation, 1946; Build the Town building block set, c.1942

Ladislav Sutnar

Influenced by the functional Constructivist and De Stijl movements, Sutnar always worked at developing a visual language that communicated directly. Charts, graphs and images simplified information, helping busy people save time. The way, Sutnar steered readers through complex information sounds much like what we now call information design or information architecture, which has been further developed by Edward Tufte and Richard Saul Wurman, as well as by digital and web designers everywhere.

As someone who believed that design should influence every part of daily life, Sutnar designed pretty much everything: furniture, fabrics, glassware and dishes, even toys. His colorful and geometric building block set, “Build the Town,” was never actually produced, in spite of Sutnar’s efforts to design packaging and promotional materials for it.


JohnClifford-GraphicIcons-Lustig.jpgIndustrial Design magazine cover, 1954; 3 Tragedies book cover, paperback version, 1955; Staff magazine cover, 1944.

Alvin Lustig

Magazines, interiors, book jackets, packaging, fabrics, hotels, mall signage, the opening credits of the cartoon Mr. Magoo—even a helicopter—Alvin Lustig designed all of them. He always felt the title “graphic designer” was too limiting, and it’s clear why: He designed everything. And he did it all before dying at the young age of 40.

Lustig started designing interiors while working for Look magazine in the 1940s. Work like this inspired him to design the total package for his clients, from corporate identity to office environments. Though he is best known for his book covers, his experience among many disciplines gave him more freedom and opportunities.

(more…)

Pantone’s Leatrice Eiseman on the Ever-Evolving Valentine’s Day Color Palette

PantoneHERO.jpg

Valentine’s Day wasn’t always about the pearly pinks and rosy reds. Well, one of the two has shown up every decade almost since the culmination of “Single Awareness Day,” but there have been quite a few unexpected players in the Hallmark holiday. For instance, in the 1890s, you’d likely see more gifts and cutesy greetings in neutral browns and goldenrod than you would royal blue or grey (which make an appearance in the 1950s).

VDayColor-1890s.jpgThe Valentine’s Day palette of the 1890s.Color swatches via Brandisty

VDayColor1950s.jpgValentine’s Day colors from the 1950’s

We caught up with Leatrice Eiseman, author and the Executive Director at the Pantone Color Institute to tell us a bit more about the changing colors of Valentine’s Day and her own personal palette for the holiday (whom we chatted with last year at the 2013 International Home + Housewares Show). See what she had to say:

Core77: If you had to define your own Valentine’s Day color palette, how would you describe it and which colors would you choose?

In my book Color Messages and Meanings, I illustrate how to use color combinations specifically for packaging, print and web design to create a mood. Falling under Provocative are a variety of different combinations all of which include “come-hither” colors that cajole the user into what psychologists would refer to as a “high arousal mode.” Advancing forward in the line of vision, a range of colors that prove to stimulate appetites of all kinds in energetic red based shades of cherry, tangerine, cranberry, raspberry, sparkling grape and sno-cone purple. This fresh and modern approach to Valentine’s Day is fun-loving, titillating, flavorful and a little bit flirty—the perfect recipe for a romantic day.

My palette might change ever so slightly if I were going to create this same radiant mood within a home environment. Here I may look to the shades in our PANTONE fashion, home & interiors palette called Hot Pink, Pink Flambé, Lipstick Red, Sunset Purple and Orchid Bloom. A wonderful compendium of red, pinks and purple tones that speak of heat, intensity and passion.

ValentinesDayPalette.jpgFrom L to R: Hot Pink, Orchid Bloom, Pink Flambé, Sunset Purple and Lipstick Red

(more…)

The Ups, Downs and Backwards of Dyslexic-Friendly Fonts

dyslexieExample-880.jpg

If you’re anything like me (and some studies suggest that as many as 20% of you freaks are like me) you have a terrible time reading. Not due to disinterest, but because your eyeballs approach written language like two mice gathering snacks from an open field. Dyslexia and other learning disorders, while obviously difficult to deal with, are often linked to creative problem solving and artistic expression. With that in mind, it’s a little surprising that Dyslexie is the first font designed with dyslexic reading patterns in mind. More intriguing, it now appears it might be a failure.

As the video below notes, dyslexia often results in an unconscious misinterpretation of letters by confusing them with similar counterparts. This is often blamed on dyslexics’ “3D thinking,” where each letter is treated as a physical form, rather than a concrete symbol. Due to this, one letter is often mistaken or rearranged with another through transposition, mirroring or false equating. (For a dyslexic’s attractive take on how it looks and feels, check out I Wonder What It Feels Like To Be Dyslexic, a typographic book project that went supernova on Kickstarter last year.)

Why the frustratingly unreadable block of text at the beginning? Let’s chalk it up to the video team’s “creativity”

Fonts like Dyslexie (and now Open Dyslexic, and others) aim to reduce the slippery flippy action of letters that look like other letters… by making them not look so alike. In Dyslexie, the symmetry of the letterforms is reduced, spacing is more deliberate, and every letter gets a pear-bottom treatment, supposedly reducing errors. Individual mileage will always vary, however, and actual studies (done by actual people who know how to study actual people with dyslexia) have largely questioned the effectiveness of Dyslexie. Reading speed isn’t mentionably improved, and comprehension couldn’t be said concretely to improve either. Breaking even in legibility is a basic typographic goal, but it’s probably not enough when you’re trying to give a specifically impaired group a leg up. Personal experience, while useful, isn’t all it takes to make a problem-solving product.

(more…)

ODLCO Presents ‘Marketplace Posters’ by Jingyao Guo: Wonderful Where’s Waldo-esque Wall Art Offers a Window into Worldwide Markets

ODLCO-JingyaoGuo-MarketplacePosters-Tsukiji.jpg

We’re always happy to hear from Lisa Smith and Caroline Linder, founders of Chicago-based design concern Object Design League, a platform championing ‘small batch’ design products. Their latest project is a collaboration with Brooklyn-based illustrator Jingyao Guo: “Marketplace Posters” depict colorful scenes from open air marketplaces from around the world.

We love open air marketplaces because they mix economic and social transactions between people with a variety of purposes: business, leisure, tourism, and daily shopping. At the heart of every market is the energy of entrepreneurship. Vendors use makeshift tools and ingenious techniques to move their goods efficiently, while customers haggle with expert price negotiators to determine true market price. Many of these markets have been in operation for decades and directly reflect the cultural spirit of their locale.

As designers, we are interested in the way that all the minute details of an environment add up to create a rich and lively atmosphere. We wanted to produce a series of drawings that would represent this, and invite others in as observers.

ODLCO-JingyaoGuo-MarketplacePosters-MuaraKuin.jpgODLCO-JingyaoGuo-MarketplacePosters-details.jpg

The series is launching on Kickstarter with three markets in Asia-Pacific region: Raohe Night Market in Taipei, Muara Kuin Floating Market in Indonesia, and Tokyo’s Tsukiji Fish Market (if the campaign is a success, they’ll expand to other continents). Given their axonometric perspective and infinitesimal level of detail, I couldn’t help but think of Li Han and Hu Yan’s equally beautiful A Little Bit of Beijing, though the latter work is more expressly concerned with inhabited architecture. The “Marketplace Posters” take a more anthropological perspective, portraying various individuals interacting with each other and their surroundings.

We had the chance to chat with Smith about the captivating artwork and how the project came about.

Core77: What was the inspiration for these posters?

Lisa Smith: Caroline and I traveled to Taiwan together in 2010, where we spent a lot of time at the night markets. The kernel for this idea developed then—we often reminisce about the special atmosphere of the night markets, and have always wanted to formulate a project based on our experiences.

The project started off with kids in mind. We like the “Where’s Waldo” feel of each scene, and wanted to encourage kids to appreciate observation as a way of “reading” an environment. As the drawings evolved, however, it was clear that they appealed to all age groups, so we aren’t being specific about who or where its for, and let the viewers decide.

(more…)

Can a GIF-Like Web Site Teach Typography?

arialhelvetica.pngArial or Helvetica?

Typography is one of those underappreciated art forms outside of the design world. While a movie like Helvetica brought attention to the craft of type, and the regular selection of fonts on Word processors has made everyone aware of the subtle differences of type styles, few can articulate what makes Times New Roman different from, say, Times.

I came across a site recently that’s so simple it’s brilliant. Produced by New York design firm OKFocus, Arial VS. Helvetica* is just what it sounds like, a comparison of perhaps the two most popular sans serif Roman fonts in the world. It takes an animated GIF approach: in one moment it shows Arial, in the other moment it shows Helvetica. We’re not told which is which, but that’s not the point: what matters more is that we can see just how subtle the difference is, and where the most critical distinctions lie (hint: Q, G and R are the best giveaways).

It reminds me of those crazy animated GIFs of people showing the same face in different photos. Now all we need is a site that can do this for all kinds of fonts. Every. Single. One. Hear that, OKFocus? My typography professor will thank you.

*Note: As of press time, the site wasn’t working properly in Firefox. Try Arial VS. Helvetica in Chrome or Safari and you’re good to go.

(more…)

    



Crowdsourced iOS 7 Designs

designcrowd-01.jpg

DesignCrowd is the name of a graphic design crowdsourcing venture that bills themselves as “The world’s #1 custom design marketplace.” Businesses seeking designs for logos, websites, T-shirts, flyers, brochures or business cards submit design briefs, then the site’s 133,000-plus designers submit concepts; DC estimates that concepts start rolling in within hours of posting a brief, and that they will typically add up to over 100 submissions per project. Businesses can then request changes of their selectees, and eventually money changes hands. The cynical ID’ers among us can think of it like a version of Quirky where you don’t need to know anything about injection molding. In any case, here’s how it works:

To draw publicity, DesignCrowd recently held an informal, internal design competition asking its users to re-design iOS 7. The submissions are different enough that they’re bound to be divisive. But it makes me wonder if Apple would ever let iOS users choose their own icons, and if people would be willing to pay others for them, as with ringtones.

designcrowd-02.jpg

(more…)

    

Perspectives in Space and Time: Two Views of Dubai via Google Maps

GoogleStreetView-BurjKhalifa.jpg

A week and a half ago, we saw some striking images of the Burj Khalifa, reportedly captured with “the best digital still image equipment money can buy.” In which case Google’s Trekker might be an example of superlative photography equipment that is beyond a mere bankroll.

Indeed, the Google Maps team just launched a Street View Collection of the Burj Khalifa and its surroundings, marking their first excursion up a skyscraper—previous excursions include mountaintops, UNESCO World Heritage Sites and other landmarks—as well as their first ‘Trek’ in the Arab World.

The imagery was collected over three days using the Street View Trekker and Trolley, capturing high-resolution 360-degree panoramic imagery of several indoor and outdoor locations of the building. In addition to the breathtaking views from the world’s tallest observation deck on the 124th floor, you can also see what it feels like to hang off one of the building’s maintenance units on the 80th floor, normally used for cleaning windows!

As with the POV footage of spire of Freedom Tower, some of you may not be entirely comfortable with the vicarious yet vertiginous view from the top.

GoogleStreetView-BurjKhalifa-1.jpg

(more…)

    

Quora’s David Cole Settles the Apple Logo / Golden Ratio Issue Once and For All

GoldenRatio310.jpg

While I understand the appeal of the golden ratio as a rational approach to aesthetics most people would probably agree that it’s impossible to reduce beauty to a series of numeric relationships. Yet the myth persists, and it should come as no surprise that these putatively ideal proportions might hypothetically inform graphic design as well—after all, the very premise of digital software is to allow us to create vector images with mathematically unerring accuracy.

And of all the countless logos that we see on a daily basis, Apple’s ideogrammatic fruit is a leading candidate for a hypothetically golden (or hypothetically rational, as it were) logomark. Fed up with the conjecture, Quora’s David Cole recently decided to investigate. We won’t ruin it for you, but it’s a fascinating read, not least for Cole’s highly systematic approach.

AppleLogo-GoldenRatio-viaQuora-COMP.jpg

(more…)

    

Sensible Packaging by Burgopak for Lapka

Burgopak-Lapka-0.jpg

Last we heard from Burgopak, they’d sent us their packaging design for Little Printer (a.k.a. the BERG-o-pack), and it so happens that their latest project also happens to be for a product that we’d covered before (let’s just say that all parties involved have impeccable taste).

lapka1.png

Lapka is a set of “artisan electronic devices” for gathering data about one’s immediate surroundings: each of the four building-block-like sensors can be attached to one’s iPhone through the standard headphone jack. Coupled with a free app, they can provide detailed information on radiation, organic matter, electromagnetic fields and humidity—interesting features in themselves, enhanced by the product’s quasi-organic, vaguely totemic form factor.

Burgopak-Lapka-1.jpg

To complement Lapka’s effort to make the product look more like jewelry or tabletop sculptures than gadgets, Burgopak notes that “The products themselves are luxury tools that convey their connection with nature. The packaging, we felt, should do the same.”

From the beginning this was not intended to feel like an, ‘Apple’ product. It is intended to disrupt preconceived expectations about consumer electronics. Brown kraft board, single colour print and incredibly limited product information were all intentional features.

The devil, as they say, is in the detail; using precise harmonious proportions (derived from the product) Burgopak created a simple tray to protect and frame the product. This was wrapped in a sleeve with an integrated lock and finished with a single tamper evident seal.

Burgopak-Lapka-3.jpg

(more…)

    

Sensory Overload: Tokyo City Symphony Projection Mapping + Music App

TOKYOCITYSYMPHONY-Future.jpgTokyo is futuristic, but maybe not this futuristic… yet.

I spent a little time in and around Roppongi neighborhood during my first trip to Tokyo last June, but (as is the case with most work-related travel), I didn’t have much time to explore the city on my own. Given the diverse texture of the city and the overflowing stimuli of a new and different urban setting, it didn’t occur to me that Roppongi Hills is a relatively new construction, some $4 billion and three years in the making. Centered on the 54-story, Kohn Pedersen Fox-design Mori Tower—named after the developer behind the entire project—the 27-acre megaplex opened its doors in April 2003… which means that this week marks its tenth anniversary.

TOKYOCITYSYMPHONY-screen.jpg

To commemorate the milestone, Mori Building Co., Ltd., has commissioned Creative Director Tsubasa Oyagi to create a digital experience, the very first project for his new boutique SIX. Working with a team of media production all-stars, Oyagi created “TOKYO CITY SYMPHONY,” an interactive web app that combines projection mapping with a simple music composition engine to create user-generated ditties with brilliant visuals.

“TOKYO CITY SYMPHONY” is an interactive website, in which users can experience playing with 3D projection mapping on a 1:1000 miniature model of the city of Tokyo. The handcrafted model is an exact replica of the cityscape of Tokyo in every detail.

TOKYOCITYSYMPHONY-Edo.jpg

TOKYOCITYSYMPHONY-Rock.jpg

Three visual motifs are projected onto the city in sync with music: “FUTURE CITY,” conjuring futuristic images; “ROCK CITY” that playfully transforms Roppongi Hills into colorful musical instruments and monsters; and “EDO CITY,” or “Traditional Tokyo,” which portrays beautiful Japanese images. Users could play a complex, yet exquisitely beautiful harmony on the city by pressing the keys on the computer keyboard. Each key plays a different beat along with various visual motifs, creating over one hundred different sound and visual combinations. Each user is assigned a symphony score of eight seconds, of which could be shared via Facebook, twitter, and Google+. The numerous symphony scores submitted by the users are put together online to create an infinite symphony.

(more…)