Jaki jest typowy przykład oldschoolowego projektu strony internetowej? [Zamknięte]


12

Chcę zbudować stronę internetową dla rzeczy retro, która była popularna w połowie lat 90. (początek komercyjnego Internetu).

Chcę więc użyć starych wzorów, które były bardzo popularne w tym czasie.

Pierwszą rzeczą, jaka przychodzi mi na myśl, są te under constructionanimowane gify. Ludzie często umieszczają animowane gify wszędzie.

alternatywny tekst

Ale także te okropne powtarzające się tła .

Tak, chcę, żeby moja strona wyglądała dokładnie tak, jak w połowie lat dziewięćdziesiątych;)

(proszę zasugerować praktyczne i użyteczne funkcje, myślę, że menu apletów Java nie działałoby dzisiaj lub mówiąc na dole, że ta strona jest zoptymalizowana dla Netscape 3)

EDYCJA : dla tych, którzy chcą zobaczyć wynik: Retrologia


Ponieważ nie ma jednej właściwej odpowiedzi, stworzyłem wiki społeczności
John Conde

Odpowiedzi:



6

„Styl” witryny z wczesnych lat 90. jest w zasadzie witryną bez żadnego stylu. Łatwo jest zaoszczędzić na przepustowości, a także ze względu na techniczne ograniczenia standardów sieciowych (lub ich brak). Weźmy oryginalny układ Amazon (1995):
alternatywny tekst

Nie musi być krzykliwy i z mnóstwem animowanych GIF-ów lub znaków w budowie (były powszechnym widokiem, ale nie na operacyjnych stronach biznesowych).

Innym dobrym przykładem jest pets.com (1998-2000), który zdobył wiele nagród z branży reklamowej za projekt strony internetowej. Ale nie mogę znaleźć zrzutu ekranu.

W każdym razie, mimo że większość z nich byłaby obecnie uważana za kiepski projekt, nadal istnieją zarówno dobre, jak i złe projekty internetowe z lat 90. Na przykład, szare tło jest dość „retro”, podobnie jak 256-kolorowe palety, grafika internetowa w stylu clipart z lat 90. i twarz typu Times New Roman. Dobre są także ramki, podobnie jak linki do gopherów i liczniki trafień. Ale rzeczy takie jak muzyka w tle midi, zderzające się kolory w ciągu dnia, standardowe animowane GIF-y itp. Są bardziej charakterystyczne dla złych projektów niż ogólnie projektowanie stron internetowych z lat 90.


2
szare tło, clipart lat 90., nowe czasy roman: slashdot (przed przeprojektowaniem)
MrG

o mój Boże! +1
Drew

Nie zapomnij latającej gołębicy, dwóch gifów z morzami wybuchowymi po obu stronach i mrugania tekstu, wciąż istnieje sposób na symulację mrugnięcia w CSS.
Fiasco Labs

3

Możesz zajrzeć na moją stronę główną , zrobiłem to w połowie lat 90. Używaj stopek HR w starym stylu z ostatnimi aktualizacjami, które są dobre, że przeglądarki szare tło były domyślnie. Ikony przeglądarki w starym stylu. Animowane GIF-y były nowatorskie i były wszędzie.

Zasadniczo pomyśl: geocities / angelfire.


Podoba mi się pobieranie Netscape Navigator.
Marco Demaio,

+1 za wzmiankę <hr>o
Stephan Muller,

2

Jeśli planujesz zrobić „osobistą stronę główną”, zapomnij o użyciu któregoś z tych fantazyjnych „kaskadowych arkuszy stylów” - nie będziesz ich potrzebować.

Otwórz swój ulubiony edytor WYSIWYG (Microsoft Word zrobi to w mgnieniu oka) i zrzuć coś z dużą ilością kolorowego tekstu i śmiałym użyciem czcionek (w razie wątpliwości skorzystaj z Comic Sans).

Pamiętaj, aby używać grafiki z „bezpieczną paletą internetową” i tak, będziesz potrzebować wielu animowanych plików .GIF.

Jeśli jednak chcesz zobaczyć kilka przykładów wyglądu witryn firmowych , prawdopodobnie lepiej jest wybrać kilka marek, które istnieją do dziś, i odwiedzić Wayback Machine .


1

Pierwsza strona, która przychodzi mi do głowy to http://webpagesthatsuck.com/

Spójrz na kategorię starej szkoły. Nawiasem mówiąc, ta strona jest niesamowita, ponieważ jej propozycja: naucz się projektowania przez to, czego NIE robią próbki.


Dzięki Twojemu linkowi znalazłem tę stronę: webpagesthatsuck.com/does-my-web-site-suck/...

