Quel est l'exemple typique de la conception de sites Web à l'ancienne? [fermé]

12

Je veux construire un site Web pour une chose rétro qui était populaire au milieu des années 90 (début de l'internet commercial).

Je veux donc utiliser d' anciens designs qui étaient très populaires à l'époque.

La première chose qui m'est venue à l'esprit était ces " under construction" gifs animés. Les gens mettent souvent des gifs animés partout.

texte alternatif

Mais aussi ces horribles arrière-plans répétés .

Alors oui, je veux que mon site Web ressemble exactement au milieu des années 90;)

(veuillez suggérer des fonctionnalités pratiques et utilisables, je suppose qu'un menu Java Applet ne fonctionnerait pas aujourd'hui, ou dire en bas que ce site Web est optimisé pour Netscape 3)

EDIT : pour ceux qui veulent voir le résultat: Retrology

Pierre 303
la source
Puisqu'il n'y a pas de bonne réponse, j'ai créé ce wiki communautaire
John Conde

Réponses:

6

Le «style» d'un site Web du début au milieu des années 90 est essentiellement un site Web sans aucun style. Il est évident d'économiser sur la bande passante ainsi qu'en raison des limitations techniques des normes Web (ou de leur absence). Prenez la disposition originale d'Amazon (1995):
texte alternatif

Il n'a pas à être criard et avec des tonnes de GIF animés ou de panneaux en construction (ils étaient courants, mais pas sur les sites Web commerciaux opérationnels).

Un autre bon exemple serait pets.com (1998-2000), qui a remporté de nombreux prix de l'industrie de la publicité pour la conception de son site Web. Mais je ne trouve pas de capture d'écran.

Quoi qu'il en soit, même si la plupart d'entre eux seraient considérés comme une mauvaise conception de nos jours, il existe toujours des conceptions Web à la fois bonnes et mauvaises des années 90. Par exemple, un fond gris est assez "rétro", tout comme les palettes de 256 couleurs, les graphiques Web de style clip art des années 90 et le visage de type Times New Roman. Les cadres sont également un bon retour en arrière, tout comme les liens Gopher et les compteurs de touches. Mais des choses comme la musique de fond midi, les couleurs diurnes opposées, les GIF animés en stock, etc. sont plus caractéristiques des conceptions médiocres que la conception Web des années 90 en général.

Lèse majesté
la source
2
fond gris, clipart des années 90, fois nouveau roman: slashdot (avant la refonte)
MrG
Oh mon Dieu! +1
Tiré
N'oubliez pas la colombe volante, deux gifs de feux d'artifice de mortier à éclats élevés de chaque côté et le texte clignotant, il y a encore un moyen de simuler le clignotement en CSS.
Fiasco Labs
3

Vous pouvez jeter un oeil à ma page d'accueil , je l'ai fait au milieu des années 90. Utilisez les pieds de page HR à l'ancienne avec les dernières mises à jour sont bonnes, que les navigateurs à fond gris avaient par défaut. Icônes de navigateur de style ancien. Les GIF animés étaient nouveaux et étaient partout.

Pensez essentiellement: géocités / angelfire.

Thomas
la source
J'aime le téléchargement de Netscape Navigator.
Marco Demaio
+1 pour avoir mentionné <hr>'s
Stephan Muller
2

Si vous prévoyez de créer une "page d'accueil personnelle", oubliez d'utiliser l'une de ces "feuilles de style en cascade" fantaisistes - vous n'en aurez pas besoin.

