37
WEB BRUTALISM But you have to read first: https://medium.com/ @sinanozdemir/web-brutalism- ugly-is-the-new-black- dbe1bde4a780

Web Brutalism: Ugly Web Design Trend

Embed Size (px)

Citation preview

Page 2: Web Brutalism: Ugly Web Design Trend
Page 3: Web Brutalism: Ugly Web Design Trend

design domitaded

by

GOOGLE MATERIAL DESIGN

APPLE IOS DESIGN

MICROSOFT FLUENT DESIGN

Page 4: Web Brutalism: Ugly Web Design Trend

there was something

weird happened

Pascal Deville

Creative Director of Freundliche Grüsse The designers apparently work hard

and enthusiastically to abandon a sense of popular aesthetics, creating something that is originally ugly

Page 5: Web Brutalism: Ugly Web Design Trend

Brutalist Websites–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 webdesign.

Katrine Mehl Building Kitkat Pecson

Page 6: Web Brutalism: Ugly Web Design Trend

/ˈbruːt(ə)lɪz(ə)m/Brutalism

Why do they call it brutalism?

béton brut + al -ism

raw concrete

Page 7: Web Brutalism: Ugly Web Design Trend

Brutalis

m is a p

ost-war

architec

tural st

yle that

descende

d from h

igh mode

rnism

and was

most pop

ular dur

ing

the 1950

s to the

mid-70s

.

Boston City Hall, Boston, Massachusetts USA,1968

Page 8: Web Brutalism: Ugly Web Design Trend

High Modernism: the

architectural trend that started

in the early 20th century with

minimalism, Bauhaus, van Der

Rohe, on down to Le Corbusier.

sleek lines

little embellishment

grandiose structur

e

Philippine International Convention Center, 1976

Page 9: Web Brutalism: Ugly Web Design Trend

Brutalism took the idea of unity of form and sleek futurism even further.

——— Brutalism went one step further by minimizing or even outright eliminating them.

Centro de Exposições, Salvador, Bahía, Brazil, 1974

Page 10: Web Brutalism: Ugly Web Design Trend

Le Corbusier

Corbusier called his designsMACHINES FOR LIVING INActually not necessarily for living in.

Page 11: Web Brutalism: Ugly Web Design Trend

usually formed with repeated modular elements

contrasting dramatically

ugly& rough

structural components should be made visible

Orange County Offices and Court House, Goshen, NY, US, 1967

Concrete is used for its raw

Page 12: Web Brutalism: Ugly Web Design Trend

Le Corbusier, Cité radieuse de Marseille France 1952

Brutalism was anti-bourgeois movement and represented a rejection of bourgeois comforts and pretense.

The movement emphasized the valuation of existing materials

Page 13: Web Brutalism: Ugly Web Design Trend

Web brutalism is reaction by a younger generation to the lightness, optimism, and frivolity of today’s Web design.

Main goal is shakes designers out of our comfort zones.

Page 14: Web Brutalism: Ugly Web Design Trend

The Internet is becoming an increasingly homogenised space. Bland and inoffensive.

The Internet is Coldplay.

Page 15: Web Brutalism: Ugly Web Design Trend

UXdesign is not a design style

Page 16: Web Brutalism: Ugly Web Design Trend

DESIGNshould be unashamed

CREATIVITYmeans achieving something new which did not previously exist.

Page 17: Web Brutalism: Ugly Web Design Trend

usually formed with repeated modular elements

contrasting dramatically

ugly& rough

structural components should be made visible

Orange County Offices and Court House, Goshen, NY, US, 1967

Concrete is used for its raw

Ultra basic design elements

Hand coded HTML without any library

90’s motifs and animated gif image usage

Intentionally selected random layouts

radical aesthetic

Page 18: Web Brutalism: Ugly Web Design Trend

park UX

Page 19: Web Brutalism: Ugly Web Design Trend

keep basic and rough

Page 20: Web Brutalism: Ugly Web Design Trend

redefinition of aesthetic

Page 21: Web Brutalism: Ugly Web Design Trend

is the 90s coming back

Page 22: Web Brutalism: Ugly Web Design Trend

The Corruption Converter from Brazil

Page 23: Web Brutalism: Ugly Web Design Trend

Spectral interactive specimen from France

Page 24: Web Brutalism: Ugly Web Design Trend

Democratising Tomorrow's AI from Denmark

Page 25: Web Brutalism: Ugly Web Design Trend

www.cosstores.com

Page 26: Web Brutalism: Ugly Web Design Trend

cosstores.com

Page 27: Web Brutalism: Ugly Web Design Trend

moma.org

Page 28: Web Brutalism: Ugly Web Design Trend

Drudge Report

Page 29: Web Brutalism: Ugly Web Design Trend

Kanye West

Page 30: Web Brutalism: Ugly Web Design Trend

bloomberg.com

Page 31: Web Brutalism: Ugly Web Design Trend

bloomberg.com

Page 32: Web Brutalism: Ugly Web Design Trend

Boring one brutalist version

Page 33: Web Brutalism: Ugly Web Design Trend

Boring one brutalist version

Page 34: Web Brutalism: Ugly Web Design Trend

Boring one brutalist version

Page 35: Web Brutalism: Ugly Web Design Trend

Boring one brutalist version

Page 36: Web Brutalism: Ugly Web Design Trend

WHATAREYOUDOINGNOW

Page 37: Web Brutalism: Ugly Web Design Trend

thank you