Was ist das typische Beispiel für das Design einer Website der alten Schule? [geschlossen]


12

Ich möchte eine Website für eine Retro - Sache zu bauen, war in der Mitte der 90er Jahre (Beginn des kommerziellen Internet) beliebt.

Ich möchte also alte Designs verwenden , die damals sehr beliebt waren.

Das erste, was mir in den Sinn kam, waren diese " under construction" animierten Gifs. Überall werden oft animierte Gifs platziert.

Alt-Text

Aber auch diese schrecklichen, sich wiederholenden Hintergründe .

Also ja, ich möchte, dass meine Website genau so aussieht wie Mitte der Neunziger;)

(Bitte schlagen Sie praktische und nützliche Funktionen vor. Ich denke, ein Java-Applet-Menü würde heute nicht funktionieren, oder sagen Sie ganz unten, dass diese Website für Netscape 3 optimiert ist.)

EDIT : für diejenigen, die das Ergebnis sehen wollen: Retrologie


Da es keine richtige Antwort gibt, habe ich dieses Community-Wiki erstellt
John Conde

Antworten:



6

Der "Stil" einer Website von Anfang bis Mitte der 90er Jahre ist im Grunde genommen eine Website ohne Stil. Bandbreitenersparnis ist ebenso selbstverständlich wie aufgrund technischer Einschränkungen der Webstandards (oder mangelnder Webstandards). Nehmen wir das ursprüngliche Layout von Amazon (1995):
Alt-Text

Es muss nicht knallig und mit Tonnen von animierten GIFs oder im Bau befindlichen Schildern sein (sie waren ein alltäglicher Anblick, aber nicht auf operativen Unternehmenswebsites).

Ein weiteres gutes Beispiel wäre pets.com (1998-2000), das viele Auszeichnungen der Werbebranche für sein Website-Design erhalten hat. Aber ich kann keinen Screenshot davon finden.

Wie auch immer, obwohl das meiste heutzutage als schlechtes Design eingestuft wird, gibt es immer noch gute und schlechte 90er-Webdesigns. Ein grauer Hintergrund ist beispielsweise ziemlich "retro", ebenso wie 256-Farben-Paletten, Webgrafiken im Stil von 90er-Jahren im Stil von Cliparts und Schriftarten wie Times New Roman. Frames sind ebenso ein guter Rückschritt wie Gopher-Links und Trefferzähler. Aber Dinge wie MIDI-Hintergrundmusik, aufeinandertreffende Day-Glo-Farben, animierte GIFs usw. sind charakteristischer für schlechte Designs als das Webdesign der 90er Jahre im Allgemeinen.


2
grauen Hintergrund, 90er
ClipArt, Times

Oh mein Gott! +1
Drew

Vergessen Sie nicht die fliegende Taube, zwei High-Burst-Mörser-Feuerwerk-Gifs auf beiden Seiten und das Blinken von Text. Es gibt immer noch eine Möglichkeit, das Blinken in CSS zu simulieren.
Fiasko Labs

3

Sie können sich meine Homepage ansehen , ich habe sie Mitte der 90er gemacht. Verwenden Sie die HR-Fußzeilen des alten Stils, und die zuletzt aktualisierten sind gut, die Browser mit grauem Hintergrund haben standardmäßig. Alten Stil-Browser-Symbole. Animierte GIFs waren neu und waren überall.

Grundsätzlich gilt: Geocities / Angelfire.


Ich mag den Download von Netscape Navigator.
Marco Demaio

+1 für die Erwähnung von <hr>'s
Stephan Müller

2

Wenn Sie vorhaben, eine "persönliche Homepage" zurückzugeben, vergessen Sie die Verwendung dieser ausgefallenen "Cascading Style Sheets" - Sie werden sie nicht benötigen.

Öffnen Sie Ihren bevorzugten WYSIWYG-Editor (Microsoft Word erledigt dies zur Not) und fügen Sie etwas mit viel buntem Text und gewagtem Einsatz von Schriftarten zusammen (im Zweifelsfall sollten Sie sich für Comic Sans entscheiden).

Denken Sie daran, Grafiken mit einer "web safe" -Palette zu verwenden. Ja, Sie benötigen zahlreiche animierte GIFs.

Wenn Sie jedoch ein paar Beispiele für das Erscheinungsbild von Unternehmenswebsites sehen möchten , sollten Sie sich besser die Namen einiger Marken aussuchen, die es heute noch gibt, und die Wayback Machine besuchen .


1

Die erste Website, die mir in den Sinn kommt, ist http://webpagesthatsuck.com/

Schauen Sie in die Kategorie der alten Schule. Übrigens, diese Seite ist großartig als Vorschlag: Lernen Sie Design durch das, was Sie NICHT probieren.


Dank Ihres Links fand ich diese Seite: webpagesthatsuck.com/does-my-web-site-suck/…

