10个创新网页设计(20年前的网页设计)

10个创新网页设计(20年前的网页设计)(1)

10个创新网页设计(20年前的网页设计)(2)

特别鸣谢

《从 GeoCities 废墟中发掘的 “糟糕审美图” ,曾经是当年最新最酷的网络艺术》部分

为 Poppel Yang 撰写

安藤之前跟我念叨过好几次,《惊奇队长》(Captain Marvel)做了一个 20 世纪 90 年代风格的宣传网站,做为经历过拨号上网的大龄网友,我俩在首映礼上完成了一次 1990 年代流行文化大问答。

《惊奇队长》的官网是对

20 世纪 90 年代互联网美学的总结

《惊奇队长》的剧情,回到了我真正经历过的 20 世纪 90 年代,所以电影里出现的碎瓜(Smashing Pumpkins)海报、九寸钉(NIИ)T 恤、Windows 95 系统,还有斯坦 · 李(Stan Lee)手里《耍酷一族》(Mallrats)剧本(斯坦 · 李当年也曾客串过《耍酷一族》),都比《银河护卫队》(Guardians of the Galaxy)里的 80 金曲更令我激动。而配合电影上映前造势的官网, 其中的每一个像素都是早期互联网美学的历史重现。

10个创新网页设计(20年前的网页设计)(3)

10个创新网页设计(20年前的网页设计)(4)

10个创新网页设计(20年前的网页设计)(5)

10个创新网页设计(20年前的网页设计)(6)

10个创新网页设计(20年前的网页设计)(7)

10个创新网页设计(20年前的网页设计)(8)

穿越到 1990 年代的互联网

质朴的签到留言薄、彩虹色渐变特效、如今设计师们禁忌的 Comic Sans 字体、上世纪八九十年代国内风靡过的立体图像游戏,用当下语境来形容的话,就是漫迷中老年表情包的大舞台。如此评价确实有些不恭敬,但想必不少访问过《惊奇队长》官网的 “中年人” 会想起自己曾经在大学时代苦学 Flash、Dreamweaver、Fireworks “网页三剑客” 过后的毕业成果展示。

10个创新网页设计(20年前的网页设计)(9)

10个创新网页设计(20年前的网页设计)(10)

10个创新网页设计(20年前的网页设计)(11)

各种动感字体

10个创新网页设计(20年前的网页设计)(12)

10个创新网页设计(20年前的网页设计)(13)

10个创新网页设计(20年前的网页设计)(14)

10个创新网页设计(20年前的网页设计)(15)

gif 图制作的 lo-fi 小元素

10个创新网页设计(20年前的网页设计)(16)

当年几乎每个网站下面都会挂着一个记载访问量的数字显示。不过这里的计数器并不是真的,数字凝固在 “13031968” 上,惊奇队长卡萝 · 丹佛斯(Carol Danvers)在漫画中首次登场正是 1968 年 3 月 Marvel Super Heroes 的第 13 期

10个创新网页设计(20年前的网页设计)(17)

10个创新网页设计(20年前的网页设计)(18)

10个创新网页设计(20年前的网页设计)(19)

10个创新网页设计(20年前的网页设计)(20)

还记得这种肉眼观看的 3D 图片么,反正我是一个也没看出来

据漫威的软件工程师 Lori Lombert 透露,整个网站源代码容量只用了 10MB 。为了原汁原味回到 90 年代,他们专门使用 FrontPage 进行设计,并放在 Angelfire 的免费网页存储空间进行托管。

10个创新网页设计(20年前的网页设计)(21)

在 Windows 系统上运行的 FrontPage 2002 。FrontPage 是微软公司于 1997 年推出的网页设计软件,隶属于微软的 Office 系列。由于其易用性和所见即所得,FrontPage 当年被认为是最适合网页初学者的制作工具。它也曾是中国大陆中小学信息技术课程的必备软件

10个创新网页设计(20年前的网页设计)(22)

一个曾经托管于 Angelfire 的网站,Angelfire 成立于 1996 年,是一个提供免费(也有付费)主页空间的网站,如今上面仍然保留着大量创立于那个年代的页面。这个截图上的浏览器我估计是微软的 ie4 。现在还有 ie 浏览器么,如果有的话又更新到第几版了呢?我感觉我十年前就回答不出这样的问题了

在浏览《惊奇队长》的官网时,我仿佛听到了电话调制解调器拨号的蜂鸣声,听到了父母指责我电话占线的唠叨声。上网的同时就不能接通电话,而现在,好多人家里连电话都没有了吧。北京的宽带业务发展缓慢,后来我的许多外地网友都纷纷用上了便宜又快速的宽带业务,而我家直到 2003 年年底才告别了这 “滴滴嘟嘟” 的拨号音。

在原教旨的互联网精神被摧毁到破败不堪的今天,漫威的创意充当了涂抹在信息碎片上的一剂治愈软膏。我们处在 1990 年代文化全面复苏的回潮之中,相较于 80 年代的模糊记忆,90 年代人格搭建期所经历的所有文化都沉淀得更扎实,因为它们全部和我们的青春期挂上了钩,互联网就是钩子上挂着的最大诱饵。

从 GeoCities 废墟中发掘的 “糟糕审美图”

曾经是当年最新最酷的网络艺术

1990 年代好么?我不知道,但也许比现在要好。

有这么一群人,他们的爱好就是发掘作古的网络视觉元素,并将这些元素在当代社交网络上传播。可能是低像素的皮卡丘冲浪、伪 3D 的黄色笑脸,也可能是发光的夸张字体和闪烁的网页横幅 …… 无论这些视觉元素是多么简陋和粗糙,它们总是能赢得一些有特别审美的网民的 like 和转发。

