■ CATALOG
Design movements / 1880–present
2026 / Edition 01
DESIGN/
130 years of movements
13 slides Arts & Crafts →
Bauhaus →
Memphis →
Material

Press → to start
SLIDE 01 / 13
02 / 13
Arts & Crafts · the workshop
1880s–

01 · pre-modern reaction

Arts & Crafts.
The hand against the machine.

A 19th–century revolt against industrial ugliness. William Morris and John Ruskin held that beauty lived in the maker’s hand — in honest materials, visible joinery, and patterns drawn from nature.

  • 1861   Morris & Co. founded; wallpapers, textiles, books
  • 1880s   Movement spreads across Britain & the U.S.
  • Slogan: “Have nothing in your house that you do not know to be useful, or believe to be beautiful.”
SLIDE 02 / 13
Morris · Ruskin · Webb · Ashbee
03 / 13
Art Nouveau · the whiplash curve
1890–1910

02 · nature stylized

Art Nouveau.
Lines as living things.

A short, intense flowering across Paris, Vienna, Brussels and Glasgow. Vines, hair, smoke — everything became a curve. Posters, ironwork, jewelry, glass: a single decorative impulse, machine-printed.

  • 1894   Mucha’s Gismonda poster — the look crystallizes
  • 1900   Paris Exposition Universelle as global stage
  • Klimt, Mucha, Beardsley, Horta, Mackintosh, Tiffany
SLIDE 03 / 13
Mucha · Klimt · Horta · Mackintosh
04 / 13
Bauhaus · the school
1919–1933

03 · art + craft + industry

Bauhaus.
Form follows function.

Walter Gropius founded a school in Weimar to fuse fine art with mass production. Geometry, primary colors, sans-serif type. The DNA of nearly every modern design school.

  • 1919   Founded in Weimar; moves to Dessau (1925), Berlin (1932)
  • 1933   Closed under Nazi pressure; faculty disperse worldwide
  • Itten, Klee, Kandinsky, Albers, Moholy-Nagy, Mies van der Rohe
SLIDE 04 / 13
Gropius · Itten · Albers · Mies
05 / 13
International / Swiss Style
1950s–
Helvetica.
Set in 1957
Haas Foundry / CH

04 · the grid

International Style.
Neutrality as an ideal.

Postwar Swiss designers built the grammar of corporate modernism: the modular grid, asymmetric layout, sans-serif type, photography over illustration. The page as engineered surface.

  • 1957   Helvetica released by Haas / Linotype (M. Miedinger)
  • 1961   Müller-Brockmann publishes The Graphic Designer and his Design Problems
  • Beneath every airport sign and annual report you’ve ever seen
SLIDE 05 / 13
Miedinger · Müller-Brockmann · Hofmann · Frutiger
06 / 13
Mid-century Modern
1945–1965

05 · objects for living

Mid-century Modern.
Modernism, but warmer.

American designers translated European modernism into furniture you actually wanted in your living room: molded plywood, fiberglass, walnut, lively color. Industrial, but human.

  • 1948   Eames LCW / DAR chairs in production at Herman Miller
  • 1956   Saarinen Tulip; 1957   Nelson Marshmallow sofa
  • The look that Mad Men, Pixar offices and IKEA still mine
SLIDE 06 / 13
Eames · Saarinen · Nelson · Noguchi · Bertoia
07 / 13
Postmodern / Memphis
1981–1988
~

06 · postmodern revolt

Memphis.
Color and irony come back.

In 1981 Ettore Sottsass and friends launched the Memphis Group in Milan: laminate, terrazzo, squiggles, pastel zigzags. A loud refusal of modernist good taste — and the unofficial decor of the ’80s.

  • 1981   Memphis debut at Salone del Mobile, Milan
  • Carlton bookcase, Tahiti lamp, plastic-laminate everything
  • Quietly fuels every Saved-by-the-Bell-meets-Spotify rebrand since 2018
SLIDE 07 / 13
Sottsass · Mendini · Branzi · du Pasquier
08 / 13
Pixel-era / 8-bit
1980s–90s

07 · constraint as style

Pixel art.
Hard limits, hard charm.

Console and arcade hardware allowed a few colors, a few sprites, a tile grid. Designers turned the restriction into an aesthetic: chunky icons, dithered shadows, palettes you could name. The grid moved from the page to the screen.

  • 1985   Super Mario Bros. on the NES (54 colors, 256×240)
  • 1991   Susan Kare’s Macintosh icons mature pixel craft
  • Re-emerges as “retro” from 2008 onward (Fez, Stardew Valley)
SLIDE 08 / 13
Atari · Nintendo · Kare · the demoscene
09 / 13
Skeuomorphic UI
2007–2012
A

08 · software pretending

Skeuomorphism.
Wood, leather, felt.

Early iOS taught a billion people to use a touchscreen by making it look like things they already knew: a yellow legal pad, a green-felt poker table, a leather Find-My-Friends app. Comforting — and, eventually, embarrassing.

  • 2007   iPhone launches with rich, glossy textures
  • 2011   iCal’s torn-paper, Game Center’s casino-felt peak
  • Leader: Scott Forstall — until Jony Ive takes over UI in 2012
SLIDE 09 / 13
Forstall · early Apple HI · Microsoft Bob (1995)
10 / 13
Flat · Material · iOS 7
2013–

09 · the great reset

Flat design.
Pixels stop pretending.

Microsoft’s “Metro”, then iOS 7, then Google’s Material Design wiped away the gradients and bevels. Solid color, geometric icons, generous whitespace, subtle motion. Bauhaus, basically — on a phone.

  • 2010   Windows Phone 7 / Metro — flat lands first
  • 2013   iOS 7 ships; 2014   Google Material Design 1.0
  • Triggered the global rebrand wave: Airbnb, Google, Pinterest, banks
ABCD
SLIDE 10 / 13
Ive · Duarte · Google Material team · Microsoft Metro
11 / 13
Recent micro-trends
2018–

10 · the small revivals

Neumorphism. Brutalist web. Glassmorphism.

Once the big systems standardized, designers started picking at the edges. Each micro-trend is a single idea pushed hard: soft inner shadows, raw HTML brutalism, frosted glass over color. Small dialects on top of the same flat grammar.

  • 2019   Neumorphism viral on Dribbble (Alexander Plyuto)
  • 2014–   Brutalist Websites — defaults, monospace, no CSS
  • 2020   macOS Big Sur & Windows 11 popularize glassmorphism
NEUMORPHISM
<BRUTALIST>
GLASS
SLIDE 11 / 13
Plyuto · Brutalist Websites · Apple HI · Microsoft Fluent
12 / 13
The common thread
a pendulum

11 · the cycle

Maximal ↔ minimal,
over and over.

Every generation of design swings between ornament and reduction. Arts & Crafts answered industrial coldness; Bauhaus answered Victorian clutter; Memphis answered Swiss neutrality; flat design answered skeuomorphism; brutalist web answers flat. The cure becomes the next disease.

  • Ornament → Geometry → Pop → Constraint
  • Each “reset” is the previous reset, refactored
  • Tools — printing, photography, screens, AI — reset the pendulum
SLIDE 12 / 13
“Every reset is the previous reset, refactored.”
13 / 13
References & further reading
end

FIN

Keep looking.
Design is a conversation.

Two short YouTube searches to start. Open in a new tab.

Press to revisit any slide