top of page

9 tendências de design para ficar de olho em 2023

Atualizado: há 2 dias


Tendencias de design em 2023

Atualizado em: Janeiro 2023


Se você é um aspirante a web designer ou profissional de criação que deseja criar seu próprio site, é importante ficar por dentro das tendências de design para ajudar sua marca a causar impacto online.


"Como designer, você realmente precisa procurar referências culturais, não apenas se ater ao que está na moda no mundo do web design", afirma Yiftach Koronio, líder de design social e de blogs do Wix. "Você pode observar como a cultura afeta as tendências de design em todas as plataformas — seja nos setores de moda, UX ou UI design."


Felizmente, muitos profissionais de web design talentosos e antenados trabalham no Wix, incluindo Yiftach, além de Adi Huri e Moran Kadussi, que desempenham um papel fundamental na gestão de produtos e garantem que nosso Editor Wix esteja na vanguarda das tendências de design. Conversamos com eles sobre macro e microtendências e elaboramos este resumo de tendências de design de site para 2023. A partir desta visão profissional, analisaremos por que essas tendências surgiram, de que maneira elas causarão impacto e como aplicá-las ao design do seu site.



Tendências de design para 2023


Este ano, veremos o design ser fortemente influenciado pela forma como emoções de gerações conflitantes reagem às redes sociais e à influência da IA. Como você poderá conferir, os sentimentos da Geração Z prevalecerão, deixando de lado o minimalismo millennial e caminhando para um design de site mais dramático e influenciado pela cultura pop.


Apenas uma ressalva antes de começarmos: as equipes de design do Wix trabalham duro para garantir que nosso Editor Wix ofereça a maioria desses elementos e que que você possa integrar as tendências intensas deste ano em seu site. No entanto, o verdadeiro desafio é fazer isso mantendo a identidade da sua marca e proporcionando uma experiência do usuário fluida.


Embora o Wix ofereça desempenho líder do setor para seus sites, um grande volume de conteúdo de alta densidade pode afetar a velocidade de carregamento das páginas. Certifique-se de seguir as práticas recomendadas de otimização de imagens para garantir que seu site não apenas pareça moderno, mas também funcione da melhor maneira possível.


Sem mais delongas, inspire-se nas 9 principais tendências de web design para este ano:


  1. Volta à estética dos anos 2000

  2. Designs com textura

  3. Mais é mais, ainda mais

  4. Web design antidesign

  5. Cores cheias de dopamina

  6. Bordas arredondadas

  7. Conteúdo baseado em IA

  8. Imagens reais e sem filtro

  9. Animações envolventes com rolagem


1. Volta à estética dos anos 2000


Não é surpresa que a estética dos anos 2000 tenha voltado ao web design. Assistimos ao ressurgimento de tendências de moda da geração millennial, bem como de interfaces antigas e programas que fizeram sucesso no passado. Esse movimento continuará em 2023, diz Koronio, impulsionado pela nostalgia e pelo espírito otimista que os irmãos mais novos da geração millennial nunca sentiram.


Resgatando a estética marcante das tecnologias incipientes e do futurismo otimista, a linguagem visual deste ano apresentará cores chamativas (pense em rosa choque, metálicos, roxos e amarelos) e a sensação low-fi da era do clip art. Equipados com ferramentas avançadas, designers como Kurt Champion e Aroke1 Studio introduzem um toque irônico e divertido ao web design low-fi de sua juventude, com cores conflitantes e animações densas que a internet discada da web 1.0 jamais poderia suportar.



Exemplo de tendencia de design do site do Aroke One

O site do Aroke One captura o espírito dos anos 2000



Exemplo de tendencia de design do site do Shigian Pan

O portfólio do Shiqian Pan's explora a nostalgia dos anos 2000 utilizando ferramentas de design sofisticadas


2. Designs com textura


Depois dos últimos dois anos, o mundo do design quer voltar a sentir. As principais tendências de design de 2022 incluíram elementos de design suaves e táteis. Mas, graças à evolução da tecnologia e ao espírito "mais é mais" de 2023, os designers trarão alguns elementos extremamente tangíveis para a esfera digital. "É sobre texturas em tipografia, imagens abstratas, formas, vídeos e planos de fundo", diz Huri.


Huri afirma que já vimos muitas texturas metálicas e líquidas usadas no web design nos últimos meses, mas a tendência ainda não explodiu. Ela prevê que 2023 estará repleto de técnicas texturizadas como peles animais, vidro líquido e branding "squishy". Também veremos morfismo de argila, como o trabalho do artista e designer Yonk apresentado em sua página Transparent Video Collection no Wix, e em colaborações com marcas como Meta e Sprite.