10个创新网页设计(20年前的网页设计)(23)

在 tumblr 上活跃着很多挖掘旧网络图像内容的博客

对大多数人来说,互联网曾经的全部意义是一个自我表现、创意展示和自我营销的平台,而很多人都是从雅虎地球村(Yahoo! GeoCities)开始的。

和 Angelfire 的业务相同,GeoCities 是始于 1994 年,终于 2009 年的一项个人网页寄存服务,初创立时名为 BHI —— 这是 “比华利山互联网”(Beverly Hills Internet)的缩写。原来的设计是把服务器分成好几个以地球上各个城市为名称的分站,比如和计算机的题材都放在硅谷(SiliconValley)、和娱乐有关的题材都放在好莱坞(Hollywood),再配上分区和门牌,就好像真的地址一般(这种分类自从被雅虎收购后已不再采用)。1995 年 12 月 15 日,BHI 把公司名称和该服务名称改为了地球村(GeoCities)。

10个创新网页设计(20年前的网页设计)(24)

10个创新网页设计(20年前的网页设计)(25)

10个创新网页设计(20年前的网页设计)(26)

配上老 ie 浏览器令人莫名感动

10个创新网页设计(20年前的网页设计)(27)

10个创新网页设计(20年前的网页设计)(28)

10个创新网页设计(20年前的网页设计)(29)

10个创新网页设计(20年前的网页设计)(30)

10个创新网页设计(20年前的网页设计)(31)

个人网站从来没有 “整洁” 这回事

那时人人都争先恐后地把用 FrontPage 做出的粗糙页面上传到属于自己的那点既狭小又无限的网络空间里,将自己最喜欢的、别人看起来最无厘头的内容展示给全世界。这些个人网页上往往挂着现在看来无比俗气的、lo-fi 的闪光字体,各种旋转的骷髅头.gif ,在背景播放着的刺耳 MIDI 音乐,还有放在网页底端的访问统计和访客留言。这些网页千奇百怪、杂乱无章,但是完全是个人意志的表现,除了储存空间和流量限制,完全不受任何枷锁的束缚。

10个创新网页设计(20年前的网页设计)(32)

10个创新网页设计(20年前的网页设计)(33)

10个创新网页设计(20年前的网页设计)(34)

10个创新网页设计(20年前的网页设计)(35)

10个创新网页设计(20年前的网页设计)(36)

10个创新网页设计(20年前的网页设计)(37)

10个创新网页设计(20年前的网页设计)(38)

10个创新网页设计(20年前的网页设计)(39)

10个创新网页设计(20年前的网页设计)(40)

10个创新网页设计(20年前的网页设计)(41)

10个创新网页设计(20年前的网页设计)(42)

10个创新网页设计(20年前的网页设计)(43)

10个创新网页设计(20年前的网页设计)(44)

10个创新网页设计(20年前的网页设计)(45)

10个创新网页设计(20年前的网页设计)(46)

10个创新网页设计(20年前的网页设计)(47)

记得写信

1999 年 1 月,接近互联网泡沫的顶峰,雅虎以 35.7 亿美元收购了地球村,收购极不受用户欢迎,很多老用户开始离开地球村以抗议雅虎新发布的服务条款。

2009 年 10 月 26 日,雅虎国际关闭了 GeoCities 服务。地球村的关闭代表了一个时代的终结。据连线网站(wired)一篇 2009 年的文章报道,地球村在关闭前一共寄存过来自全球各地的 3800 万份个人网页。

GeoCities 关闭时,德国的网站托管服务商 Jimdo 在当时推出了 “地球村救生艇”(Lifeboat for GeoCities)服务以鼓励地球村用户将他们的网站迁移到 Jimdo ,不过遗憾的是,这个服务现在也早已不复存在了。与此同时,也有不少不愿看到这些个性化页面在网络上消失的人行动了起来,他们将大部分 GC 上的网页进行了存档。

10个创新网页设计(20年前的网页设计)(48)

10个创新网页设计(20年前的网页设计)(49)

一个打捞 GeoCities 页面的 tumblr 博客

artofgeocities.tumblr

Oocities 也是这样的网站之一。如今这类存档网站是人们孜孜不倦发掘糟糕审美视觉元素的矿山。这种挖掘旧网页的行为有点像在网络上进行城市探索或者废墟探险。

10个创新网页设计(20年前的网页设计)(50)

10个创新网页设计(20年前的网页设计)(51)

10个创新网页设计(20年前的网页设计)(52)

20 年前的宝藏矿山

为什么人们开始打捞这些淹没在互联网信息河流底层的碎片呢?我觉得他们未必是真正喜欢过去的网络艺术(除非是铁杆 lo-fi 爱好者),而是因为人们怀念过去互联网的自由和单纯。

今天的我们浸泡在穿插着无比华丽多媒体内容的网络之中,但华丽之下向措不及防的我们袭来的却是被 SEO 优化挟持的文字和被广告挟持的网页。网络时代的新自由主义催生的各种 cheap and good 式的服务让我们整个视觉听觉信息获取的过程中容不得一点时间上和空间上的浪费,很多我们并不想看到的但早已习以为常的垃圾信息在不知不觉间被硬塞到了脑子里,而将有用和无用的信息剥离开来在今天也达到了前所未有的难度。

所以这大概是一种对当今网络不满而发起的抗议吧。

10个创新网页设计(20年前的网页设计)(53)

再见 90 年代

2009 年 10 月 26 日,雅虎正式关闭地球村。留存的雅虎日本 Geocities 服务也将在 2019 年 3 月 31 日停止服务。


编辑:Lonely Mei

撰文:Andor Genesis、Poppel Yang

图片来自网络

分享自:HappyMealBox

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页