Apa contoh khas dari desain situs web sekolah lama? [Tutup]

12

Saya ingin membangun sebuah website untuk hal retro yang adalah populer di pertengahan tahun 90an (dimulai dari internet komersial).

Jadi saya ingin menggunakan desain lama yang sangat populer saat itu.

Hal pertama yang terlintas di pikiran saya adalah " under construction" animasi gif itu. Orang-orang sering meletakkan gif animasi di mana-mana.

teks alternatif

Tapi juga latar belakang yang mengerikan itu .

Jadi ya, saya ingin situs web saya terlihat persis seperti di pertengahan tahun sembilan puluhan;)

(tolong sarankan fitur yang praktis dan dapat digunakan, saya kira menu Java Applet tidak akan berfungsi hari ini, atau mengatakan di bagian bawah bahwa situs web ini dioptimalkan untuk Netscape 3)

EDIT : bagi mereka yang ingin melihat hasilnya: Retrologi

Pierre 303
sumber
Karena tidak ada jawaban yang benar, saya membuat komunitas ini wiki
John Conde

Jawaban:

6

"Gaya" situs web awal hingga pertengahan 90-an pada dasarnya adalah situs web tanpa gaya apa pun. Jelas untuk menghemat bandwidth dan juga karena keterbatasan teknis standar web (atau ketiadaan). Ambil tata letak asli Amazon (1995):
teks alternatif

Itu tidak harus mencolok dan dengan banyak GIF animasi atau tanda-tanda sedang dibangun (mereka adalah pemandangan umum, tetapi tidak pada situs web bisnis operasional).

Contoh bagus lainnya adalah pets.com (1998-2000), yang memenangkan banyak penghargaan dari industri periklanan untuk desain situs web mereka. Tetapi saya tidak dapat menemukan tangkapan layarnya.

Lagi pula, meskipun sebagian besar akan dianggap desain yang buruk hari ini, masih ada desain web yang baik dan buruk tahun 90-an. Sebagai contoh, latar belakang abu-abu cukup "retro", seperti juga palet 256-warna, grafis web gaya klip-90, dan wajah tipe Times New Roman. Frame adalah kemunduran yang baik juga, seperti juga tautan gopher dan hit counter. Tetapi hal-hal seperti musik latar belakang midi, warna hari-glo yang berbenturan, stok animasi-GIF, dll. Lebih merupakan karakteristik dari desain yang buruk daripada desain web tahun 90an pada umumnya.

Lèse majesté
sumber
2
latar belakang abu-abu, clip art 90-an, kali roman baru: slashdot (sebelum didesain ulang)
MrG
ya Tuhan! +1
Drew
Jangan lupa merpati terbang, dua gif kembang api mortar meledak tinggi di kedua sisi dan blink teks, masih ada cara untuk mensimulasikan blink di CSS.
Fiasco Labs
3

Anda dapat melihat halaman rumah saya , saya melakukannya hingga pertengahan 90-an. Gunakan footer HR gaya lama dengan pembaruan terakhir yang baik, yang biasanya dimiliki oleh browser latar belakang abu-abu. Ikon browser gaya lama. GIF animasi adalah novel dan ada di sekitar.

Pada dasarnya pikirkan: geocities / angelfire.

Thomas
sumber
Saya suka mengunduh Netscape Navigator.
Marco Demaio
+1 untuk menyebutkan <hr>'s
Stephan Muller
2

Jika Anda berencana membuat kemunduran "beranda pribadi", lupakan menggunakan "lembar gaya kaskade" mewah - Anda tidak akan membutuhkannya.

Buka editor WYSIWYG favorit Anda (Microsoft Word akan melakukan sesuatu dalam keadaan darurat) dan gabungkan sesuatu dengan banyak teks berwarna dan penggunaan font yang berani (jika ragu, gunakan Comic Sans).

Ingatlah untuk menggunakan grafik dengan "palet web yang aman" dan, ya, Anda akan membutuhkan banyak animasi .GIF.

Namun, jika Anda menginginkan beberapa contoh bagaimana situs bisnis terlihat, sebaiknya Anda memilih nama-nama beberapa merek yang masih ada sampai sekarang dan mengunjungi Wayback Machine .

danlefree
sumber
1

Situs pertama yang muncul di pikiran saya adalah http://webpagesthatsuck.com/

Lihatlah kategori sekolah tua. Omong-omong, situs ini luar biasa sebagai proposal: pelajari desain melalui apa yang TIDAK dilakukan sampel.