A necessidade de interações mais tangíveis talvez seja influenciada por nossa realidade pós-pandêmica, mas não podemos deixar de observar a influência dos anos 2000: estamos falando das lâmpadas de lava, da GAK (geleca) da Nickelodeon e dos chaveiros de pé de coelho que introduziram nossos sentidos ao incrível mundo das texturas.



Exemplo de tendencia de design do site do Yonk


3. Mais é mais, ainda mais


Parece que designers, marcas e consumidores estão experimentando novos estilos e identidades inspirados em "mais é mais" após um período de discrição minimalista. "Se 2022 foi um ano de design limpo, 2023 será o ano do design arrojado", diz Huri.


Essa tendência reúne muita informação em um só lugar: pense em telas simétricas bem divididas em seções equilibradas, mas em vez de um design delicado e minimalista, você verá elementos assimétricos, brilho, tipografia impactante, cores fortes, além de texturas intensas e movimento vigoroso dentro desses compartimentos organizados. "Cada uma das seções da tela será como um programa de TV, show ou uma viagem psicodélica própria", diz Huri.


Para Koronio, a marca orgulhosamente vibrante do Starface World serve como exemplo ideal de inspiração "mais é mais" que os web designers devem buscar em 2023. As lojas online com bordas suaves e arredondadas estilo "adesivos para acne" receberão cores neon, tipografia inspirada nos anos 90 e imagens exuberantes.


Ao que parece, as marcas estão buscando superestimulação para nos tirar da monotonia dos últimos anos.



Exemplo de tendencia de design do site do Starface

O site do Starface acerta a tendência do "mais é mais" em cheio



4. Web design antidesign


Seja o clima, as mudanças geopolíticas ou as oscilações em nossos locais de trabalho, vivemos tempos incertos. Embora os designers tenham se familiarizado com o caos dos últimos anos, o web design tem tentado encontrar ordem em meio à bagunça. Mas agora, diz Kadussi, os designers estão abraçando os destroços. Bem-vindo ao mundo do antidesign.


Com suas raízes no Brutalismo, o antidesign tem uma característica mais "dura" e de quebra de padrões que visa recriar o caos ao nosso redor e fazer uma forte declaração observacional. Essa tendência de design é caracterizada por elementos com aparência agressiva, pesados, quebrados e desproporcionais, como texturas conflitantes, elementos sobrepostos, fontes grandes e layouts de sites assimétricos e não estruturados.


Como os designers usam o antidesign para ultrapassar os limites criativos e se conectar com novos públicos, esse estilo chamativo não é adequado para todos os sites e marcas. Kadussi aponta que muitos negócios online, como o eCommerce, dependem de uma estrutura de site e fluxo de usuários específicos, e a natureza do antidesign pode limitar seu sucesso. No entanto, se você tiver um projeto especial, campanha ou iniciativa, o antidesign pode ajudá-lo a transmitir a mensagem subliminar. Por exemplo, esse estilo ajudou o New York Times a transmitir a mensagem sobre os resultados das constantes catástrofes climáticas.



Exemplo de tendencia de design do site do Kurt Champion

Quebrando todas as regras, a abordagem anti-design de Kurt Champion cria uma experiência incrivelmente envolvente



5. Cores cheias de dopamina


Enquanto o ano passado estava cheio de cores terrosas e primárias, o neon estará em alta este ano. "Tudo ficará saturado de cores vivas", diz Huri. (Designers) farão o público abrir bem os olhos, sorrir e enlouquecer." E não são apenas tons chamativos como turquesa, verde "poison green" e rosa Valentino, acrescenta Kadussi, mas paletas intensas de cores que apontam para o maximalismo e provocam uma explosão de dopamina.


Sobreposições coloridas, gradientes e imagens são formas de incorporar essas cores de 2023 em seu site, dando uma sensação ruidosa que é interessante o suficiente para atrair likes da geração Z, uma importante definidora de tendências. Huri também afirma que utilizar várias cores em seu site, por exemplo, decorando cada seção da mesma página de maneira diferente ou usando uma variedade de matizes no texto de parágrafos, títulos e calls-to-action, é a maneira perfeita de combater a fadiga pós-pandemia.



Exemplo de tendencia de design do site do Yonson

Yonson usa cores inspiradas pela dopamina para envolver os visitantes


6. Bordas arredondadas


