Qual é o exemplo típico do design de sites da velha escola? [fechadas]

12

Quero criar um site para uma coisa retrô que era popular em meados dos anos 90 (início da Internet comercial).

Então, eu quero usar designs antigos que eram muito populares na época.

A primeira coisa que me veio à mente foram aqueles " under construction" gifs animados. As pessoas costumam colocar gifs animados em todos os lugares.

texto alternativo

Mas também aqueles fundos terríveis e repetitivos .

Então, sim, quero que meu site seja exatamente igual em meados dos anos 90;)

(sugira recursos práticos e utilizáveis, acho que um menu do Java Applet não funcionaria hoje ou dizendo na parte inferior que este site é otimizado para o Netscape 3)

EDIT : para quem quer ver o resultado: Retrologia

Pierre 303
fonte
Como não há uma resposta certa, criei este wiki da comunidade
John Conde

Respostas:

6

O "estilo" de um site do início a meados dos anos 90 é basicamente um site sem nenhum estilo. É fácil economizar largura de banda e também devido a limitações técnicas dos padrões da web (ou a falta deles). Veja o layout original da Amazon (1995):
texto alternativo

Ele não precisa ser vistoso e com toneladas de GIFs animados ou placas em construção (eles eram comuns, mas não em sites comerciais operacionais).

Outro bom exemplo seria o pets.com (1998-2000), que ganhou muitos prêmios da indústria de publicidade por seu design de site. Mas não consigo encontrar uma captura de tela dele.

De qualquer forma, apesar de a maioria ser considerada um design ruim hoje em dia, ainda existem bons e maus web design dos anos 90. Por exemplo, um plano de fundo cinza é bastante "retro", assim como paletas de 256 cores, gráficos da web no estilo clip-art dos anos 90 e face do tipo Times New Roman. Os quadros também são um bom retrocesso, assim como os links Gopher e os contadores de ocorrências. Mas coisas como música de fundo midi, cores contrastantes do dia-a-dia, GIFs animados de ações etc. são mais características de designs ruins do que o design dos anos 90 em geral.

Lèse majesté
fonte
2
fundo cinza, 90 de clip art, Times New Roman: slashdot (antes redesign)
MRG
Oh meu Deus! +1
Desenhou
Não se esqueça da pomba voadora, dois gifs de fogos de argamassa de alta explosão de ambos os lados e texto piscante; ainda há uma maneira de simular o piscar de olhos em CSS.
Fiasco Labs
3

Você pode dar uma olhada na minha home page , eu fiz isso em meados dos anos 90. Use rodapés de RH de estilo antigo com as últimas atualizações válidas, que os navegadores em segundo plano cinza costumavam ter por padrão. Ícones do navegador de estilo antigo. GIFs animados eram novos e estavam por toda parte.

Pense basicamente: geocities / angelfire.

Thomas
fonte
Gosto do download do Netscape Navigator.
Marco Demaio 04/12/2010
+1 para mencionar <hr>'s
Stephan Muller
2

Se você planeja criar uma "página pessoal", lembre-se de usar qualquer uma dessas "folhas de estilo em cascata" sofisticadas - você não precisará delas.

Abra seu editor WYSIWYG favorito (o Microsoft Word fará uma pitada) e junte algo com bastante texto colorido e uso ousado de fontes (em caso de dúvida, use o Comic Sans).

Lembre-se de usar gráficos com uma "paleta segura da Web" e, sim, você precisará de muitos GIFs animados.

Se você quiser alguns exemplos de como os sites de negócios pareciam, provavelmente é melhor escolher os nomes de algumas marcas que ainda existem hoje e visitar a Wayback Machine .

danlefree
fonte
1

O primeiro site que me vem à cabeça é http://webpagesthatsuck.com/

Olhe para a categoria da velha escola. A propósito, este site é incrível como sua proposta: aprenda o design com o que NÃO faz amostras.

