Share
Les sites Web brutalistes ont récemment été mis à l'honneur lorsque le site brutalistwebsites.com de Pascal Deville a frappé Hacker News et est devenu viral. Cette collection met en valeur le côté moins chaleureux et moins clair du Web - jetons un coup d'œil et voyons si nous pouvons nous inspirer du brutalisme.
Le «brutalisme» (ou «nouveau brutalisme») est un terme qui secoue les écoles d'architecture depuis plus d'un demi-siècle. Il s'agit d'une forme brute d'architecture présentant des caractéristiques telles que des surfaces brutes non finies, des formes inhabituelles, des matériaux solides (comme le béton), des formes massives et de petits détails contrastants..
De Fuck Yeah Brutalism«… Ce qui caractérise le nouveau brutalisme…, c'est justement sa brutalité, son je-m'en-foutisme, son esprit sanglant.» - Reyner Banham, 1955
Les sites Web brutalistes, à l'instar de leurs cousins architectes, constituent un antidote au Web populaire, plus souple. Nous vivons à l'ère du web design émotionnel; où nous, concepteurs d’interface et d’expérience, grimpons les uns sur les autres pour offrir aux utilisateurs empathie et compréhension. Où les produits attirent les clients de la manière la plus conviviale et la plus simple possible. Les couleurs invitent, les images sont polies, le type est lisse et conçu.
En regardant les sites Web brutalistes, on pense à des adjectifs tels que ceux-ci:
C'est une école de pensée que j'aime bien; vous pourriez dire que mon propre site web (que je n'ai pas changé depuis un moment) a une touche de brutalité:
Alors, comment définissons-nous réellement un site Web brutaliste? Examinons quelques caractéristiques typiques.
Tout d'abord, il convient de mentionner que ce n'est pas une chose purement esthétique. Le brutalisme est quelque chose qui découle du cœur même d'un site Web: son code. Les sites web brutalistes auront tendance à avoir un balisage simple et grossier, des styles en ligne, un manque d'optimisation, mais aussi rien de complexe pour alourdir les choses. Découvrez la somme totale de la tête de document pour brutalistwebsites.com!
Sites Brutalistes
Le code brut, comme la plupart des aspects du brutalisme, ramène les choses à une forme plus grossière.
lexical
Vulfpeck"Je n'essayais pas de concevoir un site Web" brutaliste "" - Seth Thompson
En parlant de ramener les choses à une forme plus grossière, il était une fois un vaste catalogue de polices Web douillettes non disponibles. Times New Roman et Arial ont bien fonctionné, merci.
craigslist.orgFfffound! a toujours laissé la participation des utilisateurs faire la conversation, laissant l'interface utilisateur jouer un rôle de soutien avec des couleurs et des polices simples.
ffffound.comAimer un peu de font-family: Courier, monospace;
fictivekin.com«Je voulais créer un site qui ne pourrait pas être créé avec Squarespace.» - Andrew Herzog
Les polices système vont de pair avec une palette système. Le Web était un endroit plus simple lorsque les concepteurs se limitaient à 216 superbes couleurs sûres pour les navigateurs. Un gris, un bleu, un rouge. Et peut-être un beige, avec un peu de Bourgogne. Et s’ils avaient besoin de profondeur, les biseaux étaient là pour sauver la journée.
lifeactionrevival.org«Mon brutalisme est une forme de conception conflictuelle ou non coopérative: Internet souffre d'un excès de sens des commandes» - Brandon Joyce
pwr.sitePlus rouge:
andrewseid.com
websafe2k16.comMmm, le plus pur vert.
laurelschwulst.comNe paniquez pas, ce ne sont pas réellement brutal des images, plutôt des images qui remontent à une époque antérieure aux filtres Instagram et SnapChat.
undergrounderground.com/gif
arngren.net
eatock.com«Je n'appellerais pas cela brutaliste, je dirais simplement que c'est normal» - Laurel Schwulst
Je suppose que le contenu brut compte aussi, à droite?
www.andreaperato.com
justinjackson.ca/webmasterBon, c'est fini ici.
Accentsconagua