¿Cuál es el ejemplo típico del diseño de sitios web de la vieja escuela? [cerrado]

12

Quiero construir un sitio web para algo retro que era popular a mediados de los 90 (comienzo de Internet comercial).

Así que quiero usar diseños antiguos que eran muy populares en ese momento.

Lo primero que me vino a la mente fueron esos " under construction" gif animados. La gente a menudo pone gifs animados en todas partes.

texto alternativo

Pero también esos horribles antecedentes repetitivos .

Entonces sí, quiero que mi sitio web se vea exactamente igual a mediados de los noventa;)

(sugiera características prácticas y utilizables, supongo que un menú Java Applet no funcionaría hoy, o decir en la parte inferior que este sitio web está optimizado para Netscape 3)

EDITAR : para aquellos que quieren ver el resultado: Retrología

Pierre 303
fuente
Como no hay una respuesta correcta, hice este wiki comunitario
John Conde

Respuestas:

6

El "estilo" de un sitio web de principios a mediados de los 90 es básicamente un sitio web sin ningún estilo. Es fácil ahorrar en ancho de banda, así como debido a limitaciones técnicas de los estándares web (o la falta de ellos). Tome el diseño original de Amazon (1995):
texto alternativo

No tiene que ser llamativo y con toneladas de GIF animados o señales en construcción (eran una vista común, pero no en sitios web comerciales operativos).

Otro buen ejemplo sería pets.com (1998-2000), que ganó muchos premios de la industria publicitaria por el diseño de su sitio web. Pero no puedo encontrar una captura de pantalla.

De todos modos, a pesar de que la mayoría se consideraría un diseño pobre en estos días, todavía hay diseños web buenos y malos de los años 90. Por ejemplo, un fondo gris es bastante "retro", al igual que las paletas de 256 colores, los gráficos web de estilo clip art de los 90 y la cara tipo Times New Roman. Los marcos también son un buen retroceso, al igual que los enlaces de Gopher y los contadores de visitas. Pero cosas como la música de fondo midi, los diferentes colores de los días, los GIF animados, etc., son más característicos de los diseños pobres que el diseño web de los 90 en general.

Lèse majesté
fuente
2
fondo gris, imágenes prediseñadas de los 90, tiempos romanos nuevos: slashdot (antes del rediseño)
MrG
¡Oh Dios mío! +1
Dibujó el
No olvides la paloma voladora, dos gifs de fuegos artificiales de mortero de alta explosión a cada lado y texto parpadeante, todavía hay una manera de simular parpadeo en CSS.
Fiasco Labs
3

Puedes echar un vistazo a mi página de inicio , lo hice a mediados de los 90. El uso de pies de página de recursos humanos de estilo antiguo con las últimas actualizaciones es bueno, que los navegadores de fondo gris solían tener por defecto. Iconos de navegador de estilo antiguo. Los GIF animados eran novedosos y estaban por todas partes.

Básicamente piensa: geocities / angelfire.

Thomas
fuente
Me gusta la descarga Netscape Navigator.
Marco Demaio
+1 por mencionar <hr>'s
Stephan Muller
2

Si planeas hacer un retroceso de "página de inicio personal", olvídate de usar cualquiera de esas elegantes "hojas de estilo en cascada": no las necesitarás.

Abra su editor WYSIWYG favorito (Microsoft Word lo hará en un apuro) y cree algo con mucho texto colorido y uso atrevido de fuentes (en caso de duda, vaya con Comic Sans).

Recuerde usar gráficos con una "paleta segura para la web" y, sí, necesitará muchos .GIF animados.

Sin embargo, si desea algunos ejemplos de cómo se veían los sitios de negocios , probablemente sea mejor elegir los nombres de algunas marcas que aún existen hoy y visitar la Máquina Wayback .

danlefree
fuente
1

El primer sitio que viene a mi mente es http://webpagesthatsuck.com/

Mira en la categoría de la vieja escuela. Por cierto, este sitio es impresionante como su propuesta: aprenda diseño a través de lo que NO hace muestras.

