Five lessons the Bauhaus School can offer today’s designers

In the 1920s and 30s, a period of increasing mechanization, Bauhaus teachers and students challenged the conventions of fine art, architecture and design by advocating a return to individual craftsmanship. They also rejected the flowers and frills that dominated the design language of the early twentieth century, and instead sought solutions that were simple, rational, and functional — an approach that remains dominant in design today.

1. Go back to basics

Marianne Brandt’s teapot from ca. 1924. Bauhaus redesigns of everyday objects went on to influence user-centred product design in the later twentieth century.

One of the great insights of the Bauhaus movement is to recognise that creative education is about more than passing on and refining technical knowledge or skills.

Google is full of brilliant answers to every “how to” query. Watching fantastic online content like Aaron Draplin’s logo design challenge gives us great insight into the design process, and inspires us to try for ourselves. But when it comes to solving our own design problems, we need more than a how-to guide.

By going back to the fundamentals of colour, form, and meaning in design, we connect with the basic elements of our craft, and free ourselves to be more inventive and to respond authentically to the design problem that we are called to solve.

2. Form follows function

“Form follows function” is now an article of faith for designers, but that wasn’t always the case. The Bauhaus School rejected the purely “ornamental” role that they felt the visual arts had acquired.

This feeling only became more widespread during the Bauhaus period: notably, in 1936, the early critical theorist Walter Benjamin wrote about how mechanical reproduction could rob art of its critical power.

Breaking with the widespread ornamentation and ornateness that characterised art, design, and architecture in the early 1900s, the Bauhaus strove for rational solutions to design problems.

This meant stripping away the intricate and floral decorations of the late nineteenth century. In their place, the Bauhaus School required students to reflect and enhance an object’s function, without adding decorative elements for their own sake. We can see this simplicity and rationalism in Josef Albers’ geometrical nesting tables:

Left: Josef Albers’ nesting tables (ca 1927). Right: “Kilo” nesting tables, available through UK retailer Habitat (2016)

3. Break the rules

The Bauhaus-Archiv explains that “one of the decisive qualities that the Bauhaus possessed was an ability to see diversions or even unsuccessful experiments as potentially necessary lessons and to derive corrections in its course from them.”

1920s Bauhaus costumes

The Bauhaus School’s learning culture encouraged experimentation at a fundamental level. They stand to remind us that rules and conventions are there to be learned, but not always to be observed. Some design problems call for radical solutions that nobody but you believes in. (Remember air travel?)

4. Think big even when your work is “small”

Left: Marcel Breuer’s “Bauhaus Telephone”, ca 1928.
Right: Dietrich Lubs’ ET 66 Calculator for Braun, 1987.

The Bauhaus movement set out to change society, and it succeeded — by designing teapots, table lamps, and telephones. The Bauhaus-Archiv explains that, “starting in 1928, the college’s social aims intensified under Hannes Meyer; the solution was now summarized as ‘people’s necessities, not luxuries’”.

The Bauhaus anticipated a major theme of twentieth-century design — that the most serious site of design and transformation is not in grand projects (like designing an opera house), but in the stuff of everyday life. We see this in the domestic items designed by Dieter Rams and Dietrich Lubs for Braun from the 1950s onwards.

So even when our work as designers is “small”, we should still think big, even if we’re just doing a logo design for a friend’s hot dog stand.

5. Get your hands dirty

The Bauhaus School wanted to reunite the artist with their craft, and encouraged students to immerse themselves in the full range of materials and techniques available.

So, next time you need to print some business cards, before heading to an online print service, why not buy yourself a home screenprinting kit and do the job yourself? (Here’s a photo of some of mine, which I did with a Riso Gocco PG-11.)The quickest and most effective way to learn about the constraints and potential of materials like paper and ink is to get our hands dirty and work with them ourselves.

Five examples of Bauhaus influence in web design

1. Economy and hierarchy

On the left is Vassily Kandinsky’s “Severe in Sweet” (1928). This work highlights the relationships between dark/light, form/space, inside/outside, left/right, and small/large. Compare this to a contemporary website landing page on the right (this one is from Danish). It creates visual hierarchy with similar parameters to Kandinsky’s painting.

2. Color as meaning

Top: Josef Albers’ “Homage to the Square”, 1951.
Bottom: color palette for Brandts.com.

Josef Albers, a Bauhaus student, went on to write a seminal book on color theory, “Interaction of Color”. Today, the best websites are designed with carefully chosen palettes that respect their constituent colors’ intrinsic properties, as well as their meanings in culture and nature.

3. Rational, legible typography

Left: Laszlo Moholy-Nagy’s 1925 catalogue design. Right: Apple’s new font San Francisco, which is applied across all its devices.

Building on the emergence of Akzidenz Grotesk in 1896, the Bauhaus School strove to create typography that was rational, clear, and legible. For Bauhaus members like Herbert Bayer, this meant doing away with decorative elements such as serifs, and imposing hierarchy on printed material using standalone uppercase and lowercase text.

It’s often said that web design is 95% typography. Recent innovations in web fonts show that our priorities are still those identified by the Bauhaus — that type should be functional and must primarily facilitate good communication.

We’ve recently seen this in Google’s redesign of their Android font Roboto, and Apple’s introduction of San Francisco. Both of these fonts are carefully constructed neo-Grotesks that optimise the user’s reading experience by incorporating large x-heights and low stroke contrast for legibility on small screens.

4. The Grid

Left: MoMA Bauhaus exhibition catalogue, 1938.
Right: Website design, “The Grid System”

Rational organisation of a visual field was a theme in the work of many Bauhaus exponents. Websites are often designed to a grid system. This allows designers to lay pages out consistently, organise text logically, and impose careful visual hierarchy on content.

5. Websites that respond to the user’s needs

By asserting the primacy of function over form, the Bauhaus School laid the groundwork for user-centred design, or as web developers call it, user experience (UX) design. Responsive websites change their size, appearance and functionality depending on the device and the user.

You will probably be hearing a lot more about the Bauhaus over the next few years, as 2019 is the centenary of the School’s establishment. You can stay informed about Bauhaus100 events at https://www.bauhaus100.de/en/. The website of the Bauhaus-Archiv in Berlin also has masses of information about the Bauhaus School and the movement it inspired: http://www.bauhaus.de/en/. If you’re ever in Berlin, their museum is well worth a visit.