Eski okul web sitesi tasarımının tipik örneği nedir? [kapalı]

Ben retro şey için bir web sitesi kurmak isteyen oldu 90'ların (ticari internet başlamak üzere) popüler.

O zaman çok popüler olan eski tasarımları kullanmak istiyorum .

Aklıma ilk gelen şey under constructionanimasyonlu giflerdi. İnsanlar sık ​​sık her yere animasyonlu gif koyarlar.

Ama aynı zamanda o korkunç tekrarlayan arka planlar .

Yani evet, web sitemin doksanların ortasında görünmesini istiyorum;)

(lütfen pratik ve kullanışlı özellikler önerin, bir Java Uygulaması menüsünün bugün işe yaramayacağını veya altta bu web sitesinin Netscape 3 için optimize edildiğini söyleyeceğini düşünüyorum)

EDIT : sonucu görmek isteyenler için: Retroloji

Bruce Lawson'ın komik css zen bahçe katkısına ne dersiniz ?

90'lı yılların ortalarından başlarına web sitesinin "stili" temelde herhangi bir tarzı olmayan bir web sitesidir. Bant genişliğinden ve web standartlarının teknik sınırlamalarından (veya eksikliğinden) tasarruf etmek kolaydır. Amazon'un orijinal düzenini al (1995):

Şatafatlı ve tonlarca animasyonlu GIF veya yapım aşamasında işaretlerle (bunlar ortak bir görüştü, ancak operasyonel iş web sitelerinde değil).

Başka bir iyi örnek, web sitesi tasarımı için reklam endüstrisinden çok sayıda ödül kazanan pets.com (1998-2000) olacaktır. Ama ekran görüntüsünü bulamıyorum.

Her neyse, çoğu bugün kötü tasarım olarak kabul edilecek olsa da, hala hem iyi hem de kötü 90'ların web tasarımları var. Örneğin, gri bir arka plan, 256 renk paletleri, 90'ların küçük resim stili web grafikleri ve Times New Roman tipi yüz gibi oldukça "retro" dır. Çerçeveler de gopher bağlantıları ve hit sayaçları gibi iyi bir geri dönüş. Ancak midi fon müziği, çatışan gündüz renkleri, stok animasyonlu GIF'ler vb.Gibi şeyler genellikle 90'ların web tasarımından daha kötü tasarımların karakteristiğidir.

Ana sayfama bakabilirsin, 90'ların ortalarında yaptım. Son güncellemeler ile eski stil HRs altbilgilerini kullanın, varsayılan olarak gri arka plan tarayıcılarının kullanması iyidir. Eski stil tarayıcı simgeleri. Animasyonlu GIF'ler yeni ve her yerdeydi.

Temel olarak düşünün: geocities / angelfire.

Bir "kişisel ana sayfa" geri dönüşü yapmayı planlıyorsanız, bu süslü "basamaklı stil sayfalarından" herhangi birini kullanmayı unutun - bunlara ihtiyacınız olmayacak.

En sevdiğiniz WYSIWYG düzenleyicisini açın (Microsoft Word bir tutam yapacak) ve bol miktarda renkli metin ve yazı tipi cesur kullanımı ile bir şey fırlatın (şüphe duyduğunuzda, Comic Sans ile gidin).

"Web için güvenli bir palet" içeren grafikler kullanmayı unutmayın ve evet, çok sayıda animasyonlu .GIF'ye ihtiyacınız olacak.

Ancak, iş sitelerinin nasıl göründüğüne dair bazı örnekler istiyorsanız , bugün hala var olan birkaç markanın isimlerini seçip Wayback Machine'i ziyaret etmeniz daha iyi olacaktır .

Aklıma ilk gelen site http://webpagesthatsuck.com/

Eski okul kategorisine bakın. Bu arada, bu site teklifi olarak harika: örnekleri YAPMAYIN yoluyla tasarım öğrenin.

