Introdução

À medida que o ano novo se aproxima, quais são as tendências de design visual a serem observadas este ano? Eu fiz mais pesquisas neste blog do que nunca em qualquer um dos meus blogs! Vamos percorrer uma linha do tempo de tendências que você pode esperar em 2023!

Desenhos Brutais

É um balde cheio de uma coleção de itens, incluindo tendências neubrutalistas, vintage, retrô, anos 80 e 90 e revistas / pôsteres. É uma cor pastel menos saturada e terrosa ou uma cor nostálgica.

Eles podem servir a um propósito estético fantástico, dependendo do produto ou serviço que estão tentando anunciar, mas geralmente são uma vitória da forma sobre a função.

Ao mesmo tempo, é ótimo ver algo original e totalmente único de vez em quando.

Uma questão crucial: eles são adequados para UI Design?

Muitas empresas que escolhem designs brutalistas receberam feedback extremamente ruim dos usuários. Figma e Gumroad são exceções notáveis, mas esse é um design que não se adapta a todos os produtos. Parece que a maioria da equipe de design responsável pelo redesenho ficou satisfeita com o resultado. Lamentavelmente, formas como o brutalismo raramente são úteis e atraentes para os usuários.

A reforma mais recente do The Verge é um exemplo perfeito, com cerca de 5,5 milhões de visualizações mensais caindo após a atualização. As principais causas aqui foram provavelmente o arranjo caótico e os contrastes gritantes.

É razoável afirmar que, quando se trata de bens digitais, o equilíbrio entre elementos funcionais e estéticos é fundamental.

Imitações de texturas e materiais

A imitação de materiais do mundo real inclui vidro, argila, morfismo de metal/cromo etc. O vidro fosco e o pano de fundo desfocado estão se tornando mais comuns, especialmente porque permitem que o conteúdo se estenda além de seu contêiner e ajudam você a entender quais aspectos da interface do usuário são fixos , que auxilia na hierarquia de design.

O design 3D está se tornando muito mais acessível. Softwares como rive e spline são semelhantes ao Figma, mas para design 3D. Como as ferramentas são tão acessíveis, podemos ver a saída aparecendo em todos os lugares.

tipografia gigantesca

Erros de digitação gigantescos não são uma tendência nova, mas estão ganhando popularidade; eles são tipografia responsiva em tela cheia. A única razão pela qual funciona é que funciona em conjunto com outras tendências, como gradientes e movimento para fornecer uma transição perfeita entre grandes seções.

Gradiente de Malha

Mesh Gradient é uma das tendências de design visual mais populares. É usado para produzir o volume ou um ambiente que origina as cores da imagem em primeiro plano e preenche o fundo, como na tela de reprodução da Samsung no Samsung music, que se move no pano de fundo com base na arte do álbum; esses são bem legais. No entanto, pode falhar quando se combinam cores que não deveriam estar próximas umas das outras, resultando em cores turvas.

Qual é a atração desse gradiente de malha? Aqui está a minha resposta. Os humanos, psicologicamente, querem tocar e sentir superfícies lisas. Em outras palavras, se você tivesse que escolher entre uma bola pontiaguda e uma esfera perfeitamente redonda, qual escolheria? Um com textura aveludada e outro com textura aveludada. A escolha seria a aveludada. É por isso que existem placas de “Não toque” em museus e lojas de móveis. As pessoas podem associar o que veem com suas emoções, e essa emoção pode levar à ação.

Não há combinação natural de cores como essa, especialmente agora que temos cores neon P3 altamente saturadas, como o logotipo do Instagram. Este tipo de cor não ocorre na natureza; se o faz, raramente é tão vívido.

Design Cósmico

A interface do usuário escura evoluiu para muito mais do que uma alternância “modo noturno/escuro”. Um número crescente de empresas está convertendo para uma versão escura de seus produtos e páginas.

As interfaces de usuário escuras podem ser mais eficazes para atrair a atenção do usuário, pois são mais distintas e atraentes do que os designs convencionais de “conteúdo em um fundo branco”. O uso de UIs escuras requer contraste adequado para que os elementos visuais se destaquem e para que o texto seja legível.

Design de Alto Contraste

Design de alto contraste ou preto e branco (monocromático) é difícil de conseguir. Os cinzas devem ter os níveis de contraste apropriados para produzir a hierarquia. Também é difícil identificar os estados selecionados.

Em muitos sites e aplicativos, especialmente aqueles das principais empresas do mercado, você pode observar recursos fortemente contrastantes e, ocasionalmente, até mesmo seções inteiras.

Acredito que o motivo dessa tendência é que o piscar frequente de partes ou superfícies fortemente contrastantes enquanto você navega na interface do usuário pode ajudá-lo a se concentrar. Isso também torna a interface do usuário extremamente acessível porque os objetos e o texto ficam visíveis, a menos que você use muito contraste e force os olhos.

Desenho de movimento

O design de movimento mostra como um aplicativo funciona e o que os usuários podem fazer, demonstrando como ele é organizado. Ele conduz a jornada do usuário, definindo a navegação e criando uma experiência mais natural ao fornecer dimensão ao design de interação.

Você pode encontrar designs de movimento em páginas de destino e de marketing, mas eles funcionam muito melhor em sites de produtos porque o design de movimento ajuda a esclarecer as coisas quando algo acontece ou torna aparente de onde veio uma parte da interface do usuário e onde ela será descartada também. É aí que a animação é aplicável.

Ao contrário dos designs de movimento da página de destino, nos empolgamos um pouco este ano. Existem páginas de destino visualmente atraentes que são inúteis. Não quero ser maldoso, mas se você tiver um milhão de coisas entrando e saindo de uma página de destino enquanto rola a página, ou se a velocidade de rolagem for ajustada para corresponder a algumas animações, esses sites não sejam funcionais, mesmo que pareçam ótimos. Estou dividido sobre isso; Acho que o motion design é crucial, mas exageramos.

Inicialmente, o design de movimento era desafiador; se você quisesse uma pequena animação, teria que ficar sentado por horas. No entanto, agora que os softwares SwiftUI e Framer o tornaram mais simples, mesmo para iniciantes, os designers estão começando a usá-lo com mais frequência. É por isso que foi ao mar.

Design Limpo

O design limpo é uma tendência perene. Ferramentas primitivas para criar designs limpos estão se tornando mais disponíveis. Talvez você possa ver um design limpo ao fazer o mínimo necessário para transmiti-lo, mas acho que há muito trabalho nisso; “Mais com menos”. Encontrar o ponto ideal entre limpo e bem projetado proporcionará a experiência mais tranquila para um design limpo.

Minha estética de design mudou ao longo dos anos e estou progressivamente adotando uma abordagem simples, minimalista e mais limpa. Você nunca pode dar errado com um design limpo. Pode vir naturalmente para todos os designers. Em meio a todas as tendências, esta permanece perene.

Conclusão

Apesar de percebermos muitas tendências, sinto que (já que trabalho para uma empresa baseada em produtos) não sincronizamos rapidamente com a tendência porque as empresas estabelecidas não necessariamente alteram seus projetos, a menos e até que haja uma tendência predominante que os usuários estão esperando.

Então, qual dessas tendências despertou seu interesse? Por favor, compartilhe seus pensamentos na seção de comentários. Nos vemos no futuro blog!

Tchau!