Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Icons Of Digital Design

Apple launched the Macintosh personal computer in 1984. It was more user-friendly than other PCs at that time — and, with its desktop publishing software, graphical user interface and mouse (all novel at the time), the Mac was uniquely geared to designers. Compared to what we can create on the computer today, the original Macintosh, with only 128 KB of memory, had limited capabilities. At the time, though, it opened up so many new possibilities.

Of course, using a computer didn’t automatically make designers better at their craft. Instead, the new technology gave them more control and sped up their exploration process. As with anything unfamiliar, the Mac sparked debate among designers during this time: While some saw the computer as simply another tool for creating work, like a drawing pen, others saw its potential as a medium in itself.

Emerging digital technology also changed typography, exploding the number of typefaces available and giving designers the tools to create and distribute their own fonts. Some digital typefaces were updated versions of classics, while others were brand new: type that was made for low-resolution screens, and type that was less functional and more illustrative. It was easier to break the rules. There was a refreshing jolt of youthful experimentation as people moved past the limits of the rational and functional.

I wrote my book Graphic Icons: Visionaries Who Shaped Modern Graphic Design to highlight the era’s influential designers, from El Lissitzky in the early 1900s to Stefan Sagmeister today. Each of these designers broke from tradition and changed the world of design in some way. Those who designed not only on the screen, but for the screen, ushered in a new era of digital design, mixing media and incorporating motion, sound and interactivity. Below are a few of those pioneers.

Wim Crouwel Link

First, though, let’s step back. Twenty years before the Macintosh was released, Dutch designer Wim Crouwel1 had an uncanny sense of how computers would influence design and vice versa. In the 1960s, developments in printing technology gave designers more control over their work: Instead of relying on a printer to compose type and position images in a layout, designers used rub-down type and photomechanical transfer to do it themselves. This DIY approach gave designers more freedom and flexibility in using, manipulating and creating type.

GI_Wim-Crouwel_New-Alphabet-opt

New alphabet, 1967

The computer was in its early stages at the time, and Crouwel saw an exhibition in Germany on digital type production. The limitations were clear to him. Dot-matrix printers and computer screens couldn’t reproduce traditional type with curved letterforms. So, he created a groundbreaking typeface to work with this emerging technology.

Starting with the Swiss typographic grid, Crouwel based letters on the rectangle, using only vertical, horizontal and diagonal lines. The result was 1967’s New Alphabet, so radical in appearance that it was almost abstract. It was never meant to be used; it was just an experiment. Crouwel must have been surprised to see the New Alphabet used on the cover that Peter Saville designed for Joy Division’s Substance album 20 years later.

Still, that concept influenced his future work, like his poster for Vormgevers (“Designers”), for which he hand-rendered the lettering based on squares in a visible grid. Crouwel developed a system for Amsterdam’s Stedelijk Museum where each piece — posters, brochures, advertisements — used the same grid. Although these pieces promoted art exhibits, they never depicted the art itself. The type-centric design and common grid unified the museum’s communications, yet the system was flexible enough to remain fresh and interesting.

GI_Wim-Crouwel_Vormgevers-opt

Vormgevers poster, 1968, for the Stedelijk Museum

Crouwel also broke new ground in how Dutch designers worked. In the 1960s, Dutch companies with large projects often hired larger firms in cities like London, thinking that the local designers who usually worked solo wouldn’t be able to handle the workload. In order to attract those large projects, Crouwel and four partners, with a range of experience in graphic and industrial design, formed Total Design. It was the country’s first multidisciplinary studio, where teams handled complex two- and three-dimensional projects. It was successful: Private corporations, government agencies and arts organizations hired Total, and their designs for postage stamps, airport signage and museum posters made a distinct mark on the country’s visual culture.

GI_Wim-Crouwel_Leger-opt

Leger poster, 1957

Hans Rudi Erdt, A.M. Cassandre and especially Josef Müller-Brockmann2 are big influences on Crouwel’s work, and in turn, Crouwel remains a prevalent figure in the design world — in 2013, he was celebrated with a retrospective at London’s Design Museum3. Crouwel inspires young designers, including Philippe Apeloig and Spin, who created a series of posters based on the grid he developed for the Stedelijk Museum.

