老式学校网站设计的典型示例是什么?[关闭]


12

我想为90年代中期(商业互联网开始)流行的复古商品建立网站。

因此,我想使用当时非常流行的旧设计

我想到的第一件事就是那些under constructiongif动画。人们经常在各处放置GIF动画。

替代文字

但是那些可怕的重复背景

所以是的,我希望我的网站看起来完全像90年代中期;)

(请提出实用和可用的功能,我想Java Applet菜单今天将无法使用,或者说该网站针对Netscape 3进行了优化)

编辑:对于那些想要看结果的人:回顾


由于没有正确的答案,我制作了这个社区Wiki
John Conde

Answers:



6

90年代初至90年代中期网站的“样式”基本上是没有任何样式的网站。节省带宽以及Web标准的技术限制(或缺乏Web标准)很简单。以亚马逊的原始布局(1995年)为例:
替代文字

它不必花哨的外观,也不必带有大量的动画GIF或施工中的标志(它们是常见的现象,但在业务运营网站上并不常见)。

另一个很好的例子是pets.com(1998-2000),该网站的设计赢得了广告行业的许多奖项。但是我找不到它的屏幕截图。

无论如何,即使这些天大多数都被认为是糟糕的设计,但90年代的网页设计仍然存在好坏。例如,灰色背景非常漂亮,例如256色调色板,90年代剪贴画风格的网络图形和Times New Roman字体。框架以及gopher链接和命中计数器也很好。但是,一般而言,像90年代的网页设计相比,MIDI背景音乐,日光色冲突,动画GIF等等是更糟糕的设计的特征。


2
灰色背景,90年代的剪贴画,时代新的罗马:slashdot(重新设计之前)
MrG 2010年

哦,我的上帝!+1
德鲁(Drew)2010年

别忘了飞翔的鸽子,两侧都有两个爆裂的迫击炮烟花gif和闪烁文本,仍然有一种方法可以在CSS中模拟闪烁。
Fiasco Labs

3

您可以看一下我的主页,我在90年代中期完成了它。使用具有最新更新的旧式HRs页脚非常好,默认情况下,灰色背景浏览器具有该页脚。旧样式的浏览器图标。动画GIF非常新颖,处处可见。

基本上认为:地质/天使之火。


我喜欢下载Netscape Navigator。
Marco Demaio 2010年

+1是提及<hr>
Stephan Muller,2010年

2

如果您打算进行“个人主页”回退,则无需使用任何奇特的“级联样式表”,您将不需要它们。

打开您喜欢的WYSIWYG编辑器(Microsoft Word会在需要的时候完成),然后将带有大量彩色文本和大胆使用字体的内容放在一起(如有疑问,请使用Comic Sans)。

记住要使用带有“网络安全调色板”的图形,是的,您将需要大量的动画.GIF。

但是,如果您想要一些有关商务站点外观的示例,最好选择一些今天仍然存在的品牌名称,然后访问Wayback Machine


1

我想到的第一个网站是http://webpagesthatsuck.com/

查看旧学校类别。顺便说一句,这个网站的提议真是太棒了:通过“不做样品”学习设计。


感谢您的链接,我找到了这个网页:webpagesthatsuck.com/does-my-web-site-suck/...

不良的网页设计!= 90年代的网页设计。而且该站点有很多泛化和误导/过时的建议,以及与设计完全无关的nitpicks。IMO,学习一般的设计原则和最佳实践比尝试枚举和记住数百万种破坏网站的方式更为实用。
莱斯特·马耶斯特(Lèsemajesté),2010年

1
  • 网站所有者的形象
  • 正在建设中gif动画
  • 可见计数器
  • 可见表
  • 重复的背景
  • 等宽字体
  • 通用链接颜色(蓝色,紫色,红色)
  • 下拉菜单
  • 使每个菜单项具有不同的颜色
  • 项目符号列表
  • “单击此处!”-链接
  • 剪贴画
  • 背景音乐
  • 怪异的布局(所有东西均等距/大小相同)
  • 时代新罗马字体
  • 沉重,几乎迷幻的渐变
  • 图像周围的边框
  • 基本上都是大地


1

使用http://archive.org/web/web.php上的互联网Wayback机器。您可以搜索任何站点,并查看其多年来演变的时间表。经典示例当然是Yahoo,Google等,但您也可以选择Scobelizer等博客,并观察它的发展过程。

如果您知道浏览器历史记录的里程碑(Netscape,IE 5,Mozilla,Firefox,Chrome,webkit),则可以查看这些日期并观察网站如何演变以获取新功能。


0

我记得的几件事:

  • 他们中的大多数倾向于使用框架设计。
  • 他们经常有柜台告诉你This page has been visited xxx times
  • 它们看起来像Geocities页面。

对于最后一点,不再存在Geocities,但是它们是一些重新托管geocities内容的网站。您可能想看看它们以获取更多想法。


mouhahahahaha柜台。我喜欢那个。我曾经为那些做一些样式。当您在google中输入我的(真实)姓名时,它们仍会弹出。


0

有趣的是,我认为您可以实现目标,而无需刻意拍摄丑陋的东西,就像不是Pinto的老爷车。它不如新东西好,但是您可以在当天的背景下欣赏它。

我记得一些事情:

  • 链接必须带下划线的蓝色。参观的都是紫色的。(仍然很普遍)

  • 灰色背景是必须的。

  • 如前所述,框架非常普遍。

  • 与我们联系通常会有一个动画信封。


0

您忘记了应该有一个登录页面,您可以在其中选择“查看带有框架的网站”还是“查看没有框架的网站”!


类似于“高速”和“低速”

0

制作那些由MSPaint或其他材料制成的低分辨率图像!具有低分辨率渐变的侧栏也可以使用!令人讨厌的鲜艳色彩,以及成千上万的闪烁gif文件,发展缓慢的广告和循环播放的广告,肯定是在喊“互联网@ 90年代”。哇,看了皮埃尔的链接,我突然对过去怀有怀旧之情。我不知道如果在90年代开发了当今最流行的社交网站之一,结果会如何。想象一下FB,看起来就像来自大城市LOL的站点。


0

别忘了在光标后面放一些JavaScript东西。也许是一双眼睛,一些雪花,等等。

那是自动播放Midi文件的时期吗?


最干净的是模拟时钟,它会随着Microsoft jscript中的移动而失真。
Fiasco Labs'Feb
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.