Es ist hart da draußen Ein Blick auf Brutalismus im Webdesign

Brutalistische Websites wurden kürzlich in den Fokus gerückt, als Pascal Devilles brutalistwebsites.com auf Hacker News stieß und viral wurde. Diese Sammlung zeigt die weniger warme und unscharfe Seite des Web - schauen wir uns einmal an, ob wir uns vom Brutalismus inspirieren lassen können.

Brutale Gebäude

„Brutalismus“ (oder „neuer Brutalismus“) ist ein Begriff, der seit über einem halben Jahrhundert um architektonische Schulen rattert. Es bezieht sich auf eine rohe Architekturform mit Eigenschaften wie raue unfertige Oberflächen, ungewöhnliche Formen, feste Materialien (wie Beton), massive Formen und kontrastreiche kleine Merkmale.

Von Fuck Yeah Brutalism

"... was den Neuen Brutalismus auszeichnet ... ist gerade seine Brutalität, sein Je-m'en-Foutisme, seine Blutsucht" (Reyner Banham, 1955)

Brutale Websites

Brutalistische Websites sind wie ihre architektonischen Cousins ein Gegenmittel zum populäreren, weicheren Web. Wir leben in einem Zeitalter des emotionalen Webdesigns. Wo wir als Interface- und Erlebnisdesigner sich gegenseitig überkreuzen, um den Nutzern Einfühlungsvermögen und Verständnis zu bieten. Wo Produkte auf einfachste Weise Kunden anlocken. Farben sind einladend, Bilder werden poliert, die Schrift ist glatt und verarbeitet.

Wenn man sich brutalistische Websites anschaut, fallen mir solche Adjektive ein:

hart
Rau
robust
unbequem
roh
konfrontativ
zynisch

Es ist eine Denkschule, die ich mag. Sie könnten argumentieren, dass meine eigene Website (die ich seit einiger Zeit nicht geändert habe) einen Hauch von Brutalität aufweist:

Wie definieren wir eigentlich eine brutalistische Website? Lassen Sie uns einige typische Merkmale untersuchen.

Brutaler Code

Zunächst einmal ist es erwähnenswert, dass dies keine rein ästhetische Sache ist. Brutalismus ist etwas, das sich aus dem Kern einer Website erhebt: ihrem Code. Brutalistische Websites werden tendenziell grobe, einfache Markups, Inline-Stile, mangelnde Optimierung aufweisen, aber auch nichts Abwägendes. Überprüfen Sie die Gesamtsumme des Dokumentkopfs für brutalistwebsites.com!

  Brutalistische Websites

Wie bei den meisten Aspekten des Brutalismus zieht roher Code die Dinge in eine gröbere Form zurück.

lexikalisch

Vulfpeck

"Ich habe nicht versucht, eine" brutalistische "Website zu entwerfen" - Seth Thompson

Brutale Systemschriftarten

Apropos Ziehen von Dingen in eine gröbere Form: Früher gab es keine großen Kataloge mit gemütlichen Webfonts. Times New Roman und Arial haben gut funktioniert, danke.

craigslist.org

Ffffound! hat immer die Benutzereingaben für das Reden sorgen lassen, indem die Benutzeroberfläche mit einfachen Farben und Schriftarten eine unterstützende Rolle einnimmt.

ffffound.com

Muss ein bisschen lieben Schriftfamilie: Courier, Monospace;

fictivekin.com

"Ich wollte eine Site erstellen, die mit Squarespace nicht erstellt werden konnte." - Andrew Herzog

Brutale Farben

Systemschriftarten gehen mit einer Systempalette Hand in Hand. Das Web war ein einfacherer Ort, als sich die Designer auf 216 glorreiche Browser-sichere Farben beschränkten. Ein Grau, ein Blau, ein Rot. Und vielleicht eine Beige mit etwas Burgunder. Und wenn sie Tiefe brauchten, waren Fasen da, um den Tag zu retten.