GI_Wim-Crouwel_Calendar-opt

Calendar, 1964

April Greiman Link

April Greiman4 uses different words to describe what she does: “hybrid imagery,” “transmedia,” “visual communication.” But not “graphic design.” She feels that term refers exclusively to print, and her work combines elements from different types of media. Greiman thinks in terms of space when she designs, not in terms of a page. This is probably why designing digitally has been such a good fit for her.

GI_Greiman_YourTurnMyTurn-opt

Your Turn My Turn 3-D poster, 1983

New Wave typographer Wolfgang Weingart5 encouraged Greiman, while she was in graduate school at Basel in the early 1970s, to break free from a grid-based approach to design — to layer type, and to float it in space. She brought this knowledge to New York; and, after growing frustrated by the rigid limitations imposed by East Coast clients, she moved in 1976 to Los Angeles and opened a studio. The change of location opened her eyes and encouraged her to explore. She began teaching at the California Institute of the Arts (CalArts) in 1982 and gained access to the school’s computers and video equipment.

The new technology opened so many possibilities for Greiman, enabling her to combine print, video and type into multiple layers that were previously impossible to create. She felt strongly that these new tools weren’t just a means to arrive at the same old solutions, but that they should lead us to explore ideas and create something new.

GI_Greiman_Does-it-make-sense-opt
“Does it Make Sense?” in Design Quarterly, 1986

When Greiman designed an issue of Design Quarterly for the Walker Art Center in 1986, she blew up the traditional magazine format, creating a 2 × 6-foot folding collage that combined a nude portrait of the designer overlaid with multiple layers of images and text. While the fact that Greiman used a computer to create the work hardly seems noteworthy today, consider that the computer had one megabyte of RAM and a monochrome 9-inch display.

Greiman built the collage on the computer and outputted letter-sized pages on her dot-matrix machine, then directed the magazine’s printer to assemble the pages and photograph the entire composition. Greiman wasn’t just tinkering with the computer; she was exploring the idea of making sense, touching on philosophy and physics. Like much of Greiman’s work, the project wasn’t just about technology, but was personal.

GI_Greiman_19thAmendmenStamp-opt

19th Amendment commemorative stamp, US Postal Service, 1995

Greiman’s list of influences is well-rounded: Among them are her former teachers Armin Hofmann6 and Wolfgang Weingart; singer, songwriter and poet Leonard Cohen; theoretical physicist David Bohm; psychiatrist Carl Jung; and spiritual leader the Dalai Lama.

GI_Greiman_HandHoldingBowlofRice-opt

“Hand Holding a Bowl of Rice” mural, Wilshire Vermont Station, Los Angeles, 2007

As the world continues to change, so does Greiman. More recently, she’s been creating web design, branding, signage and public art and has been consulting on color, finishes and textures for architectural projects. She continues to teach and believes in always being open to new ways of doing things.

Do what you love to do, with a vengeance. It’s not what you do but who you are.

– April Greiman

Muriel Cooper Link

Muriel Cooper had two design careers: first as a print designer and secondly as a groundbreaking digital designer. Both revolved around the Massachusetts Institute of Technology (MIT), and both were based on her quest to make static media more dynamic.

MIT’s Office of Publications hired Cooper in 1952 and continued working with her after she established her own studio. She then became art director for MIT Press, where she designed classic books, such as Hans Wingler’s Bauhaus7. She designed the first edition of Learning From Las Vegas; authors Robert Venturi, Denise Scott Brown and Steven Izenour hated what she did, but many graphic designers loved it. She also designed the abstract logo for MIT Press, a modern classic.

GI_Cooper_MITPressLogo-opt

MIT Press logo

Cooper took her first computer class at MIT in 1967, and it bewildered her. However, she could see the computer’s potential in the creative process and soon began the second phase of her career: applying her design skills to computer screens. With Ron MacNeil, Cooper cofounded the research group Visible Language Workshop in 1975, which later became part of MIT’s Media Lab8. Cooper didn’t write code; she was the designer and the thinker. She knew what she wanted visually and encouraged her students to use technology to present well-designed information.