Quando a Apple faz uma mudança, ela se torna uma tendência instantânea — mesmo quando é quase imperceptível. Koronio diz que após a Apple implementar cantos arredondados na interface do usuário do iPhone e no design do app, a tendência se espalhou até chegar aos menores sites e blogs de eCommerce (depois do efeito sutil ter sido adicionado ao Editor Wix). "Tudo está aparecendo com cantos suaves e arredondados, sejam as margens de sites, imagens de galerias ou os produtos em si”, diz ele.


Kadussi e Koronio concordam que a maior vantagem dessa tendência é que você pode facilmente combiná-la com outras desta lista. É possível associá-la ao retrofuturismo dos anos 2000 para aumentar a vibe fantasiosa, usá-la para contrastar com a dureza do brutalismo ou moderar os efeitos do maximalismo e do ruído.



Exemplo de tendencia de design do site do Nedavius

O usuário do Wix Nedavius utiliza bordas arredondadas ao longo do layout de seu portfólio online, nas imagens e na tipografia



7. Conteúdo baseado em IA


2022 trouxe uma enorme onda de ferramentas de IA — junto com uma boa dose de ceticismo… e pânico. "Quando foi lançada, a pergunta que não saia da cabeça era 'isso substituirá os designers?'", diz Kadussi, observando que a IA consegue criar em segundos o que os designers podem levar dias. Mas quando o mundo começou a experimentar as ferramentas, rapidamente ficou claro que, embora a IA possa gerar imagens inovadoras combinando ideias díspares, os humanos ainda precisam alimentá-la com uma visão inicial. Nossos especialistas em design preveem que em 2023, em vez de substituir os designers, a inteligência artificial abrirá muitas portas.


O truque, porém, é que os designers precisarão aprimorar suas habilidades de linguagem para que as ferramentas de IA possam gerar sua visão com precisão. Kadussi aponta para a necessidade da indústria de design padronizar as terminologias de fotografia, design gráfico e web para treinar as máquinas de IA.



8. Imagens reais e sem filtro


Apesar de nossas mudanças em direção a AI e VR, 2023 é o ano para deixar de lado os filtros e focar em imagens mais realistas. Essa tendência em particular tem a ver com a forma como o público consome conteúdo, e não como o criamos. "Com a crescente popularidade do TikTok e o surgimento de aplicativos como o BeReal, somos forçados a tirar fotos reais sem nos importar muito com a aparência delas", diz Huri.


Koronio acrescenta: "Em geral, acho que as redes sociais estão afetando a forma como faremos a curadoria de conteúdo no web design, porque as pessoas estão começando a criar sites que se assemelham a feeds do Instagram ou Tiktok", diz Koronio.


Inspirados pela franqueza das redes sociais, em particular o TikTok, veremos muito conteúdo de web design tentando se conectar com o público de maneiras semelhantes. "Um dos resultados da popularidade do TikTok é que as pessoas estão consumindo conteúdo de uma maneira muito diferente. Acho que isso afetará a forma como lidamos com as imagens no web design, já que gostamos de ver personas mais autênticas e imagens cruas, ou seja, menos retoques, menos design e mais simplesmente expor nosso verdadeiro eu, para que as imagens deixem de ter como objetivo "criar uma vibe" e efetivamente contem uma história.



Exemplo de tendencia de design do site do Lauren Z Marsau

A Lauren Z Marsau usa imagens sem filtro no seu site de portfólio, contanto uma história impressionante



9. Animações envolventes com rolagem


2023 será um ano de experiências sensacionais, e uma maneira de implementar isso no web design é com animações de rolagem e gatilhos. "A diversão é um valor importante para o web design", diz Huri. "Quer se trate de microinterações, gatilhos ou outras animações, as pessoas estão vivendo um período de esgotamento e precisam ser atraídas para interagir com os sites".


Scrollytelling foi uma tendência popular da web em 2022 e, embora não seja nova, acreditamos que continuará forte este ano. "O scrollytelling leva os visitantes a experiências envolventes", acrescenta Huri. "Ele está ligado às ideias do maximalismo, uma vez que seu objetivo é criar layouts não convencionais que surpreendem o público."


Essa experiência do usuário envolvente é um estímulo para introduzir novos efeitos e ferramentas para web designers. "Estamos levando essa tendência para o próximo nível", explica Huri. "Algumas novidades que veremos no Editor Wix este ano incluem efeitos de rolagem que podemos aplicar a faixas e elementos individuais, animações infinitas que são reproduzidas em loop e interações acionadas por movimentos do mouse".



Exemplo de tendencia de design do site do It's Mine

O site It's Mine mostra como interações baseadas em rolagem e gatilhos podem se encaixar no design do site de uma marca



Por Equipe Wix



pt03.png
bottom of page