Pular para o conteúdo
Voelin Studio

Máquina do tempo das interfaces

A mesma tela vista em 1984, 1992, 1999, 2007, 2013, 2021 e num futuro imaginado.

←→
experimento ao vivo

Arraste a linha do tempo ou toque num ano.

Como usar
  1. Clique nos botões de cada época: eles funcionam.
  2. Leia o que mudou e por quê.
Carregando o experimento…
Mouse ou dedoToque
Sobre este experimento

Uma viagem pela história das interfaces. A mesma tela, com uma caixa de mensagem, um botão e uma lista, vai se transformando conforme você anda pelos anos: terminal verde, janelas cinzas, web dos anos 2000, botões brilhantes, design plano, vidro e o que pode vir depois.

Como isso funciona?
  1. 01Cada época é a mesma página com outro conjunto de estilos: fontes, cores, sombras, bordas e animações. O conteúdo é o mesmo, só a aparência muda.
  2. 02As mudanças seguiram a tecnologia: telas de poucas cores pediam texto e linhas; telas melhores trouxeram sombras e brilho; o celular trouxe botões grandes e o design plano, mais leve para carregar.
  3. 03Os estilos aqui são recriações genéricas de cada época, sem copiar nenhum sistema específico.