GI_Cooper_VLW_01_Media-opt

Image rendered as soft type, MIT Media Lab’s Visible Language Workshop

Cooper presented the group’s research9 at the influential TED5 (Technology, Entertainment, Design) conference in 1994. For the first time, computer graphics were shown in three transparent dimensions, which moved, changed sizes and shifted focus, instead of the standard Microsoft Windows interface of opaque panels stacked like cards. She made a big impact: Even Microsoft founder Bill Gates was interested in her work. Unfortunately, she died soon after of a heart attack, but her legacy in interactive design continues.

Muriel Cooper taught me that design had very little to do with how you make something, and instead why you make something.

– John Maeda

GI_Cooper_VLW_02_1994-opt

“Information Landscape,” MIT Media Lab’s Visible Language Workshop, 1994

Rudy VanderLans And Zuzana Licko Link

Apple broke new ground when it introduced the Macintosh computer in 1984. Designers Rudy VanderLans and Zuzana Licko did the same (albeit on a smaller scale) with Emigre10 magazine that same year.

While many designers initially resisted the computer, VanderLans and Licko embraced it, though in different and complementary ways: VanderLans liked the freedom it gave him in designing layouts, while Licko found a disciplined method for designing type.

GI_Emigre_19Cover-opt

Emigre magazine cover, number 19

VanderLans studied design in The Netherlands and worked at Wim Crouwel’s Total Design. But he was more attracted to the expressive work of Herb Lubalin11 and Milton Glaser12 than to the Dutch modernists. He went on to study photography at UC Berkeley, where he met Licko, his future wife and business partner, as she studied graphic communications.

Emigre magazine quickly became a forum for designers, especially those interested in experimentation and technology. It featured in-depth articles and visual essays, in layouts that broke all the rules — with varying type sizes, overlapping layers, text columns crashing into each other and distorted letterforms, all techniques that the Mac made easier. VanderLans and Licko sold their type designs to fund the magazine (which meant they didn’t have to cater to advertisers).

GI_Emigre_43Aspread-opt
GI_Emigre_49spread-opt

Emigre magazine spreads: Number 43, Number 49

The typefaces13 were an important part of the magazine’s design as well. After the first two issues, the magazine was set exclusively from the collection of Emigre Fonts. Licko began with rough pixelated typefaces, like Oakland, and progressed to more versatile fonts, like the popular Mrs Eaves. Emigre Fonts also carried select designs by Barry Deck, Jonathan Barnbrook, Elliot Earls, Eric Donelan and Bob Aufuldish and Ed Fella, among others.

GI_Emigre_Oakland-opt

Oakland type specimen

The magazine ceased publication in 2005, but Licko continues to design fonts, and VanderLans designs the type specimens. They also sell books, ceramics and collectibles.

GI_Emigre_33Cover-opt

Emigre magazine cover, number 33

John Maeda Link

John Maeda14 was a computer science graduate student at MIT in the late 1980s on his way to becoming a user interface designer. Then he read Thoughts on Design15, by Paul Rand — an experience that shifted the course of Maeda’s career.

GI_Maeda_mori5-opt

One of ten poster designs for Japanese type foundry Morisawa, 1996

Maeda took a humbling message from Rand’s book: Understanding the computer did not necessarily make one a good designer. Encouraged by his professor Muriel Cooper, Maeda decided to study graphic design in Japan, where he added traditional design skills and concepts to his knowledge of computers.

GI_Maeda_timepaint-opt

Time Paint software for Macintosh, 1994

Maeda then returned to MIT to teach, and founded the Aesthetics and Computation Group at the Media Lab. It was there that Maeda, who as a child excelled at both math and art (though his father only bragged about the math part), explored the area where design and technology meet. For Maeda, the computer is a tool and a medium. Through the Media Lab, Maeda created digital experiences like The Reactive Square, in which shapes responded to sound, and Time Paint, a time-based program of flying colors. His Design by Numbers project (no longer active) encouraged designers and artists to learn computer programming.

