Design De Iu
Web Design Brutalista, Web Design Minimalista e o Futuro da UX da Web
Os sites estão ficando mais caóticos, confusos e não refinados? As regras de um bom design estão sendo quebradas? A web está ficando feia? Esta é uma nova tendência?
Se você é como a maioria dos designers e presta muita atenção ao que está acontecendo, você já ouviu a palavra brutalismo sendo liberado por um tempo. Os sites brutalistas estão se afastando das interfaces fáceis de usar que há muito tempo são as melhores práticas do setor e, em vez disso, estão se concentrando em sites HTML imperfeitos e codificados manualmente. Parece que os designers estão abandonando as regras da UX como as conhecemos, deixando tudo um pouco caótico.
Princípios de design elegante e contemporâneo são tão comuns que dificilmente pensamos neles como uma escolha estilística. 'Bom' web design geralmente significa aquele que segue as regras do minimalismo. Interfaces limpas, simples e organizadas - mas nem sempre foi o caso. Deixe o relógio voltar algumas décadas.
O nascimento da web
Web design já percorreu um longo caminho desde 1991, quando o primeiro site . A revolução da Internet começou com seus primeiros sites puramente baseados em texto usando a primeira geração de HTML.
Então veio o Flash com todos aqueles sites animados malucos que todos certamente se lembram. Chegou o desenvolvimento de CSS (folhas de estilo em cascata), proporcionando o designers da web ainda mais controle sobre melhorias como cor de fundo, tamanho do texto e estilos de texto no código. O JavaScript nos deu menus suspensos, navegação avançada e formulários da web para verificação de erros.
No início, ninguém sabia o que realmente significava “web design”, e os pioneiros da web estabeleceram padrões de design por tentativa e erro. A era primitiva do web design usava designs que prestavam pouca atenção à semântica formal e à acessibilidade, optando mais pela estética do que pela estrutura.
Para construir e estruturar seus layouts, os designers confiaram muito em elementos HTML, como tabelas, tabelas aninhadas e arquivos espaçadores invisíveis de 1 pixel, dando-lhes a capacidade de criar layouts de várias colunas mais complicados. Fiz algumas interfaces bem chatas.
Em meados dos anos 2000, os sites nasceram com um pensamento mais cuidadoso por trás de sua estrutura. A navegação estava na parte superior do seu navegador e as categorias foram colocadas em uma barra à esquerda. As páginas da web foram mantidas curtas e estreitas, com conteúdo espalhado por muitas páginas para não forçar os usuários a rolar. Os designers aprenderam o que funcionava e começaram a construir sites melhores, estabelecendo padrões e melhores práticas ao longo do caminho.
Com mais e mais opções de design, veio uma mistura de interfaces de usuário barulhentas repletas de imagens e texto. Alguns designers disciplinados, no entanto, ainda optaram pelo minimalismo.
A estética minimalista
As tendências de design vêm e vão; No entanto, o minimalismo é uma linguagem de design que existe há muito tempo. É uma filosofia de design que se concentra na simplificação da forma, alcançada através da utilização dos elementos mais simples e essenciais em um design.
O minimalismo não é exclusivo do web design. Pense em todos os elementos ao seu redor que abrangem esse design ideal; é fácil conectar designs minimalistas com Nest, Apple, Herman Miller e muitos outros que inspiraram muitos [designers minimalistas] (https://www.toptal.com/designers/digital).
O que torna o design da Herman Miller excelente hoje? Eles são simplesmente objetos bem desenhados com uma aparência atemporal. Seus designs ficam muito bem em casas e interiores contemporâneos, eles ainda parecem frescos e modernos hoje. Muitas de suas peças são desenhadas com um visual minimalista e não podem ser vinculadas a uma moda específica. Eles ainda resistem ao teste do tempo.
Os designs minimalistas de um dos designers gráficos mais reconhecidos da sua época, Josef Müller-Brockmann , são muito semelhantes aos de Herman. Moleiro: Eterno . Müller-Brockmann abraçou e dominou o minimalismo durante os anos 1940 e 1950 na forma do estilo de design suíço .
Qualquer decoração estranha ou estranha foi removida de seu design gráfico; cada elemento em seus designs tinha um propósito. O pensamento de design por trás dessa abordagem é o que faz os designs digitais minimalistas funcionarem tão bem hoje.
Como o minimalismo foi estabelecido na era digital
A história sempre encontra uma maneira de chegar até nós. Como aconteceu com o design de impressão, o minimalismo e a filosofia por trás dele foram adaptados ao web design e outros artefatos digitais. Pense em como os sites eram há apenas alguns anos, com seus botões brilhantes, linhas e parágrafos de texto, todos gritando por atenção.
Então veio o tendência skeuomórfica onde designers projetaram elementos que imitavam objetos da vida real no espaço digital. Você se lembra do estofamento de couro em iCal de Apple ?
Os designs mínimos são realmente intencionais. É uma abordagem de design que remove tudo o que é desnecessário e se concentra nos elementos que deveriam atrair mais atenção - colocando ênfase no conteúdo .
As vantagens do design minimalista
A abordagem de design minimalista pegou por muitos mais motivos do que apenas sua aparência. Nossa maior compreensão dos comportamentos do usuário, processos de pensamento de design e o aumento de primeiros processos de design de conteúdo ajudaram a avançar este pensamento. O recente crescimento massivo de usuários móveis tem sido um forte ponto de aceleração em direção ao minimalismo, com um foco maior em UX e usabilidade.
Agora que os usuários acessam a Internet a qualquer momento, designers de produto eles devem se concentrar em fornecer o que é absolutamente essencial no contexto do momento: as coisas certas da maneira certa e na hora certa, onde o design se resume às suas características mais fundamentais.
O uso de celular agora representa mais da metade de todas as visitas da web , e essa taxa só aumentará. O design responsivo foi uma virada de jogo e forçou os designers para 'pensar diferente'. Hoje, mais do que nunca, o design responsivo ou adaptativo é uma necessidade no mundo dos dispositivos móveis, onde uma abordagem de design minimalista é de importância crucial.
Para o usuário médio, o minimalismo parece ser a coisa mais fácil de projetar. Alcançar um equilíbrio perfeito usando o mínimo de conteúdo visual e se concentrando apenas nos elementos fundamentais com a maior elegância é realmente muito, muito difícil.
O futuro do minimalismo
Devemos pensar no minimalismo como um conceito atemporal, irradiando elegância e sofisticação, ao invés de uma tendência real ou simples fase de aprovação. Embora atemporal e clássico, ele vai evoluir e melhorar, como já vimos desde sua implantação no início do século XX.
Por exemplo, Material Design Google foi uma das primeiras grandes evoluções na abordagem de design “plano” inspirado no minimalismo. Os designers do Google mantiveram as coisas simples e mínimas, mas melhoraram sua linguagem de design com o uso de efeitos de sombra e os conceitos de movimento e profundidade . O material engloba o design plano com um toque específico: ele imita os materiais do mundo real.
A desvantagem do minimalismo
Como acontece com outros elementos da vida, sempre temos que olhar para os prós e os contras. Muitos argumentam que os sites de hoje carecem de sabor e são quase todos iguais. Você sabe, uma grande imagem ou vídeo de herói com sobreposição de texto, uma linha de ícones com texto, etc. Qualquer pessoa pode dedicar alguns minutos do seu tempo e criar 10 sites que se parecem muito. Isso é um reflexo de nossas preferências e comportamento online em constante mudança?
A consistência de design e design para o comportamento comum do usuário é extremamente importante em todos os designs, mas não podemos esquecer o valor de ser único. Ficamos preguiçosos ou desviamos nossos pensamentos da exclusividade para uma estratégia de experiência do usuário mais eficaz?
Brutalismo em web design
Em sua robustez e falta de preocupação em parecer confortável ou fácil, o brutalismo pode ser visto como uma reação de uma geração mais jovem à leveza, otimismo e frivolidade do onipresente web design minimalista de hoje.
Alguns adoram, alguns odeiam e muitos outros simplesmente não entendem: sites brutalistas .
Levando Craigslist como exemplo. O Craigslist deve ser considerado o 'avô' dos sites brutalistas. Não é esteticamente agradável e nunca apareceria em www.awwwards.com . Texto preto, links azuis, fundo branco. Não é bonito. Não precisa ser porque funciona - e funciona muito bem. Encontre o que você precisa comprar ou vender sem confusão ou confusão e sem peças móveis estranhas.
Desde sua fundação em 1996, Craigslist permaneceu popular apesar - ou talvez por causa - de seu design extremamente utilitário. O design não mudou significativamente nos últimos 20 anos.
Talvez inspirado pelo exemplo do Craigslist, o estilo brutalista está voltando. A seguir, exemplos excelentes de designs bem executados que usam o estilo Brutalista.
Esses sites brutalistas estão se popularizando em grande escala. Por que esses sites são tão populares de repente? É porque alguns designers se cansaram de homogeneizar a web?
Nos dias em que o design UX é primordial, onde o comportamento do usuário e o foco no conteúdo são reis, a UX nesses sites é ruim (intencionalmente). Ao contrário dos princípios do minimalismo, esses designs são confrontados com colagens de texto e imagens em que o design está em todo lugar (novamente, intencionalmente).
Uma breve história de brutalismo
O estilo de design brutalista não é novo. Uma rápida pesquisa sobre Wikipedia dirá que o estilo na verdade vem da arquitetura brutalista dos anos 1950 a meados dos anos 1970. Engraçado que brutalismo foi seguido pelo movimento arquitetônico modernista, onde minimalismo era a chave.
Le Corbusier ele foi um dos maiores pioneiros desse movimento. Sua carreira durou cinco décadas com edifícios projetados na Europa, Japão, Índia e América do Norte e do Sul.
O termo vem da palavra francesa ' Bruto ”Para“ bruto ”, como Le Corbusier descreveu sua escolha de material“ cimento bruto ”, Concreto bruto. O design hiperfuncional parecia projetado apenas para fornecer utilidade, não para agradar, como se apertasse a mão do modernismo.
O brutalismo tenta enfrentar uma sociedade produzida em massa e extrai poesia crua das forças confusas e poderosas em ação. Até agora, o brutalismo foi discutido estilisticamente, embora sua essência seja ética. - Alison e Peter Smithson, The New Brutalism, Architectural Design (abril de 1957)
Os designs brutalistas rejeitam categoricamente a aparência, optando pela função em vez da forma. Designers brutalistas se orgulham de executar designs com o mínimo de esforço e materiais mais baratos disponíveis , para alcançar um resultado mais honesto e antiburguês.
Brutalismo na era digital
Bloomberg adotou o estilo à sua maneira para seu site de notícias. O design é quase atraente e claramente se concentra na funcionalidade bruta.
O brutalismo está fazendo um retorno sólido. Feios, rudes, sem designs convencionais, efeitos de suspense e enfeites superficiais estão por toda parte. Muitos puristas consideram essa tendência severa, dura, rude, desconfortável, confrontadora e cínica. É intencional.
O brutalismo tem uma abordagem mais primitiva para projetar e reorienta o núcleo do web design: seu código. O brutalismo é frequentemente retratado como uma tendência de design 'feia', mas temos que olhar além disso. A filosofia por trás do movimento brutalista não é tornar as coisas 'feias', mas cruas e sem adornos.
Poderíamos dizer que os sites brutalistas de hoje são baseados na web DIY dos anos 90, focando em uma abordagem de dentro para fora ao invés de esconder a funcionalidade atrás de uma bela fachada.
Design de interface do usuário para site popular de compartilhamento de mídia social Reddit É assumidamente cru e quadradão, repleto de tipografia web do final dos anos 90, controles pesados não refinados e quase sem espaço para respirar verticalmente.
O designer Pierre Buttin levou o brutalismo a um novo extremo com uma série de aplicativos móveis redesenhados. Em seu último projeto, intitulado redesenhos brutalistas Buttin faz Facebook, Instagram, Twitter e outros aplicativos populares em um estilo brutalista, com layouts de texto pesados e layouts achatados.
Brutalismo vs. Minimalismo
O brutalismo e o minimalismo não devem ser vistos comparativamente, mas como uma nova forma de ver as coisas e outra abordagem ao design. O brutalismo é um impulso contra a homogeneização dos sites e aplicações atuais, mas antes os designers Eles podem até começar a projetar um site usando a abordagem brutalista, eles devem primeiro saber quais regras irão quebrar.
O design convencional e minimalista não será substituído pelo brutalismo. Devemos ver o brutalismo como uma cultura de design que desafia o status quo, uma cultura que está cansada de ouvir o que é 'melhor'.
Não há certo ou errado ao escolher entre esses estilos para seu próximo projeto. No entanto, antes de sair do mercado e projetar seu próximo site ou aplicativo em um estilo de design brutalista, certifique-se de conhecer seu público. Corra o risco se você acha que a empresa e seu público vão gostar.
O design brutal da Web atrai a atenção, e o reconhecimento da marca está crescendo tremendamente rápido. Regras são feitas para serem quebradas. Ouse deixar a web ser a web. Ouse se destacar e ser um pouco ousado, mesmo que seja um pouco estranho.
