Qual è il tipico esempio di progettazione di siti Web di vecchia scuola? [chiuso]


12

Voglio costruire un sito web per un oggetto retrò che era popolare a metà degli anni '90 (inizio di Internet commerciale).

Quindi voglio usare vecchi disegni che erano molto popolari in quel momento.

La prima cosa che mi viene in mente sono state quelle " under construction" gif animate. Le persone spesso mettono gif animate ovunque.

testo alternativo

Ma anche quegli orribili sfondi che si ripetono .

Quindi sì, voglio che il mio sito web assomigli esattamente alla metà degli anni Novanta;)

(si prega di suggerire funzionalità pratiche e utilizzabili, suppongo che un menu dell'applet Java non funzionerebbe oggi, o dicendo in fondo che questo sito Web è ottimizzato per Netscape 3)

EDIT : per coloro che vogliono vedere il risultato: Retrology


Dato che non esiste una risposta corretta, ho creato questa wiki della community
John Conde

Risposte:



6

Lo "stile" di un sito Web della prima metà degli anni '90 è fondamentalmente un sito Web senza stile. È semplice risparmiare sulla larghezza di banda e anche a causa delle limitazioni tecniche degli standard web (o della loro mancanza). Prendi il layout originale di Amazon (1995):
testo alternativo

Non deve essere sfacciato e con tonnellate di GIF animate o segni in costruzione (erano una vista comune, ma non sui siti Web aziendali operativi).

Un altro buon esempio potrebbe essere pets.com (1998-2000), che ha vinto molti premi dall'industria pubblicitaria per il design del suo sito web. Ma non riesco a trovarne uno screenshot.

Comunque, anche se la maggior parte di questi sarebbe considerata un design scadente in questi giorni, ci sono ancora buoni e cattivi web design anni '90. Ad esempio, uno sfondo grigio è piuttosto "retrò", così come una tavolozza di 256 colori, una grafica web in stile clip art anni '90 e la faccia di tipo New Roman Times. Anche i frame sono un buon ritorno al passato, così come i link gopher e i contatori di colpi. Ma cose come la musica di sottofondo midi, i colori scontrosi di un giorno, le GIF animate di scorta, ecc. Sono più caratteristiche dei progetti poveri rispetto al web design degli anni '90 in generale.


2
sfondo grigio, clip art degli anni '90, volte new roman: slashdot (prima della riprogettazione)
MrG

Oh mio Dio! +1
Estratto il

Non dimenticare la colomba volante, due gif di fuochi d'artificio con mortaio ad alta scoppio su entrambi i lati e battere il testo, c'è ancora un modo per simulare il battito di ciglia nei CSS.
Fiasco Labs,

3

Puoi dare un'occhiata alla mia home page , l'ho fatto fino alla metà degli anni '90. Usa i piè di pagina delle risorse umane di vecchio stile con gli ultimi aggiornamenti sono buoni, che i browser con sfondo grigio avevano per impostazione predefinita. Icone del browser vecchio stile. Le GIF animate erano nuove ed erano tutt'intorno.

Fondamentalmente pensa: geocities / angelfire.


Mi piace il download Netscape Navigator.
Marco Demaio,

+1 per la menzione <hr>di
Stephan Muller,

2

Se hai intenzione di fare un ritorno alla "home page personale", dimentica di usare uno di quei "fogli di stile" a cascata fantasiosi - non ne avrai bisogno.

Apri il tuo editor WYSIWYG preferito (Microsoft Word farà un pizzico) e metti insieme qualcosa con un sacco di testo colorato e l'uso audace dei caratteri (in caso di dubbi, vai con Comic Sans).

Ricorda di utilizzare la grafica con una "tavolozza sicura per il Web" e, sì, avrai bisogno di molti .GIF animati.

Se vuoi alcuni esempi di come apparivano i siti commerciali , probabilmente stai meglio scegliendo i nomi di alcuni marchi che esistono ancora oggi e visitando la Wayback Machine .


1

Il primo sito che mi viene in mente è http://webpagesthatsuck.com/

Cerca nella categoria vecchia scuola. A proposito, questo sito è fantastico come la sua proposta: impara il design attraverso ciò che NON fa i campioni.


Grazie al tuo link, ho trovato questa pagina: webpagesthatsuck.com/does-my-web-site-suck/…

Bad web design! = Web design anni '90. E quel sito ha molte generalizzazioni eccessive e consigli fuorvianti / obsoleti, così come nitpicks che non hanno nulla a che fare con il design. IMO, è molto più pratico imparare i principi di progettazione generale e le migliori pratiche piuttosto che provare a elencare e memorizzare tutti i milioni di modi in cui puoi rovinare un sito web.
Lèse majesté,

1
  • Immagine del proprietario del sito Web
  • Gif animate in costruzione
  • contatore visite visibile
  • tabelle visibili
  • sfondi ripetuti
  • caratteri tipografici monospaziali
  • colori di link generici (blu, viola, rosso)
  • menu a discesa
  • rendendo ogni voce di menu un colore diverso
  • elenchi puntati
  • "Clicca qui!" - collegamenti
  • ClipArt
  • musica di sottofondo
  • layout grottesco (tutto è distanziato in modo uniforme / ha le stesse dimensioni)
  • Times New Roman tipografia
  • gradienti pesanti, quasi psichedelici
  • bordi attorno alle immagini
  • tutto geocities, in sostanza


1

Utilizzare la macchina di ritorno su Internet all'indirizzo http://archive.org/web/web.php . Puoi cercare qualsiasi sito e vedere una cronologia di come si è evoluta nel corso degli anni. Esempi classici sarebbero ovviamente Yahoo, Google e simili, ma puoi anche scegliere un blog come Scobelizer, ecc. E vedere come si è evoluto.

Se conosci le pietre miliari della cronologia del tuo browser (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit) puoi guardare quelle date e vedere come si sono evoluti i siti per raccogliere le nuove funzionalità.


0

Ci sono alcune cose che ricordo:

  • La maggior parte di essi tende a utilizzare il design del telaio.
  • Spesso avevano un contatore per dirtelo This page has been visited xxx times.
  • Sembravano pagine di Geocities.

Per ultimo punto Geocities non esiste più, tuttavia sono alcuni siti Web che ospitano nuovamente il contenuto di geocities. Potresti dare un'occhiata a loro per ulteriori idee.


contatori mouhahahahaha. LO AMO. Ho usato alcuni stili per quelli. Stanno ancora comparendo quando digiti il ​​mio nome (reale) su Google.

0

Usa un font Courier. È davvero un riflesso degli anni '50, ma sembra davvero vecchio.

testo alternativo


2
nah, gli anni novanta erano tutti incentrati sul Comic Sans!
Benjamin Wohlwend,

0

È interessante notare che penso che puoi raggiungere il tuo obiettivo senza sparare di proposito per le cose brutte, un po 'come una macchina classica che non è una Pinto. Non è bello come le nuove cose, ma puoi apprezzarlo nel contesto della giornata.

Alcune cose che ricordo:

  • I collegamenti devono essere sottolineati, in blu; visitato sono viola. (ancora prevalente)

  • Lo sfondo grigio è un must.

  • I frame erano molto comuni, come già detto.

  • Contattaci spesso aveva una busta animata.


0

Hai dimenticato che dovresti avere una landing page dove puoi scegliere tra "Visualizza sito con frame" o "Visualizza sito senza frame"!


Simile a quella "alta velocità" e "bassa velocità"

0

Crea immagini a bassa risoluzione, realizzate con MSPaint o qualcosa del genere! Anche le barre laterali con gradienti a bassa risoluzione funzionerebbero! Colori vivaci fastidiosi, così come tonnellate di gif lampeggianti con sviluppo molto lento e pubblicità in loop stanno sicuramente gridando "internet @ 90's". Caspita, improvvisamente ho sentito nostalgia dei vecchi tempi dopo aver visto il link di Pierre. Mi chiedo come sarebbe risultato se negli anni '90 fosse stato sviluppato uno dei siti di social network più popolari di oggi. Immagina FB, sembra un sito di geocities LOL.


0

Non dimenticare di avere una sorta di cosa javascript che segue il cursore. Forse un paio di occhi, dei fiocchi di neve, qualunque cosa.

Ed è stato il periodo in cui si sono verificati i file midi di autoplay?


Il più ordinato era l'orologio analogico che si distorceva come mosso, fatto in Microsoft jscript.
Fiasco Labs,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.