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.
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
website-design
Pierre 303
fuente
fuente
Respuestas:
¿Qué tal qué tal la hilarante contribución de css zen garden de Bruce Lawson ?
fuente
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):
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.
fuente
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.
fuente
<hr>
'sSi 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 .
fuente
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.
fuente
fuente
Oh, solo vas a amar esto .
fuente
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.
fuente
Hay algunas cosas que recuerdo:
This page has been visited xxx times
.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.
fuente
Utiliza una fuente Courier. Es realmente un reflejo de la década de 1950, pero realmente se siente viejo.
fuente
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.
fuente
¡Olvidó que debería tener una página de destino donde elegir entre "Ver sitio con marcos" o "Ver sitio sin marcos"!
fuente
¡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.
fuente
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?
fuente