Schlechtes Webdesign! = 90er Jahre Webdesign. Und diese Seite hat eine Menge Über-Verallgemeinerungen und fehlgeleitete / veraltete Ratschläge sowie Nitpicks, die überhaupt nichts mit Design zu tun haben. IMO, es ist viel praktischer, allgemeine Designprinzipien und Best Practices zu lernen, als zu versuchen, all die Millionen von Möglichkeiten aufzuzählen und zu merken, die Sie für eine Website nutzen können.
Majestätsbeleidigung

1
  • Bild des Inhabers der Website
  • Im Aufbau animiertes GIF
  • sichtbarer Trefferzähler
  • sichtbare Tabellen
  • sich wiederholende Hintergründe
  • Monospace-Schriften
  • generische Linkfarben (blau, lila, rot)
  • Dropdown-Menüs
  • jedes Menüelement in eine andere Farbe bringen
  • Listen mit Aufzählungszeichen
  • "Hier klicken!" - Links
  • Clip Art
  • Hintergrundmusik
  • groteskes Layout (alles ist gleichmäßig beabstandet / gleich groß)
  • Times New Roman Schrift
  • schwere, fast psychedelische Farbverläufe
  • Rahmen um Bilder
  • Alles Geocities im Grunde


1

Verwenden Sie den Internet-Wayback-Rechner unter http://archive.org/web/web.php . Sie können nach jeder Site suchen und eine Zeitleiste anzeigen, wie sie sich im Laufe der Jahre entwickelt hat. Klassische Beispiele wären natürlich Yahoo, Google und dergleichen, aber Sie können auch ein Blog wie Scobelizer usw. auswählen und beobachten, wie es sich entwickelt hat.

Wenn Sie die Meilensteine ​​Ihres Browserverlaufs kennen (Netscape, IE 5, Mozilla, Firefox, Chrome, Webkit), können Sie sich diese Daten ansehen und beobachten, wie sich Websites entwickelt haben, um die neuen Funktionen zu nutzen.


0

Es gibt einige Dinge, an die ich mich erinnere:

  • Die meisten von ihnen neigen dazu, Rahmendesign zu verwenden.
  • Sie hatten oft einen Schalter, um es dir zu sagen This page has been visited xxx times.
  • Sie sahen aus wie Geocities-Seiten.

Für den letzten Punkt gibt es Geocities nicht mehr, es handelt sich jedoch um eine Website, auf der die Geocities-Inhalte erneut gehostet werden. Vielleicht möchten Sie sie sich ansehen, um weitere Ideen zu erhalten.


mouhahahahaha Zähler. ICH LIEBE DAS. Ich habe einige Stile für diese gemacht. Sie werden immer noch angezeigt, wenn Sie meinen (richtigen) Namen in Google eingeben.

0

Verwenden Sie eine Courier-Schriftart. Es reflektiert wirklich die 1950er Jahre, aber es fühlt sich wirklich alt an.

Alt-Text


2
Nein, in den Neunzigern ging es nur um Comic Sans!
Benjamin Wohlwend

0

Interessanterweise denke ich, dass Sie Ihr Ziel erreichen können, ohne absichtlich auf das hässliche Zeug zu schießen, ähnlich wie bei einem Oldtimer, der kein Pinto ist. Es ist nicht so schön wie das neue Zeug, aber Sie können es im Kontext des Tages schätzen.

Einige Dinge, an die ich mich erinnere:

  • Links müssen blau unterstrichen sein; besucht sind lila. (immer noch weit verbreitet)

  • Grauer Hintergrund ist ein Muss.

  • Frames waren, wie bereits erwähnt, sehr verbreitet.

  • Kontaktieren Sie uns oft hatte einen animierten Umschlag.


0

Sie haben vergessen, dass Sie eine Zielseite haben sollten, auf der Sie zwischen "Site mit Frames anzeigen" und "Site ohne Frames anzeigen" wählen können!


Ähnlich wie bei "Hi Speed" und "Low Speed"

0

Machen Sie diese Bilder mit niedriger Auflösung aus MSPaint oder so! Sidebars mit niedrig aufgelösten Verläufen würden auch funktionieren! Nervige, leuchtende Farben sowie jede Menge blinkende Gifs mit sehr langsamer Entwicklung und geschlungenen Werbeanzeigen rufen definitiv "Internet @ 90's". Wow, ich fühlte mich plötzlich nostalgisch in Bezug auf die alten Tage, nachdem ich Pierre's Link angesehen hatte. Ich frage mich, wie sich herausstellen würde, wenn eine der beliebtesten Social-Networking-Sites von heute in den 90er Jahren entwickelt würde. Stellen Sie sich FB vor, Sie sehen aus wie eine Site von Geocities LOL.


0

Vergessen Sie nicht, eine Art Javascript-Ding zu haben, das dem Cursor folgt. Vielleicht ein paar Augen, ein paar Schneeflocken, was auch immer.

Und war das die Zeit, in der Midi-Dateien automatisch abgespielt wurden?


Die hübscheste war die analoge Uhr, die sich verzerrte, wenn sie in Microsoft JScript bewegt wurde.
Fiasko Labs
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.