Todo designer se esforça para superar tudo o que é convencional quando se trata de web design. Para atrair e envolver, às vezes os designers abandonam as melhores práticas de web design e recorrem a algo chamado brutalismo do web design.

O princípio de design relativamente novo envolve o abandono de práticas tradicionais, como interface do usuário intuitiva, em favor de algo completamente disruptivo.

Decifrando o Princípio Brutalista do Web Design

O Brutalist Web Design entrou em cena quando Pascal Deville introduziu essa tendência de design na arena do web design. Como fundador de um portfólio online de sites brutalistas, ele documenta designs da web que retratam a falta de preocupação em parecer fácil ou confortável.

Na verdade, o brutalismo no web design pode ser visto inspirado por um movimento de arquitetura na década de 1970, no qual os arquitetos deixavam a construção de concreto de edifícios expostos para retratar robustez e grosseria. O mesmo princípio em web design é o brutalismo – uma abordagem que está sendo descrita como uma reação característica dos web designers da próxima geração em relação ao minimalismo e designs otimistas.

Allanyu.nyc: um site brutalista comum

O brutalismo no web design pode ser uma prática nova, mas era um estilo comum durante os anos 50 e 60 para criar gráficos impressos, arte e pôsteres.

Brutalismo e paisagem digital moderna

Em uma época de atenção cada vez menor, o brutalismo pode significar negócios para marcas que buscam atrair a atenção do cliente. Como os sites brutalistas são reduzidos às necessidades básicas, o design é conhecido por promover navegação fácil, carregamento rápido e menos distrações para os visitantes.

Essencialmente, o web design brutalista retira elementos desnecessários de uma página da web, como vídeo, gráficos de alta resolução e CMS de carregamento lento, para prometer um site rápido que oferece apenas o que é necessário para o visitante. O design brutalista reduz a gordura excessiva do design para melhorar o desempenho do site e reduzir o tempo de carregamento da página.

Demarcando as Fronteiras entre Web Design Brutalista e Anti-design

A assimetria convenceu as pessoas a confundir os princípios do brutalismo com o antidesign. No entanto, existem diferenças notáveis e o brutalismo não pode ser simplesmente descartado como anti-design.

O brutalismo tem tudo a ver com deixar uma identidade muito personalizada e fora do padrão para uma página da web – um afastamento dos designs da web padronizados e baseados em modelos que dominam a internet hoje. Não se trata apenas de caos, mas sim de originalidade inspirada em um princípio de design arquitetônico antigo.

Comparando isso com o antidesign, observa-se que o antidesign trata apenas de despojar a interface do usuário para criar interfaces desorientadoras ou feias. Embora estes também usem cores duras e padrões desorientadores, o anti-design destina-se a distrair, o que é exatamente o oposto do brutalismo.

O brutalismo é um princípio concreto com um legado. Não é a ausência de design, mas uma abordagem diferente de design que aprimora o desempenho das páginas da Web removendo tudo o que é desnecessário. Embora possa parecer feio para quem o vê pela primeira vez, o web design brutalista é algo que tem estado no centro de alguns dos maiores sites como o Craigslist do mundo.

A crescente popularidade dos designs brutalistas da Web

Web designers brutalistas fazem uso de gráficos da era dos anos 90 e HTML codificado à mão para criar estruturas de sites. Como o design brutalista retrata honestidade, praticidade e realismo, está se tornando cada vez mais popular entre os usuários, apesar dos gráficos ruins. Texto fora do lugar e gráficos cafonas tendem a atrair a atenção com mais eficiência do que designs minimalistas e simplificados. A ideia do brutalismo é quebrar as convenções e se destacar.

Além disso, conforme discutido acima, o design brutalista acelera o site. No contexto moderno, isso é extremamente benéfico, pois sites com tempos de carregamento de página mais altos sofrem com altas taxas de abandono. Assim, por sua vez, a possibilidade de conversões mais altas está levando a um aumento da popularidade do brutalismo no web design.