Dave
fonte
Graças ao seu link, encontrei esta página: webpagesthatsuck.com/does-my-web-site-suck/…
Web design ruim! = 90s web design. E esse site tem muitas generalizações excessivas e conselhos equivocados / desatualizados, além de detalhes que não têm nada a ver com design. Na IMO, é muito mais prático aprender os princípios e as melhores práticas gerais de design, em vez de tentar enumerar e memorizar todos os milhões de maneiras pelas quais você pode estragar um site.
Lèse majesté
1
  • Imagem do proprietário do site
  • Gif animado de construção
  • contador de visitas visível
  • tabelas visíveis
  • repetindo planos de fundo
  • tipos de letra monoespaços
  • cores genéricas do link (azul, roxo, vermelho)
  • menus suspensos
  • tornando cada item de menu uma cor diferente
  • listas com marcadores
  • "Clique aqui!" - links
  • clip art
  • música de fundo
  • layout grotesco (tudo é distanciado uniformemente / tem o mesmo tamanho)
  • Fonte Times New Roman
  • gradientes pesados, quase psicodélicos
  • bordas em torno das imagens
  • tudo geocities, basicamente
Katrine
fonte
1

Oh, você vai adorar isso .

Vergil Penkov
fonte
1
Sim, isso é perfeito!
1

Use a máquina de wayback da Internet em http://archive.org/web/web.php . Você pode pesquisar qualquer site e ver uma linha do tempo de como ele evoluiu ao longo dos anos. É claro que exemplos clássicos seriam Yahoo, Google e similares, mas você também pode escolher um blog como o Scobelizer, etc, e ver como ele evoluiu.

Se você conhece os marcos do histórico do navegador (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit), pode ver essas datas e ver como os sites evoluíram para adquirir a nova funcionalidade.

lonstar
fonte
0

Lembro-me de algumas coisas:

  • A maioria deles costuma usar o design de quadros.
  • Eles muitas vezes tinham contador para lhe dizer This page has been visited xxx times.
  • Pareciam páginas da Geocities.

Até o último ponto, o Geocities não existe mais, no entanto, eles são alguns sites que hospedam novamente o conteúdo do site. Você pode dar uma olhada nelas para obter mais idéias.

HoLyVieR
fonte
contadores mouhahahahaha. EU AMO ISSO. Eu costumava fazer alguns estilos para eles. Eles ainda estão aparecendo quando você digita meu nome (real) no google.
0

Use uma fonte Courier. É realmente um reflexo da década de 1950, mas realmente parece velho.

texto alternativo

Michelle
fonte
2
nah, os anos 90 eram sobre Comic Sans!
Benjamin Wohlwend
0

O interessante é que acho que você pode atingir seu objetivo sem atirar propositadamente para coisas feias, como um carro clássico que não é um Pinto. Não é tão bom quanto as novidades, mas você pode apreciá-lo no contexto do dia.

Algumas coisas que eu lembro:

  • Os links devem estar sublinhados, em azul; visitados são roxos. (ainda prevalente)

  • Fundo cinza é uma obrigação.

  • Os quadros eram muito comuns, como já mencionado.

  • Entre em contato conosco muitas vezes tinha um envelope animado.

Chris Adragna
fonte
0

Você esqueceu que deveria ter uma página de destino onde escolher entre "Visualizar site com frames" ou "Visualizar site sem frames"!

Katrine
fonte
Semelhante ao "oi velocidade" e "baixa velocidade"
0

Faça essas imagens de baixa resolução, feitas de MSPaint ou algo assim! Barras laterais com gradientes de baixa resolução também funcionariam! Cores brilhantes e irritantes, bem como toneladas de gifs intermitentes com desenvolvimento muito lento e anúncios repetidos, estão definitivamente gritando "internet @ 90's". Uau, de repente me senti nostálgico com os velhos tempos depois de olhar para o link de Pierre. Eu me pergunto como seria se um dos sites de redes sociais mais populares de hoje fosse desenvolvido nos anos 90. Imagine o FB, parecendo um site de geocities LOL.

user6116
fonte
0

Não se esqueça de ter algum tipo de javascript que segue o cursor. Talvez um par de olhos, alguns flocos de neve, tanto faz.

E foi nesse período que ocorreu a reprodução automática de arquivos midi?

Steve
fonte
O mais interessante foi o relógio analógico que distorceria quando movido, feito no jscript da Microsoft.
Fiasco Labs