A história da estética da era Y2K, como ela influenciou o web design e como usá-la em seus projetos.
As tendências são cíclicas, retornando à consciência do público em média a cada 30 anos.
No entanto, as tendências não assumem a forma de uma reprodução perfeita e precisa da época do visual de uma era anterior. As tendências informam nossa estética, influenciam as escolhas de design grandes e pequenas e nos inspiram a criar novos remixes e híbridos com estilos mais contemporâneos.
O ciclo de tendências voltou a surgir, desta vez gerando um fascínio pelos looks futuristas da era Y2K. A moda Y2K está explodindo nas passarelas, as cores doces da Y2K estão usurpando o trono da Millennial Pink, e os designers estão se movendo da terra corporativa de Memphis, abraçando a estética Y2K do cyberpunk e da era espacial.
O que é divertido no Y2K é sua aparência otimista, irônica e fantástica. É o DIY digital misturado com o futurismo esperançoso da virada do milênio. Web designers contemporâneos podem remixar esse olhar para criar seu próprio estilo, trazendo uma energia fresca e divertida para seus projetos.
As influências que criaram a estética Y2K
O Y2K é o resultado da combinação do início da era da internet (e suas tecnologias) com a emoção voltada para o futuro da virada do milênio.
Esteticamente, tem acenos para a era espacial, incorporando formas de blobby e texturas brilhantes e brilhantes. Ele também faz referência ao estilo hip-hop com sua adoção de bling, flash e formas exageradas e cultura rave com suas cores doces brilhantes e imagens psicodélicas.
Muito disso se deve à tecnologia da época. No final dos anos 90 e início dos anos <>, o desenvolvimento web ainda estava surgindo, e a maioria dos usuários tinha conexão de baixa largura de banda, levando a imagens pixeladas ou de baixa fidelidade, e tipos rudimentares de animação (como formas giratórias).
No entanto, a tecnologia estava se desenvolvendo rapidamente, e os designers também estavam testando coisas novas e ultrapassando os limites do que poderiam fazer graficamente, como curvas e curvaturas. “As curvas reinavam supremas na estética Y2K, pois não eram tão fáceis de fazer antes, então tinham o apelo adicional de serem algo novo”, disse Evan Collins, criador do Consumer Aesthetics Research Institute.
Como usar o visual Y2K em um projeto de web design moderno
Ao incorporar o visual Y2K em seu próprio design, recomendamos encontrar fontes de inspiração da época.
Um ótimo lugar para começar é o Y2K Aesthetic Institute, que tem arquivos no Instagram, Twitter e Tumblr. Você também pode conferir a Y90K Imgur Collection da Newwavearch2, o Y2K Aesthetic Subreddit e esta coleção de projetos Y2K no Behance.
Em seguida, descubra quais tipos de elementos são apropriados para o site em que você está trabalhando. Para um site mais moderno sobre moda, música ou design, você pode ser capaz de ir all-in e criar uma peça de arte Y2K de um site. Você pode ir reprodução histórica completa ou se inspirar em elementos específicos para criar sua própria visão moderna da estética.
Para muitos projetos de web design, no entanto, talvez seja necessário se concentrar mais na funcionalidade e acessibilidade. Nesse caso, você pode olhar para o Y2K em busca de elementos visuais específicos para emprestar. Escolha uma paleta de cores, fonte ou estilo de fotografia Y2K para seu site. Crie formas ou planos de fundo inspirados em um anúncio favorito ou capa de CD.
Pegue os elementos que funcionam para você e trabalhe-os no design. Reinterprete a tendência com um toque contemporâneo. Faça o look seu.
Esquemas de cores
O Y2K tem paletas de cores muito específicas, e muitas delas funcionarão muito bem em um site moderno. Escolha um desses esquemas de cores para o design do seu site ou use uma ferramenta de seleção de cores para extrair tons diretamente de uma imagem de origem.
Cromo, metálico e holográfico
Na era Y2K, tudo era brilhante. O design era futurista, os efeitos cromados para fontes estavam de repente facilmente disponíveis nos computadores de todos, e os gráficos 3D estavam se tornando avançados o suficiente para fazer objetos brilhantes que pareciam totalmente radicais.
Esse visual pode envolver um cromo brilhante com reflexos claros, um brilho metálico fosco ou um efeito holográfico perolado com muitos azuis, brancos e rosas suaves.
A inspiração do Y2K:
A tomada moderna:
Monocromático
Muitos designs Y2K também usaram sobreposições monocromáticas para fotografias e designs. Pense na classificação de cores de Matrix, onde o mundo ganha uma tonalidade verde monocromática com pretos profundos crocantes. Também popular durante este tempo foi um monocromático azul com brancos que parecia gelado e futurista.
Você pode dessaturar uma imagem e, em seguida, dar-lhe uma tonalidade de cor única completa para criar esse efeito, exagerar a tonalidade ou brincar com a vibração para realçar certas cores. Em vez de aumentar o contraste, tente escurecer os pretos ou aumentar os destaques de uma imagem para empurrá-la em uma direção ou outra.
A inspiração do Y2K:
A tomada moderna:
Doces brilhantes
A influência dos anos 60 se mostrou nas cores doces brilhantes e planas que eram usadas para design gráfico na era Y2K. Escolha cores brilhantes e ligeiramente conflitantes e use-as em blocos planos em todo o seu design. Você também pode incorporar bordas brancas ou pretas para um efeito de desenho animado que foi popular durante esse tempo.
Laranja Tangerine, rosa Barbie, verde limão, azul bebê e roxos saturados foram particularmente icônicos, mas este visual funciona com qualquer combinação de cores de tonalidade que não misturam preto ou branco em sua base.
A inspiração do Y2K:
The modern take:
Multicromáticos misturados
Cores conflitantes também foram usadas em um design misturado, muitas vezes com pretos pesados, para criar um visual ultra-cool que evocava uma nave espacial ou uma boate. Enquanto os designs Y2K muitas vezes incorporavam um pouco de marrom no visual completo para um tom obscuro, a interpretação moderna pode assumir a forma de cores brilhantes e misturadas e gradientes contra um fundo escuro.
A inspiração do Y2K:
A tomada moderna:
Fontes Y2K
As fontes na era Y2K eram divertidas. Eles eram muito futuristas, e os designers brincavam com linha e peso para criar formas hiper-exageradas. Alguns se inspiraram em linguagens de exibição de computador que exigiam formas mais simples. As fontes podem ser semelhantes a bolhas ou angulares, ultrafinas ou super grossas. Eles muitas vezes incluíam bordas, brincando com o mangá e looks no estilo adesivo que eram tendência na época.
Para fazer uso dessa tendência, você pode escolher muitas fontes semelhantes ao Y2K de bancos de dados existentes. A Farmácia Visual tem uma seleção fantástica. Você também pode criar letras personalizadas para imagens ou seções de heróis. Misture várias fontes em um design para uma aparência caótica do Y2K.
A inspiração do Y2K:
A tomada moderna:
Efeitos
A aparência do Y2K frequentemente incorporou filtros e efeitos em seus textos, imagens e planos de fundo que fizeram com que a aparência completa se unisse. A evolução do Photoshop, juntamente com outros softwares de imagem, ao longo dos anos 90 significou que, na virada do milênio, esses efeitos estavam disponíveis para praticamente todos os designers gráficos.
Use alguns desses efeitos em seu design para dar uma aparência futurista a imagens, texto e elementos visuais em seu site.
Brilhar
O que parece mais futurista do que um efeito de brilho? Muitos designs Y2K usavam brilho em um ou todos os elementos em seu design para dar uma aparência explosiva, lembrando as luzes em uma nave espacial ou em uma rave lotada.
Você pode facilmente adicionar brilho a elementos do seu site ou criar imagens e planos de fundo com brilho para evocar esse efeito. Ele também funciona perfeitamente como um efeito de foco para adicionar interatividade.
A inspiração do Y2K:
A tomada moderna:
Falha
O efeito glitch é um efeito de ressaca dos anos 90 que se transformou em um efeito de falha cibernética trippier na era Y2K. Glitch significa incorporar a aparência de erros digitais e ruído em um design. Romantizou a estética da tecnologia digital primitiva.
Você pode usar efeitos de falha para adicionar interesse visual ao texto. Também é uma ótima maneira de criar gráficos para o seu site. Adicione ruído aleatório, elementos pixelados ou efeitos de filtro de liquificação desfocados às imagens para criar uma aparência inspirada no Y2K. Você pode até usar um efeito de animação de falha como o cyberpunk de Valdis Zhvaginsh.
A inspiração do Y2K:
A tomada moderna:
Imagens e cores negativas
Efeitos negativos foram usados com frequência ao misturar imagens, texto e formas em designs Y2K. Muitas vezes, eles eram uma maneira de adicionar mais cor e interesse visual a imagens sobrepostas.
Você pode incorporar esse efeito simplesmente usando uma paleta de cores duotônica conflitante, aplicando um efeito negativo às suas imagens ou até mesmo criando um efeito de mouseover de imagem negativa como a Sinkco Labs fez para seu site Webflow.
A inspiração do Y2K:
A tomada moderna:
Fotos e iconografia
Às vezes, uma fonte pode apenas inspirar os gráficos ou fotos em seu design em vez de todo o visual. Há um monte de looks interessantes que você pode usar para criar símbolos, planos de fundo ou gráficos do site, e você pode aplicar efeitos à sua fotografia que evocarão um visual Y2K.
Computação gráfica de baixa fidelidade
Os gráficos 3D estavam mais amplamente acessíveis e mais avançados do que nunca na era Y2K, e os designers tiraram o máximo proveito deles. Eles não eram os looks limpos e realistas inspirados no Metaverso que temos agora, no entanto. Em vez disso, eles eram brilhantes e low-fi, quase como desenhos animados.
O Vaporwave tem sido tendência nos últimos anos, e incorpora muitos desses gráficos 3D caóticos. Eles fazem ótimas ilustrações para um site e também podem ser usados como objetos individuais ou fundos caóticos do site. Imagens flutuantes, interação e animação funcionam bem com objetos 3D.
A inspiração do Y2K:
A tomada moderna:
Fotografias de pessoas
Fotos e figuras humanas foram uma parte fundamental do design do Y2K em tudo, de anúncios a capas de CD. O visual Y2K geralmente misturava as imagens ao design em vez de manter as fotografias separadas. Muitas vezes, as pessoas eram recortadas e colocadas em um design com efeitos de imagem que as ajudavam a se misturar. Exageros e proporções distorcidas também foram fundamentais, como nos icônicos anúncios de cabeça grande de Steve Madden.
Para incorporar essa inspiração, tente cortar as pessoas das fotografias e dar uma tonalidade geral a elas. Crédito extra se a foto for tirada de um ângulo super alto ou baixo e/ou uma lente olho de peixe. As imagens também eram muitas vezes de menor resolução ou granuladas, com os pontos coloridos e o grão de um pôster impresso ou imagem de revista.
A inspiração do Y2K:
The modern take:
Bolhas e bolhas
Formas aquosas, tanto planas quanto 3D, foram frequentemente usadas no design Y2K como elementos gráficos e em texto. Algumas formas pareciam formas atômicas dos anos 60, enquanto outras reproduziam a aparência de gotículas de água ou cromo derretido.
Essas formas são uma maneira divertida de adicionar elementos visuais a um site. Coloque-os em camadas no plano de fundo ou atrás do texto e incorpore algum movimento dentro da forma ou ao rolar seu site.
A inspiração do Y2K:
A tomada moderna:
A chave para o estilo Y2K é abraçar o futurismo divertido e fantástico
O estilo Y2K era exagerado, excessivo e fantástico. Os looks foram levados ao extremo, e os designers criaram imagens que pareciam ter sido retiradas de naves espaciais alienígenas. Era, no fundo, um estilo alegre e otimista, e para projetar bem com ele, você deve abraçar essa abordagem visualmente lúdica.
O designer Tobias van Schneider reflete sobre a popularidade reemergente do visual Y2K em seu blog. “Depois de uma ou duas décadas de minimalismo frio e estéril, estamos voltando ao pessoal, ao colorido, ao indulgente, ao excessivo – o coração”, diz. Ele sugere que podemos estar nostálgicos de um tempo em que “o futuro parecia promissor e brilhante. Literalmente.”
Para criar sua própria interpretação moderna da estética Y2K, você pode tentar imaginar um futuro cibernético fantástico que começa em 2023. Crie um espaço de site que se pareça com esse futuro.