Craigslist: O site mais popular e bem-sucedido com um Web Design brutal

Em todo o mundo, mais e mais marcas e empresas estão avançando para experimentar designs brutalistas. Craigslist é um exemplo glorioso de um site popular que adotou o brutalismo em sua oferta principal.

Melhores Práticas Brutalistas de Web Design

Embora você possa não estar convencido sobre a eficácia do web design brutalista, existem milhares de entusiastas e defensores do brutalismo no ecossistema do web design. Se você também está intrigado com os benefícios do design brutalista e deseja usá-lo em seu próximo projeto, aqui estão algumas práticas recomendadas para seguir o princípio do design brutalista:

Use fundo proeminente e distinto em preto ou branco sem sombreamento ou texturas
Abandone sofisticação de design como sombras, gradientes ou padrões
Use uma única fonte em todo o site ou tipografia monoespaçada
Siga um padrão de design lotado com elementos não acolchoados e textos próximos
Não use uma hierarquia distinta para colocação de conteúdo
Sobreponha elementos de uma forma que pareça não intencional
Use elementos de design de estilo analógico de épocas passadas
Siga padrões e estruturas assimétricas, em qualquer lugar
Paleta de cores comum diferente que dá destaque ao verde e ao vermelho
Evite animações e prefira visuais inconformistas
Siga o design de uma página com navegação simples ou sem navegação
Use imagens distintas em tons monotônicos ou preto e branco
Comprometa-se a criar um site que pareça ter muitas inconsistências visuais e erros, como sobreimpressão e desalinhamento

Introdução ao Brutalist Web Design: o que e como fazer?

Agora que você conhece as melhores práticas, pode pensar em implementar esse conceito de design em seu próximo projeto. Devido a aspectos práticos, você não gostaria de optar por um design brutalista bruto para um projeto, pois seu cliente/empresa pode não gostar do mesmo. Em vez disso, você pode pensar em experimentar vários elementos brutalistas e integrá-los em sites profissionais ou comerciais. O brutalismo tem tudo a ver com personalização e adicionar um senso de personalidade a uma página da web, cortando todos os elementos desnecessários. Portanto, pense em uma página da Web como sua tela e comece a criar uma obra-prima de cor.

Você pode optar por um web design brutalista de duas maneiras. Você pode escolher um tema WordPress brutalista para um site como sua base ou pode codificar manualmente seu site do zero usando uma ferramenta de criação de páginas. Ambas as abordagens têm seus próprios prós e contras.

Usando Temas WordPress Brutalistas

Os temas do WordPress economizam tempo, esforço e investimento por parte de um designer ou empresa, pois oferecem elementos prontos para iniciar o processo de design da web. Embora possa ser uma boa ideia, não há muitas opções quando se trata de temas brutalistas. Alguns temas que você pode experimentar são FlowMag, Brutal e Glitch.

Mas é melhor que você crie seu próprio web design brutalista. Desta forma, você poderá personalizar cada elemento. Use um tema minimalista como base e comece a esculpir seu design manualmente, codificando sob o capô.

Codificação manual de um site do zero

Codificar manualmente um site pode ser demorado, mas se você quiser usar um web design brutalista, essa pode ser sua melhor aposta. Como alternativa, se você não deseja fazer muitos esforços, pode usar uma poderosa ferramenta de criação de páginas como o Elementor para aperfeiçoar um design da web brutalista. Há mais de uma razão para esta escolha.

Em primeiro lugar, apresenta um tema padrão em branco que lhe dá o poder de personalizar e aperfeiçoar seu design desde o início. Em segundo lugar, oferece muitas opções de personalização que lhe dão liberdade para experimentar diferentes elementos da página.

Dicas Úteis de Brutalismo para Web Designers

Conheça seu público