Dave
sumber
Berkat tautan Anda, saya menemukan halaman ini: webpagesthatsuck.com/does-my-web-site-suck/…
Desain web yang buruk! = Desain web tahun 90an. Dan situs itu memiliki banyak generalisasi berlebihan dan saran yang salah arah / ketinggalan zaman, serta nitpicks yang tidak ada hubungannya sama sekali dengan desain. IMO, jauh lebih praktis untuk mempelajari prinsip-prinsip desain umum dan praktik-praktik terbaik daripada mencoba menghitung dan menghafal jutaan cara Anda dapat mengacaukan situs web.
Lèse majesté
1
  • Gambar pemilik situs web
  • Dalam konstruksi animasi gif
  • hit counter terlihat
  • tabel yang terlihat
  • mengulangi latar belakang
  • tipografi monospace
  • warna tautan umum (biru, ungu, merah)
  • menu tarik-turun
  • membuat setiap item menu warna berbeda
  • daftar berpoin
  • "Klik di sini!" - tautan
  • clip art
  • latarbelakang musik
  • tata letak yang aneh (semuanya berjarak jauh / memiliki ukuran yang sama)
  • Jenis huruf Times New Roman
  • berat, gradien hampir psychedelic
  • berbatasan dengan gambar
  • semuanya geocities, pada dasarnya
Katrine
sumber
1

Oh, kau akan menyukai ini .

Vergil Penkov
sumber
1
Ya itu sempurna!
1

Gunakan mesin wayback internet di http://archive.org/web/web.php . Anda dapat mencari situs apa saja dan melihat garis waktu bagaimana itu berkembang selama bertahun-tahun. Contoh klasik tentu saja Yahoo, Google dan sejenisnya, tetapi Anda juga dapat memilih blog seperti Scobelizer, dll dan melihat bagaimana itu berkembang.

Jika Anda mengetahui tonggak sejarah peramban Anda (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit), Anda dapat melihat tanggal-tanggal itu dan melihat bagaimana situs berkembang untuk mengambil fungsi baru.

Lonstar
sumber
0

Ada beberapa hal yang saya ingat:

  • Sebagian besar dari mereka cenderung menggunakan desain bingkai.
  • Mereka sering memiliki counter untuk memberi tahu Anda This page has been visited xxx times.
  • Mereka tampak seperti halaman Geocities.

Untuk poin terakhir Geocities tidak ada lagi, namun mereka adalah beberapa situs web yang meng-hosting ulang konten geocities. Anda mungkin ingin melihatnya untuk lebih banyak ide.

HoLyVieR
sumber
counter mouhahahahaha. SAYA SUKA ITU. Saya dulu membuat beberapa gaya untuk itu. Mereka masih muncul ketika Anda mengetik nama saya (nyata) di google.
0

Gunakan font Courier. Ini benar-benar mencerminkan tahun 1950-an, tetapi itu benar-benar terasa tua.

teks alternatif

Michelle
sumber
2
nah, tahun sembilan puluhan semua tentang Komik Sans!
Benjamin Wohlwend
0

Menariknya, saya pikir Anda dapat mencapai tujuan Anda tanpa sengaja memotret hal-hal buruk, seperti mobil klasik yang bukan Pinto. Ini tidak sebagus barang baru, tetapi Anda dapat menghargainya dalam konteks hari ini.

Beberapa hal yang saya ingat:

  • Tautan harus digarisbawahi, biru; yang dikunjungi berwarna ungu. (masih lazim)

  • Latar belakang abu-abu adalah suatu keharusan.

  • Frame sangat umum, seperti yang sudah disebutkan.

  • Hubungi kami sering memiliki amplop animasi.

Chris Adragna
sumber
0

Anda lupa bahwa Anda harus memiliki halaman arahan untuk memilih antara "Lihat situs dengan bingkai" atau "Lihat situs tanpa bingkai"!

Katrine
sumber
Mirip dengan "kecepatan tinggi" dan "kecepatan rendah"
0

Buat gambar resolusi rendah itu, terbuat dari MSPaint atau apalah! Sidebars dengan gradien res rendah akan bekerja juga! Warna-warna cerah yang mengganggu, serta berton-ton gif yang berkedip dengan perkembangan yang sangat lambat dan iklan yang berulang-ulang jelas meneriakkan "internet @ 90's". Wow, tiba-tiba aku merasa nostalgia tentang masa lalu setelah melihat tautan Pierre. Saya bertanya-tanya bagaimana jadinya jika salah satu situs jejaring sosial paling populer saat ini dikembangkan pada tahun 90-an. Bayangkan FB, tampak seperti situs dari geocities LOL.

pengguna6116
sumber
0

Jangan lupa untuk memiliki semacam javascript yang mengikuti kursor. Mungkin sepasang mata, serpihan salju, apa pun.

Dan apakah itu periode ketika file midi autoplay terjadi?

Steve
sumber
Yang paling rapi adalah jam analog yang akan mendistorsi saat dipindahkan, dilakukan di Microsoft jscript.
Fiasco Labs