Linha do tempo visual

Atualizado em 23 de novembro de 2023 por Caroline Speridião

Essa linha do tempo vertical é um curto painel semântico com algumas imagens e layouts emblemáticos separados em dois recortes cronológicos: de 1995 a 2000 e de 2000 a 2013. O primeiro período marca o ínterim entre a primeira onda de popularização da Web em meados dos anos 1990 e o estouro da bolha dot.com, junto à ascensão dos layouts baseados em templates e da popularização do CSS como ferramenta de estilização. O ano de 2013 foi delimitado como o final do recorte pois a web do período, apesar de suas diferenças com a atual, começa a assemelhar-se muito com a internet atual em estrutura e padrões estéticos. Mantendo-se na história menos recente da web, teremos uma visão histórica mais clara das transformações que serão exploradas posteriormente nos próximos artigos.

Obs.: passe o mouse sobre as imagens para obter mais detalhes. Clique para ver a imagem em seu tamanho original.


1995 – 2000

Captura de tela do site Bob's Web Space, com uma foto de um senhor no centro da página, cuja imagem de fundo é um céu azul com nuvens, e cujo título, I have a web site, está em Times New Roman em degradê vermelho, do mais escuro ao mais claro.
‘Bobby’s Web Space’, modificado pela última vez em 1998. Fonte: One Terabyte of Kilobyte Age.
Homepage do jogo Sissyfight 2000
Captura de tela do jogo Sissyfight 2000. Fonte: deadword.com.
Um microbanner escrito Next Site em fonte caligráfica, seguida da imagem de um cavalo ao lado.
‘ringnext.gif’. Fonte: Gifcities.
Previous
Fonte: Web Archive.
GIF animado com um céu noturno e estrelas que piscam.
Fundo de céu estrelado. Fonte: Gifcities.
Previous
Fonte: Gifcities.
BACK.
“BACK”, tipografia caligráfica flamejante azul. Fonte: Gifcities.
O site possui um layout semelhante à interface do próprio Windows 95, com o fundo de céu diurno e um menu de navegação dentro de uma janela.
Site do Windows 95 em 1996. Fonte: Web Design Museum.
Uma série de exemplos de como o webring manifesta-se em um site participante deste: com uma barra de navegação contendo o título do Webring, navegação, link para o fórum do Webring e um link para juntar-se a ele.
Captura de tela demonstrando exemplos de barras de navegação de webrings. Fonte: Webring History. Acesso em 12 de junho de 2023.
Seta azul 3D girando e apontando para a direita.
‘bullet.gif’. Fonte: Gifcities.
E-MAIL
Fonte: Web Archive.
O layout da página consiste de um fundo estrelado, e um menu de navegação que orbita ao longo do logotipo do filme, em que cada página corresponde a um planeta colorido.
Website do Space Jam em 1996. Fonte: Web Design Museum.
Fonte: Gifcities.
Fonte: Gifcities.
Fonte: Acervo pessoal. Imagem salva em 05/01/2000.
Homepage do WinZip em 1997. Fonte: Web Design Museum.
Thales Home page
Fonte: One Terabyte of kilobyte Age. Modificado em 18/10/1998.
Fonte: Gifcities.
Fonte: Gifcities.
Faixa divisória listrada em amarelo e preto com UNDER CONSTRUCTION no centro da imagem.
Divisória “Under Construction”. Fonte: textfiles.com.
peeman.gif
Peeman. Fonte: Olia Lialina.
Fonte: Web Archive.
Fonte: Gifcities.
Fonte: Gifcities.
Fonte: Gifcities.
Captura de tela do chatroom The Palace mostrando diversos usuários e seus variados avatares, de personagens de cartoon e imagens de pessoas reais, a objetos e borboletas.
Captura de tela do The Palace. Fonte: Twitter, 2022.
Página web Diablo Hack Emporuim, com um fundo em textura de mármore, botões com textura de pedra e textos em cor vermelha. Detalhe para o GIF de uma vaca 3D no canto superior direito, próximo ao logo.
Captura de tela de um site com opções de layout líquido em aproximadamente Janeiro de 1999. Fonte: Web Archive.
Fonte: Web Design Museum via Twitter.



2000 – 2013

How Sad Are You?
Fonte: One Terabyte Of Kilobyte Age. Modificado em 25/06/2000.
Fonte: Gifcities.
Fonte: Gifcities.
Um template consideravelmente restritivo ao usuário, possuindo uma decoração azul no canto esquerdo da tela e áreas específicas para que o usuário preencha com suas informações, como hobbies, links e sobre.
Captura de tela do template Personal Page Blue de 1999. Olia Lialina, 2021, p. 184.
Um layout com 18 exemplares de Dollz, mostrando a diversidade possível com a criação de Dollz, que podem ser fadas, garotas normais, vampiras, demônios e muito mais.
Exemplos de Dollz. Fonte: The Outline.
Site da banda Of Montreal em 2004. Fonte: Web Archive.
Fonte: Acervo pessoal. Arquivo salvo em 12/10/2002.
Fonte: Gifcities.
Fonte: Egyptian Streets.
Uma borboleta e uma rosa, ambas em cor amarela, cobertas por um filtro de glitter animado.
Fonte: Vernacular Web 2.
Fonte: Acervo pessoal. Arquivo salvo em 22/11/2002.
Fonte: Acervo pessoal. Arquivo salvo em 22/11/2002.
Uma imagem feita no app Blingee com uma mensagem de agradecimentos com uma complexa mistura de elementos sobrepostos, como um gato, flores e uma borboleta.
Fonte: Blingee. Criado aproximadamente em 2010.
Um blob com auréola e asas de anjo carrega em sua boca uma placa com CLOSE escrito.
‘rclose.gif’. Fonte: Gifcities.
Fonte: Dollzmania.
Fonte: Acervo pessoal. Arquivo salvo em 19/11/2002.
Um lettering em rosa escrito Loading e, abaixo, uma barra de progresso com estrelas.
‘loading.gif’. Fonte: Gifcities.
Perfil no Myspace com fundo de polka dots multicoloridos e uma divisão em tabela para o usuário customizar com seu conteúdo.
Perfil no MySpace da cantora Lilly Allen em dezembro de 2006. Fonte: Web Archive.
Fonte: Vernacular Web 2.
Página sobre o time do piche.me, contendo uma foto do time em um banco de praça azul sobre um fundo texturizado.
Captura de tela referente a outubro de 2011 feita pela autora em 13 de junho de 2023. Fonte: Web Archive.
Fonte: Acervo pessoal. Arquivo salvo em 4/12/2007.
Fonte: Acervo pessoal. Arquivo salvo em 29/10/2009.
Meme criado com o layout de fotos de capa do Facebook, com um cachorro (na foto de perfil) olhando em direção a um homem (na foto de capa), olhando-o de volta.
Exemplo de uso das fotos de capa do Facebook em 2011 para criar um meme. Fonte: Know Your Meme.