Embora não existam regras rígidas e rápidas quando se trata de brutalismo, você precisa entender e conhecer seu público em profundidade. O brutalismo não é para todas as empresas ou marcas. Você só deve adotar a abordagem do brutalismo se confiar que a estratégia de design se alinha aos seus objetivos de negócios. Se esse design está afastando seu público, você deve abandonar seu amor por designs brutalistas.

Desequilíbrio. Desequilíbrio. Desequilíbrio!

Provavelmente, a primeira coisa que você deve ter aprendido é equilibrar os espaços em branco para criar um design da Web suave e intuitivo para os usuários finais. Mas se você quiser experimentar seu brutalismo prático, terá que desequilibrar os espaços em branco em uma página da Web usando blocos de cores grandes e diferentes. Você terá que esquecer todas as convenções quando se trata de prazer estético.

Abandone a beleza sobre a praticidade

O brutalismo tem tudo a ver com ser pragmático. Se você está procurando criar o web design brutalista perfeito, você precisa evitar os clichês de design e se concentrar em apenas uma coisa – conversão. Evite usar elementos bonitos em sua página da web e, em vez disso, mantenha tudo simples e direto ao ponto.

Use formas diferentes

Os web designs brutalistas são inspirados nas tendências arquitetônicas do século XX que fizeram uso de formas excêntricas e abstratas de todos os tamanhos. Em meados do século 20, formas diferentes em tons de cores únicas eram populares quando se tratava de edifícios. O mesmo se aplica ao web design brutalista moderno. Ao seguir a abordagem brutalista, use formas incompatíveis.

Intrigantes exemplos de web design brutalistas da vida real

Os designs brutalistas não se encaixam nos princípios padrão de design da web. No entanto, algumas empresas, sites e plataformas populares têm utilizado esse conceito com grande sucesso. Além dos exemplos mencionados acima, aqui estão mais alguns exemplos da vida real. Embora possam não parecer atraentes, todos eles implementaram princípios brutalistas com absoluta perfeição.

1 Notícias sobre hackers

news.ycombinator.com

O Hacker News é uma plataforma popular que eliminou com sucesso os elementos volumosos de seu site para torná-lo bruto, nítido e claro. Você pode ver como o design brutalista funciona para eles observando as interações e o nível de engajamento.

2 Plant22

plant22.com

A Plant22 adotou com sucesso uma abordagem alternativa ao brutalismo usando tijolos modulares coloridos. O design brutalista baseado em grade está na moda e faz maravilhas pela capacidade de resposta. Esse tipo de brutalismo que acelera o site sem ser agressivo para os olhos é algo que vale a pena adotar.

3 FOTOS AGORA

picturesnow.org

No site Pictures Now, pode-se ver vários elementos de brutalismo, como uma cor de fundo sólida, fundo não hierárquico e texto grande demais no meio da página da web. Tudo isso representa os princípios centrais do brutalismo.

Web Design Brutalista: Considerações Finais

Embora os designs da Web brutalistas prometam um número maior de conversões devido ao seu forte impacto, ele não é adequado para todas as empresas ou marcas. O elemento-chave para decidir a favor ou contra o web design brutalista é conduzir uma análise aprofundada dos prós e contras, ver se o brutalismo se alinha com a imagem da sua marca, o setor em que você trabalha e as aspirações do seu público-alvo.

Embora muitas empresas de design e desenvolvimento de aplicativos da web personalizados estejam propagando a abordagem brutalista, é importante tomar uma decisão sábia avaliando todos os aspectos relacionados aos seus requisitos modernos de design da web. E quando estiver em um fluxo, certifique-se de entrar em contato com algum especialista que possa ajudá-lo a tomar uma decisão informada. Não basta correr para o hype. Fique atento e escolha algo que agregue valor à pegada online de sua empresa. Então, o que você está esperando? Comece a pensar no design brutalista hoje e veja se ele pode realmente ser útil para o seu site.