GI_Maeda_newshiseido-opt

Shiseido poster celebrating 30 years of commercial films, 1995

In his quest to educate, Maeda writes books, too: The Laws of Simplicity16 outlines his hopes that technology will simplify, rather than complicate, our lives. From 2008 to 2013, Maeda was president of the Rhode Island School of Design. As an educator, he considers creative thinking equally important as technical capability in the development of the leaders of tomorrow. To the emphasis on science, technology, engineering and math — STEM — throughout the country’s educational system, Maeda proposes adding an A for art, to create STEAM. His goal? Not to make the world more high tech, but to make it more humane.

GI_Maeda_MathButterflies-opt

MIT math department poster, 1998

Summary Link

Of course, digital technology wasn’t the only new development during this era: Design education programs expanded and became more rigorous. Design writing evolved into its own discipline, as practitioners took matters into their own hands by writing articles, books and criticisms that brought new perspectives to the design canon. And designers were — and are — affected and influenced by social, political and cultural changes as they explored new ways to engage their audiences.

Today, people all over the world can communicate with each other like never before. With the rise of the Internet, social media and mobile applications, the user has gained control over how, when and where they access information. The digital revolution continues, and design is sure to play a significant role in shaping the future.

(il, al)

Portions of this article are from the book “Graphic Icons: Visionaries Who Shaped Modern Graphic Design” by John Clifford. Copyright © 2014. Used with permission of Pearson Education, Inc. and Peachpit Press.

Footnotes Link

  1. 1 http://vimeo.com/54351371
  2. 2 http://ilovetypography.com/2013/01/12/a-firm-turn-toward-the-objective-josef-muller-brockmann-1948-1981/
  3. 3 http://designmuseum.org/designers/wim-crouwel
  4. 4 http://aprilgreiman.com
  5. 5 http://www.museum-gestaltung.ch/en/exhibitions/review/2014/weingart-typography
  6. 6 http://thinkingform.com/2011/06/29/thinking-armin-hofmann-06-29-2011/
  7. 7 http://mitpress.mit.edu/books/bauhaus
  8. 8 http://www.media.mit.edu
  9. 9 https://www.youtube.com/watch?v=Qn9zCrIJzLs
  10. 10 http://www.emigre.com/index.php
  11. 11 http://www.graphics.com/article/herb-lubalin-master-typographic-logo
  12. 12 http://www.miltonglaser.com
  13. 13 http://www.emigre.com/fonts.php
  14. 14 http://www.maedastudio.com/index.php
  15. 15 http://www.amazon.com/Thoughts-Design-Paul-Rand/dp/081187544X
  16. 16 http://lawsofsimplicity.com
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Advertisement

John Clifford is the author of Graphic Icons: Visionaries who Shaped Modern Graphic Design, and the creative director of NYC design firm Think Studio, focusing on identity, digital, publishing, and print design. He also teaches at Parsons School of Design.

  1. 1

    Arzoon Rampal

    October 4, 2014 9:13 am

    What exactly does ‘hybrid imagery’ mean?

    1
  2. 4

    “Crouwel must have been surprised to see the New Alphabet used on the cover that Peter Saville designed for New Order’s Substance album 20 years later.”

    New Alphabet was on the cover of Joy Division’s Substance album not New Order’s Substance.

    Fascinating article. Thank you!

    1
  3. 6

    Great comments about the emergence of digital design. I remember handing in a Graphic Design assignment; part of the design had been created in Mac Paint. The teacher had no idea how to mark the work as she had no concept of what was involved. These days every student in our public schools have Photoshop/Illustrator on their school desktop.

    2
  4. 7

    It is a really nice saying you quoted in your post by April Greiman. “Do what you love to do, with a vengeance. It’s not what you do but who you are.” As a graphic designer I really like this saying. And I used to do what I really like irrespective of the others commands.
    Thanks for sharing.

    3
  5. 8

    Excellent article about Icons of digital design. imagine

    1
  6. 9

    Wow, I’ve been enlightened. Thank you so much.

    0

↑ Back to top