Dave
fuente
Gracias a su enlace, encontré esta página: webpagesthatsuck.com/does-my-web-site-suck/…
¡Mal diseño web! = Diseño web de los 90. Y ese sitio tiene muchas generalizaciones excesivas y consejos equivocados / desactualizados, así como también trampas que no tienen nada que ver con el diseño. En mi opinión, es mucho más práctico aprender los principios generales de diseño y las mejores prácticas en lugar de tratar de enumerar y memorizar todas las millones de formas en que puede arruinar un sitio web.
Lèse majesté
1
  • Imagen del propietario del sitio web
  • En construcción gif animado
  • contador de visitas visible
  • tablas visibles
  • fondos repetitivos
  • tipografías monoespaciales
  • colores genéricos de enlace (azul, morado, rojo)
  • menús desplegables
  • haciendo que cada elemento del menú tenga un color diferente
  • listas con viñetas
  • "Haga clic aquí" - enlaces
  • clipart
  • música de fondo
  • Diseño grotesco (todo está distanciado uniformemente / tiene el mismo tamaño)
  • Times New Roman tipografía
  • gradientes pesados, casi psicodélicos
  • bordes alrededor de las imágenes
  • todo geocities, básicamente
Katrine
fuente
1

Oh, solo vas a amar esto .

Vergil Penkov
fuente
1
Si eso es perfecto!
1

Use la máquina de retroceso de Internet en http://archive.org/web/web.php . Puede buscar cualquier sitio y ver una línea de tiempo de cómo ha evolucionado a lo largo de los años. Por supuesto, los ejemplos clásicos serían Yahoo, Google y similares, pero también puede elegir un blog como Scobelizer, etc. y ver cómo evolucionó.

Si conoce los hitos del historial de su navegador (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit) puede ver esas fechas y ver cómo evolucionaron los sitios para recoger la nueva funcionalidad.

Lonstar
fuente
0

Hay algunas cosas que recuerdo:

  • La mayoría de ellos tienden a usar el diseño del marco.
  • A menudo tenían mostrador para contarte This page has been visited xxx times.
  • Parecían páginas de Geocities.

Para el último punto, Geocities ya no existe, sin embargo, son algunos sitios web que vuelven a alojar el contenido de geocities. Es posible que desee echarles un vistazo para obtener más ideas.

HoLyVieR
fuente
mouhahahahaha contadores. Eso me encanta Solía ​​hacer algunos estilos para esos. Todavía aparecen cuando escribes mi nombre (real) en google.
0

Utiliza una fuente Courier. Es realmente un reflejo de la década de 1950, pero realmente se siente viejo.

texto alternativo

Michelle
fuente
2
nah, ¡los noventa se trataban de Comic Sans!
Benjamin Wohlwend
0

Curiosamente, creo que puedes lograr tu objetivo sin disparar a propósito por las cosas feas, como un auto clásico que no es un Pinto. No es tan bueno como las cosas nuevas, pero puedes apreciarlo en el contexto del día.

Algunas cosas que recuerdo:

  • Los enlaces deben estar subrayados, azul; visitados son morados. (todavía prevalente)

  • El fondo gris es imprescindible.

  • Los marcos eran muy comunes, como ya se mencionó.

  • Póngase en contacto con nosotros a menudo tenía un sobre animado.

Chris Adragna
fuente
0

¡Olvidó que debería tener una página de destino donde elegir entre "Ver sitio con marcos" o "Ver sitio sin marcos"!

Katrine
fuente
Similar a esa "alta velocidad" y "baja velocidad"
0

¡Haga esas imágenes de baja resolución, hechas de MSPaint o algo así! ¡Las barras laterales con gradientes de baja resolución también funcionarían! Los colores brillantes molestos, así como toneladas de gifs intermitentes con un desarrollo muy lento y anuncios en bucle definitivamente gritan "internet @ 90's". Vaya, de repente sentí nostalgia por los viejos tiempos después de mirar el enlace de Pierre. Me pregunto cómo resultaría si uno de los sitios de redes sociales más populares de la actualidad se desarrollara durante los años 90. Imagine FB, que parece un sitio de geocities LOL.

usuario6116
fuente
0

No olvides tener algún tipo de cosa javascript que siga al cursor. Tal vez un par de ojos, algunos copos de nieve, lo que sea.

¿Y fue ese el período en que sucedieron los archivos midi de reproducción automática?

Steve
fuente
El más cercano fue el reloj analógico que se distorsionaría al moverse, hecho en Microsoft jscript.
Fiasco Labs