Bad web design! = Projektowanie stron internetowych z lat 90. Ta strona zawiera wiele uogólnień i błędnych / nieaktualnych porad, a także nitpicks, które nie mają nic wspólnego z projektowaniem. IMO, o wiele bardziej praktyczne jest nauczenie się ogólnych zasad projektowania i najlepszych praktyk zamiast wyliczania i zapamiętywania wszystkich milionów sposobów, w jakie można popsuć stronę internetową.
Lèse majesté

1
  • Zdjęcie właściciela strony
  • W budowie animowany gif
  • widoczny licznik trafień
  • widoczne stoły
  • powtarzające się tła
  • kroje pisma monospace
  • ogólne kolory linków (niebieski, fioletowy, czerwony)
  • rozwijane menu
  • dzięki czemu każdy element menu ma inny kolor
  • wypunktowane listy
  • „Kliknij tutaj!” - linki
  • obrazek
  • Muzyka w tle
  • układ groteskowy (wszystko jest wyrównane równomiernie / ma taki sam rozmiar)
  • Czcionka Times New Roman
  • ciężkie, prawie psychodeliczne gradienty
  • granice wokół obrazów
  • zasadniczo wszystkie geocities


1

Skorzystaj z internetowej maszyny zwrotnej pod adresem http://archive.org/web/web.php . Możesz wyszukać dowolną witrynę i zobaczyć harmonogram jej ewolucji na przestrzeni lat. Klasycznymi przykładami byłyby oczywiście Yahoo, Google itp., Ale możesz także wybrać bloga takiego jak Scobelizer itp. I obserwować, jak ewoluował.

Jeśli znasz kamienie milowe historii przeglądarki (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit), możesz spojrzeć na te daty i obserwować, jak ewoluowały witryny, aby uzyskać nową funkcjonalność.


0

Jest kilka rzeczy, które pamiętam:

  • Większość z nich korzysta z konstrukcji ramy.
  • Często mieli do powiedzenia kontr This page has been visited xxx times.
  • Wyglądały jak strony Geocities.

Co do ostatniej kwestii, Geocities już nie istnieje, jednak są to niektóre strony internetowe, które ponownie hostują treść Geocities. Możesz przyjrzeć się im, aby uzyskać więcej pomysłów.


liczniki mouhahahahaha. UWIELBIAM TO. Tworzyłem dla nich kilka stylów. Nadal wyskakują, gdy wpiszesz moje (prawdziwe) imię w Google.

0

Użyj czcionki kurierskiej. To naprawdę odzwierciedla lata 50., ale naprawdę wydaje się stare.

alternatywny tekst


2
nie, lata dziewięćdziesiąte dotyczyły wyłącznie komiksów!
Benjamin Wohlwend,

0

Co ciekawe, myślę, że możesz osiągnąć swój cel bez celowego strzelania do brzydkich rzeczy, trochę jak klasyczny samochód, który nie jest Pinto. Nie jest tak miły jak nowe rzeczy, ale możesz to docenić w kontekście dnia.

Niektóre rzeczy, które pamiętam:

  • Linki muszą być podkreślone na niebiesko; odwiedzane są fioletowe. (nadal powszechne)

  • Szare tło jest koniecznością.

  • Ramki były bardzo powszechne, jak już wspomniano.

  • Skontaktuj się z nami często miał animowaną kopertę.


0

Zapomniałeś, że powinieneś mieć stronę docelową, na której możesz wybierać między „Wyświetl stronę z ramkami” lub „Wyświetl stronę bez ramek”!


Podobne do „hi speed” i „low speed”

0

Zrób te obrazy w niskiej rozdzielczości, wykonane z MSPaint lub coś takiego! Paski boczne z gradientami niskiej rozdzielczości też by działały! Irytujące jasne kolory, a także mnóstwo migających gifów z bardzo powolnym rozwojem i zapętlonymi reklamami zdecydowanie krzyczą „internet @ 90's”. Wow, nagle poczułam nostalgię za dawnymi dniami po spojrzeniu na link Pierre'a. Zastanawiam się, jak by się okazało, gdyby w latach 90. powstał jeden z najpopularniejszych serwisów społecznościowych. Wyobraź sobie FB, wyglądający jak strona z geocities LOL.


0

Nie zapomnij mieć czegoś w rodzaju javascript, który podąża za kursorem. Może para oczu, płatki śniegu, cokolwiek.

I czy to był okres, w którym miały miejsce automatyczne pliki midi?


Najładniejszy był zegar analogowy, który zniekształcałby się podczas ruchu, wykonany w jscript Microsoft.
Fiasco Labs,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.