Ouvrez votre éditeur WYSIWYG préféré (Microsoft Word fera l'affaire) et créez quelque chose avec beaucoup de texte coloré et une utilisation audacieuse des polices (en cas de doute, optez pour Comic Sans).

N'oubliez pas d'utiliser des graphiques avec une "palette Web sécurisée" et, oui, vous aurez besoin de beaucoup de .GIF animés.

Si vous voulez quelques exemples de l' apparence des sites commerciaux , vous feriez probablement mieux de choisir les noms de quelques marques qui existent encore aujourd'hui et de visiter la Wayback Machine .

danlefree
la source
1

Le premier site qui me vient à l'esprit est http://webpagesthatsuck.com/

Regardez dans la catégorie de la vieille école. Soit dit en passant, ce site est génial comme sa proposition: apprendre la conception à travers ce qu'il ne faut PAS faire d'échantillons.

Dave
la source
Grâce à votre lien, j'ai trouvé cette page: webpagesthatsuck.com/does-my-web-site-suck/…
Mauvaise conception Web! = Conception Web des années 90. Et ce site a beaucoup de généralisations excessives et de conseils mal avisés / obsolètes, ainsi que des astuces qui n'ont rien à voir avec la conception. OMI, il est beaucoup plus pratique d'apprendre les principes généraux de conception et les meilleures pratiques que d'essayer d'énumérer et de mémoriser les millions de façons dont vous pouvez foutre un site Web.
Lèse majesté
1
  • Image du propriétaire du site Web
  • Gif animé en construction
  • compteur de coups visible
  • tableaux visibles
  • arrière-plans répétés
  • polices de caractères monospaces
  • couleurs de liens génériques (bleu, violet, rouge)
  • menus déroulants
  • faire de chaque élément de menu une couleur différente
  • listes à puces
  • "Cliquez ici!" - liens
  • clipart
  • musique de fond
  • mise en page grotesque (tout est uniformément distancé / a la même taille)
  • Times New Roman font
  • gradients lourds, presque psychédéliques
  • bordures autour des images
  • tout géocités, essentiellement
Katrine
la source
1

Oh, tu vas juste adorer ça .

Vergil Penkov
la source
1
Oui c'est parfait!
1

Utilisez la machine de renvoi Internet à l' adresse http://archive.org/web/web.php . Vous pouvez rechercher n'importe quel site et voir une chronologie de son évolution au fil des ans. Des exemples classiques seraient bien sûr Yahoo, Google et similaires, mais vous pouvez également choisir un blog comme Scobelizer, etc. et regarder comment il a évolué.

Si vous connaissez les jalons de l'historique de votre navigateur (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit), vous pouvez consulter ces dates et regarder comment les sites ont évolué pour acquérir les nouvelles fonctionnalités.

lonstar
la source
0

Il y a peu de choses dont je me souviens:

  • La plupart d'entre eux ont tendance à utiliser la conception du cadre.
  • Ils avaient souvent un comptoir à vous dire This page has been visited xxx times.
  • Ils ressemblaient à des pages de Geocities.

Pour le dernier point, Geocities n'existe plus, mais ce sont des sites Web qui ré-hébergent le contenu des géocités. Vous voudrez peut-être les consulter pour plus d'idées.

HoLyVieR
la source
compteurs mouhahahahaha. J'AIME ÇA. J'avais l'habitude de faire quelques styles pour ceux-là. Ils apparaissent toujours lorsque vous tapez mon (vrai) nom dans Google.
0

Utilisez une police Courier. Cela reflète vraiment les années 50, mais ça fait vraiment vieux.

texte alternatif

Michelle
la source
2
non, les années nonante étaient tout au sujet de Comic Sans!
Benjamin Wohlwend
0

Fait intéressant, je pense que vous pouvez atteindre votre objectif sans viser délibérément les choses laides, un peu comme une voiture classique qui n'est pas une Pinto. Ce n'est pas aussi agréable que les nouveautés, mais vous pouvez l'apprécier dans le contexte de la journée.

Certaines choses dont je me souviens:

  • Les liens doivent être soulignés, en bleu; visités sont violets. (toujours répandu)

  • Un fond gris est un must.

  • Les cadres étaient très courants, comme déjà mentionné.

  • Contactez-nous avait souvent une enveloppe animée.

Chris Adragna
la source
0

Vous avez oublié que vous devriez avoir une page de destination où vous pouvez choisir entre "Voir le site avec des cadres" ou "Voir le site sans cadres"!

Katrine
la source
Semblable à ce "salut vitesse" et "basse vitesse"
0

Faites ces images basse résolution, faites de MSPaint ou quelque chose! Les barres latérales avec des dégradés basse résolution fonctionneraient aussi! Des couleurs vives ennuyeuses, ainsi que des tonnes de gifs clignotants avec un développement très lent et des publicités en boucle crient définitivement "Internet @ 90's". Wow, je me suis soudain senti nostalgique de l'ancien temps après avoir regardé le lien de Pierre. Je me demande comment cela se passerait si l'un des sites de réseautage social les plus populaires d'aujourd'hui était développé dans les années 90. Imaginez FB, ressemblant à un site de géocités LOL.

user6116
la source
0

N'oubliez pas d'avoir une sorte de truc javascript qui suit le curseur. Peut-être une paire d'yeux, des flocons de neige, peu importe.

Et était-ce la période où les fichiers midi de lecture automatique se sont produits?

Steve
la source
Le plus soigné était l'horloge analogique qui se déformait au fur et à mesure qu'elle était déplacée, effectuée dans Microsoft jscript.
Fiasco Labs