Designlab Design History Ebook
Designlab Design History Ebook
Designlab Design History Ebook
Design History
1
Twentieth-Century
Design History
2
Thanks for downloading this Designlab ebook on
20th-century design history. We hope you enjoy
our tour of the Bauhaus, Brutalist, and Dada
movements—three of the most important moments
in the development of contemporary art and design.
Harish Venkatesan
Designlab CEO and Co-Founder
3
CHAPTER ONE
Learning in the
Bauhaus School
4
The news that Harvard University had put over
32,000 digitised Bauhaus School works online set the
creative world buzzing a couple of years ago.
5
In this chapter, we’ll explore what the movement
was about, outline five lessons the Bauhaus School
can offer to today’s designers, and demonstrate how
contemporary web design continues to show
Bauhaus influences.
6
What was it like to study there?
7
experimentation across a whole range of materials
and disciplines.
8
A Bauhaus School classroom
9
Some of the items created by Bauhaus students
during this period have become iconic, and Bauhaus
forms are often found repeated or imitated in
today’s furniture and appliances. For example, here
is Wilhelm Wagenfeld’s original 1923 lamp, created
while he was a student at the Bauhaus, alongside a
reproduction still available through retailers today.
10
Bauhaus Teapot, Marianne
Brandt, ca. 1924.
1. Go back to basics
11
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.
12
1920s Bauhaus costumes
13
We can see this simplicity and rationalism in Josef
Albers’ geometrical nesting tables, pictured below.
Bauhaus redesigns of everyday objects went on to
influence user-centred product design in the later
twentieth century.
14
experiments as potentially necessary lessons and to
derive corrections in its course from them.”
15
Left: Marcel Breuer’s “Bauhaus
Telephone”, ca 1928. Right:
Dietrich Lubs’ ET 66 Calculator
for Braun, 1987.
16
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 directly.
17
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
18
Left: Laszlo Moholy-Nagy’s 1925
catalogue design. Right: Apple’s
new font San Francisco, which is
applied across all its devices.
19
priorities are still those identified by the Bauhaus —
that type should be functional and must primarily
facilitate good communication.
20
4. The Grid
21
The Bauhaus-Archiv in Berlin
22
CHAPTER TWO
What On Earth Is A
Brutalist Website?
23
Back in 2016, the Washington Post reported that “the
hottest trend in Web design is making intentionally
ugly, difficult sites”, an approach which they called
“web brutalism”. Since 2014, the site Brutalist
Websites has been collecting examples. But is this
what Brutalism, a twentieth-century architectural
movement, was really about? In this chapter, we’re
going to take a look at the history of Brutalism,
examine the principles behind the movement’s
architectural designs, and see how those compare. To
round up, we’ll set out five key lessons that Brutalism
could offer to today’s designers.
24
Secondary Modern, Hunstanton,
England, 1954, designed by Alison
and Peter Smithson
25
Secondary Modern, Hunstanton,
England, 1954—interior
26
So, why did this approach to architecture emerge
in the late 1940s and early 1950s? Above all, we
should note the social and political conditions
of the time. Europe had just emerged from the
most destructive war in history, with widespread
devastation to housing stock, commercial buildings,
and civic halls. In these circumstances, there was an
attraction to architecture that could be designed and
executed quickly and efficiently, with a minimum of
unnecessary decoration. Brutalist structures could
also rise high, minimising costs and
maximising capacity.
27
Added to this, there must have been a widespread
desire to make a fresh start aesthetically after
the destruction of war. Brutalism left behind
the perceived stuffiness of the beaux-arts, the
uptightness of modernism, and the comfortableness
of art deco styles. The movement’s preoccupation
with concrete also reflects a period when energy
conservation was not yet at issue. Although the
manufacture of concrete is highly energy-intensive,
these costs were insignificant given an abundance of
cheap coal, coupled with the arrival of nuclear power
in the mid-1950s.
Repeating patterns
28
above. However, a number of Brutalist structures
incorporate curved lines and more complex patterns.
Take, for example, Preston Bus Station, which was
recently listed following a long campaign against its
feared demolition.
29
Ever since Brutalist buildings were first introduced
to the urban skyline, this kind of uncompromising
geometric repetition has attracted passionate
criticism—even anger—from those who find the
style ugly and offensive. The phrase “concrete
monstrosity” is still heard frequently in Britain.
However, it’s worth noticing that, while many think
of Brutalist buildings as little more than “concrete
boxes”, beyond their shared concrete construction,
Brutalism spans quite a wide range of styles
and shapes.
30
Chapel, College House,
Christchurch, NZ. Photo taken in
2009, prior to earthquake damage.
31
This chapel is the most striking part of a complete
Brutalist campus at College House, which was
completed in 1964. The architects, Warren and
Mahoney, describe the chapel as “one of the most
memorable spaces the practice has produced, a
seemingly effortless display of scale, materials and
treatment of light, all achieved within a unique and
dramatic formal composition.”
Social vision
32
apartments, but also in the shared spaces the building
incorporated, and even in the similarity of all the
Unité structures he designed around Europe.
33
is indeed a desirable place to live, sought after by
affluent families.
Integrity of function
34
Grenfell Tower, West London,
following a fire on 14 June 2017
35
Brutalist Websites
36
that fit the Washington Post’s description of
“intentionally ugly, difficult sites”, stating that “in its
ruggedness and lack of concern to look comfortable
or easy, Brutalism can be seen as a reaction by a
younger generation to the lightness, optimism, and
frivolity of today’s web design”.
37
Are these sites really “Brutalist”?
38
Internet: A Retrospective–
postmodern, ironic, funny–
but not Brutalist
39
Bloomberg: Brutalist in blue
40
Fuse and Athanor, featured on
the Brutalist Websites directory
41
Some unfortunate misconceptions about Brutalism
have found their way into some of the sites featured
on Brutalist Websites. These include on the one hand
an idea that Brutalism is intentionally “ugly”, or at
least indifferent to its outward appearance; and on
the other hand an idea that Brutalism is either all
about concrete-gray, or about a random, anaesthetic
use of color. As we can see from the harmonious
colored panels used by Le Corbusier in his Unité in
Marseille, neither of these things are true.
42
Why are people making Brutalist websites?
43
Importantly, we are also at a political moment
where there is widespread suspicion of corporate
interests, and particularly of how much data is being
collected about us by tech and social media giants
like Google and Facebook. Some user groups—
particularly younger ones—are wary of the high
finish of mainstream commercial sites, fearing that
it conceals less attractive inner workings, both
ethically and aesthetically. The Brutalist web design
trend may also express a desire for greater online
transparency from the organisations that demand our
personal information—for the underlying structure
and motivations of websites to be made visible, just
as Brutalist building exposed their own raw materials
and social vision.
44
lives. In late 1940s Britain, whole communities at the
bottom of society were subsisting in overcrowded
slums. From the affluence of our 21st-century
perspective, we mainly interpret Brutalism in
aesthetic terms; but 70 years ago, its motivation was
more ethical than aesthetic, bringing with it a vision
of the good life, and a way to serve the interests of
society’s forgotten.
45
3. Simplicity often equals efficiency
46
5. If you’re going to build it, you have
to maintain it
47
CHAPTER THREE
The Dada
Movement
48
Picking up where we left off with chapters on the
Bauhaus and Brutalist movements, we’re going
to wrap up this ebook with a look at the Dada
phenomenon that emerged during the first world war,
and consider what lessons we might (or might not)
take from it.
What is Dada?
49
just in the rarefied art world, but in wider social and
political life, too.
50
and outlanding readings of nonsense poetry at the
famous Cabaret Voltaire, a satirical Dada night club.
(The Cabaret Voltaire, though it closed for a time, is
still in business.)
51
political principles, rational values, and strategic
calculations of their rulers. Looking back on those
days, the artist Hans Arp, also known as Jean Arp,
commented in the 1940s:
52
the balance between heaven and hell. We had a dim
premonition that power-mad gangsters would one day
use art itself as a way of deadening men’s minds.”
53
Hugo Ball reciting his Dada poem,
Karawane
54
These reflections on Dada as a cultural insurrection
with a serious message are reinforced by remarks
made by Tristan Tzara shortly before his death
in 1963:
55
Three Faces of Dada
Zürich, Switzerland
56
“Dada is a new tendency in art. One can tell this from
the fact that until now nobody knew anything about it,
and tomorrow everyone in Zürich will be talking about
it. Dada comes from the dictionary. It is terribly simple.
In French it means “hobby horse”. In German it means
“good-bye”, “get off my back”, “be seeing you sometime.”
In Romanian: “Yes, indeed, you are right, that’s it. But of
course, yes, definitely, right”. And so forth. [...]
“Each thing has its word, but the word has become a
thing by itself. Why shouldn’t I find it? Why can’t a tree
be called Pluplusch, and Pluplubasch when it has been
raining? The word, the word, the word outside your
domain, your stuffiness, this laughable impotence, your
stupendous smugness, outside all the parrotry of your
self-evident limitedness. The word, gentlemen, is a public
concern of the first importance.”
57
The disunity generated by this vision, or anti-vision
of Dada was immediately apparent. Ball’s manifesto
didn’t go down well with his friend Tristan Tzara,
who, like Ball, was a writer and performance artist.
This controversy remains unclear today, but it was
probably born of a philosophical disagreement
over the manifesto’s content, and perhaps also of
a squabble over who should be credited as Dada’s
“founder”.
58
Tzara’s 1918 Manifesto
59
“Thus DADA was born, out of a need for independence,
out of mistrust for the community. People who join
us keep their freedom. We don’t accept any theories.
We’ve had enough of the cubist and futurist academies:
laboratories of formal ideas.”
60
Man Ray’s Transmutation
61
Revolt of Art, the New York movement is covered
as part of the “Dada diaspora”. However, as Hans
Richter reflected, the developments in the USA were
happening “quite independently”.
62
Duchamp’s Prelude to a
Broken Arm
63
Another artist producing clearly proto-Dada work at
in New York at the time was Man Ray. His work The
Rope Dancer Accompanies Herself with Her Shadows
uses collage and chance in its composition; the work
was partly formed by dropping constituent pieces
of paper on the floor and accepting the resulting
arrangement. The introduction of chance is a clear
rejection of the formalism and rationality that the
Zürich Dadaists took aim at. Indeed, a 1917 work by
Hans Arp in Zürich incorporated similar elements
of chance.
Berlin, Germany
64
pulling the rug from under the feet of the respectable
art world with unfathomable readymades, then
Dada’s political expression par excellence was to be
found in Berlin.
65
Hausmann’s Mechanical Head
66
conversation, so that one is compelled to say: this man is
a DADAIST, but that man is not.”
67
Raoul Hausmann’s ABCD
68
Dada works/anti-works
69
optimism of the Roaring Twenties, there was a sense
that its historical and cultural moment had passed.
70
practice of art exhibition. By foregrounding the act of
presentation, Duchamp showed that the act of seeing
or looking was something that brought the work of
art into existence.
71
as “the” work through the process of mechanical
reproduction (about which Walter Benjamin had
written in 1936). The “original” was lost shortly after
its initial exhibition in 1917, probably disposed of
as rubbish.
72
puppet-master, or, perhaps, the ruling class), and as
a form populist entertainment. Moreover, the crude
abstraction of these forms seems to reference the
inhumanity that Dada made it its mission to bear
witness to.
73
aesthetic values inadvertently creates a set of rules;
without a perception of rules, conflict—such as
that between Hugo Ball and Tristan Tzara over
their manifestos, or between Dada and the art
establishment—would have been an impossibility.
In spite of its ambitions, Dada failed to completely
evade aesthetics.
74
Picasso’s Guernica, 1937
75
Dada hyperbolically rejected rationality and logic
as bourgeois illusions, but in so doing allowed
alternative facts and fake news to assert themselves
as the equals of truth.
76
2. There is value in revolt, even when you
don’t have a better answer
77
3. Don’t pay (too much) attention to what
people think
78
world to himself. Therefore all progress depends on
the unreasonable man.”
79
means ignoring our teachers and design forbears, and
finding out what is right for our times. As Dada artist
Francis Picabia wrote, “One must be a nomad, pass
through ideas like one passes through countries
and cities”.
5. Wit is empowering
80
eventually leads to deeper understanding. Duchamp’s
work had serious and powerful things to say, but
initially presented itself to the audience with
self-effacing wit.
81
THANKS FOR READING!
Sketch 101
Photoshop 101
Figma 101
Design 101
UX Research & Strategy
UX Academy
82