• Web sitesi sahibinin resmi
• Yapım Aşamasında Hareketli Gif
• görünür vuruş sayacı
• görünür tablolar
• yinelenen arka planlar
• tek aralıklı yazı karakterleri
• genel bağlantı renkleri (mavi, mor, kırmızı)
• açılır menüler
• her menü öğesini farklı bir renk haline getirme
• madde işaretli listeler
• "Buraya tıklayın!" - bağlantılar
• küçük resim
• arka plan müziği
• grotesk düzen (her şey eşit olarak mesafeli / aynı boyuta sahip)
• Times New Roman yazı tipi
• ağır, neredeyse psychedelic gradyanlar
• görüntüler çevresindeki kenarlıklar
• temelde her şey geocities

Ah sen edeceksin aşk bu .

Http://archive.org/web/web.php adresindeki internet geri dönüş makinesini kullanın . Herhangi bir siteyi arayabilir ve yıllar içinde nasıl geliştiğine dair bir zaman çizelgesi görebilirsiniz. Klasik örnekler elbette Yahoo, Google ve benzerleridir, ancak Scobelizer gibi bir blog seçebilir ve nasıl geliştiğini izleyebilirsiniz.

Tarayıcı geçmişinizin kilometre taşlarını (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit) biliyorsanız, bu tarihlere bakabilir ve sitelerin yeni işlevselliği almak için nasıl geliştiğini izleyebilirsiniz.

Hatırladığım birkaç şey var:

• Çoğu çerçeve tasarımı kullanma eğilimindedir.
• Sana söyleyecek sık sık sayaçları vardı This page has been visited xxx times.
• Geocities sayfalarına benziyorlardı.

Son nokta için Geocities artık mevcut değil, ancak geocities içeriğini yeniden barındıran bazı web siteleri. Daha fazla fikir için onlara göz atmak isteyebilirsiniz.

• http://www.geocities.ws/search/local/ (Bununla arama yapabilirsiniz)
• http://www.reocities.com/neighborhoods/
• http://www.geociti.es/neighborhoods.html
• http://www.oocities.org/

Courier yazı tipi kullanın. 1950'leri gerçekten yansıtıyor, ama gerçekten yaşlı hissediyor.

İlginçtir, bence çirkin şeyler için amaçsız bir şekilde çekim yapmadan hedefinize ulaşabilirsiniz, bir çeşit Pinto olmayan klasik bir araba gibi. Yeni şeyler kadar hoş değil, ama günün bağlamında bunu takdir edebilirsiniz.

Hatırladığım bazı şeyler:

• Bağlantıların altı çizili, mavi; ziyaret mor. (hala yaygın)

• Gri arka plan bir zorunluluktur.

• Çerçeveler daha önce de belirtildiği gibi çok yaygındı.

• Bize genellikle animasyonlu bir zarf vardı.

"Siteyi çerçeveli görüntüle" veya "Siteyi çerçevesiz görüntüle" arasında seçim yapabileceğiniz bir açılış sayfanız olması gerektiğini unuttunuz!

MSPaint veya başka bir şeyden yapılmış düşük çözünürlüklü görüntüleri yapın! Düşük çözünürlüklü gradyanlara sahip kenar çubukları da işe yarar! Can sıkıcı parlak renkler, yanı sıra çok yavaş gelişme ve ilmekli reklamlar ile yanıp sönen gif ton kesinlikle "internet @ 90's" bağırıyor. Vay canına, Pierre'in bağlantısına baktıktan sonra eski günlerde kendimi nostaljik hissettim. Bugünün en popüler sosyal ağ sitelerinden birinin 90'lı yıllarda geliştirilip geliştirilmeyeceğini merak ediyorum. FB düşünün, LOL geocities bir site gibi görünüyor.

İmleci takip eden bir çeşit javascript şeye sahip olmayı unutmayın. Belki bir çift göz, biraz kar gevreği, her neyse.

Peki bu otomatik oynatma midi dosyalarının gerçekleştiği dönem miydi?