这座网页设计博物馆,让我回到拨号上网的年代

百科这座网页设计博物馆,让我回到拨号上网的年代已关闭评论 26阅读模式

你还记得二十年前的座网互联网吗?

在百度贴吧叠楼
为QQ空间装饰非主流空间贴纸
无限沉浸在4399和7k7k等小游戏网站
或是在163博客和BBS论坛之类的网站灌水
还要不断关闭那些突然跳出令人讨厌的垃圾广告网页...

这座网页设计博物馆,让我回到拨号上网的页设年代

比QQ还早的纯文本聊天室ICQ

这座网页设计博物馆,让我回到拨号上网的计博<strong></strong>年代

与网易BBS同时代的教育网上的水木清华BBS

这些便是早期互联网给我们这一代人留下的印象。回看互联网在中国的物馆网发展历史,于1994年在中国开通的到拨互联网直到1997年开始旺盛发展。在那个网速慢,号上上网还需要付昂贵费用的年代年代,人们都在互联网上做什么呢?门户网站、座网聊天室、页设论坛、计博博客等新形态不断出现,物馆网满足着新世纪的到拨人们搜索、交流和传播信息的号上欲望。

这座网页设计博物馆,年代让我回到拨号上网的座网年代

MSN网站,2000

这座网页设计博物馆,让我回到拨号上网的年代

早期使用微软IE浏览器界面打开的雅虎网站

在移动互联网时代到来之前,智能手机还未大范围普及,信息交流和传播的速度和广度也不像如今这般,人们曾经流连在各式各样的花式网页中,比如许多人最早登陆的国内网站——97年创办的网易打造的“网易个人主页”(nease.net),以及后来于99年出现的QQ前身——OPEN-ICQ聊天室。

这座网页设计博物馆,让我回到拨号上网的年代

最早的网易邮箱

这座网页设计博物馆,让我回到拨号上网的年代

1999年的网易主页

对于年轻一代的互动体验设计师、网页设计师和互联网用户而言,这些在历史中一步步发展进化的网页是互联网的活化石,它们为今天具备强大响应性、易读性和互动性的网页和软件打下了扎实的基础,是当今的程序员和设计师的灵感宝藏 。

2012年,来自捷克的历史学家和网页设计师Petr Kovar开启了一个富有意义的项目,旨在打造世界上第一个以明确标签分类,并按时间顺序整理的线上网页设计博物馆(Web Design Museum),将那些由上世纪电脑程序员和设计师打造的网页和视觉设计保存在这里。

这座网页设计博物馆,让我回到拨号上网的年代

网页设计博物馆官网:www.webdesignmuseum.org

Kovar在大学时曾学习计算机和历史,曾写过一篇关于前捷克斯洛伐克计算机技术历史的论文。他在毕业后才开始正式尝试网页设计,并最终转行。2012年的时候,他突然想起自己在儿时留下的一个旧硬盘,里面储存了许多他在90年代浏览互联网时保存的大量截图。

这座网页设计博物馆,让我回到拨号上网的年代

他曾记得自己无数次访问电影《太空大冒险(Space Jam)》的官方网站,以及登陆流行品牌锐步、阿迪达斯和百事可乐的官方页面。着迷网上冲浪的他保存了许多设计独特、运行有趣的网页截图,以便在离线时还能查看它们。作为一个历史爱好者和网页设计师,Kovar决定要为此做些什么。

这座网页设计博物馆,让我回到拨号上网的年代

百事可乐官网,1996

这座网页设计博物馆,让我回到拨号上网的年代

《太空大冒险》官网,1996

这座网页设计博物馆,让我回到拨号上网的年代

锐步官网, 1996

他从自己的截图历史记录中开始分类整理,并从自1996年以来存档了2870多亿条目的“互联网档案馆(Internet Archive)”门户网站中寻找了更多相关的页面截图,最终精心挑选了900个在互联网网页设计历程中具备独特意义的网站,并在2017年5月推出了网站的第一个版本。

当人们浏览网页设计博物馆,会看到画廊、时间线、知识测试、Flash动画、网页设计历史、旧软件等标题分类,读者可以依据年份、行业(包括餐馆、公司、杂志、时尚和体育等)或者风格标签(包括如未来感、极简主义、装饰性、复古、拼贴等)来浏览网站内容。

这座网页设计博物馆,让我回到拨号上网的年代

索尼官网,1996

这座网页设计博物馆,让我回到拨号上网的年代

《Men’s Health》杂志官网,1998

这座网页设计博物馆,让我回到拨号上网的年代

《The Tube》杂志官网,1998

这座网页设计博物馆,让我回到拨号上网的年代

《南方公园(South Park)》电影网站,1999

这座网页设计博物馆,让我回到拨号上网的年代

佳能官网,2000

这座网页设计博物馆,让我回到拨号上网的年代

尼康COOLPIX官网,2003

这座网页设计博物馆,让我回到拨号上网的年代

XBOX官网,2004

在18年更新的网页设计展览(Exhibition)栏目中,其中添加了一系列以不同主题分类展示的网页设计,如像素艺术、浏览器、体育、音乐人、好莱坞电影、成人网站等。Kovar曾在采访中表示自己希望建立一个混合的网络展览,通过分类更清晰地揭示网页设计被遗忘的趋势,以及它们是如何随着时间的推移而出现的。

这座网页设计博物馆,让我回到拨号上网的年代

网页设计展览区

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

「90年代的网页头条」微软、松下、雅虎

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

「早期设计软件」Photoshop

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

「90年代的网站」NASA、麦当劳、世嘉游戏公司、阿迪达斯、后街男孩

在网页博物馆中,网站的时间线(Timeline)栏目专门用于记录过去20年来主要网站的发展和变化情况,这个栏目在访问者中很受欢迎。有些网页自创建以来已经发生了巨大的变化,现在的外观已经完全不能反映最初的设计,人们总是对自己最喜欢的网站在过去20年中发生的变化感到惊讶。

像是亚马逊、乐高和任天堂等大公司在每一次的网站更新中,都给网站视觉和页面控制带来彻底的改变和更大的发展。Kovar认为,网页设计的发展史有两个主要趋势,第一个趋势便在于像Netflix、可口可乐、微软、Skype及以上公司那样, 在每次升级中,带来革命性的设计趋势。

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

乐高官网部分更新(1997-2020)

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

可口可乐官网部分更新(1996-2020)

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

任天堂官网部分更新(1996-2018)

第二个是逐步进化的趋势,这部分网站的设计与以前的版本基本保持一致,虽然在逐渐发展,但主要控件的分布几乎保持不变,比如大众熟悉的谷歌(Google)、维基百科(Wikipedia)或苹果(Apple)、雅虎(Yahoo)、脸书(Facebook)等。

这些网站的设计变化是循序渐进的,与技术的发展互相辉映,人们在10年甚至20年前看到的特性至今仍然存在。令人好奇的是,许多公司对自家官网设计的改进,在多大程度上是因为那些大型的主流公司从一开始就有明确而扎实的战略,又或者是影响力过于巨大,以至其他公司不得不参照它们的网页设计战略。

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

苹果官网部分更新(1998-2018)

这座网页设计博物馆,让我回到拨号上网的年代

Facebook官网,2004

这座网页设计博物馆,让我回到拨号上网的年代

谷歌首页,1998

这座网页设计博物馆,让我回到拨号上网的年代

雅虎官网,2004

在Kovar看来,SpaceX公司的网站设计发展历程也很有趣,这个意图打造地球到火星客运系统的公司,在2002年的网站设计比现在的网站设计要独特得多。“SpaceX现在的网站更像是一个通用模板的例子。”Kovar忍不住说道。这和独立设计师Yehwan Song所支持的观点一样——网页模板正在杀死想象力。

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

Space X官网发展历程(2002-2017)

还有一些网站也走在了时代的前沿,比如2002年出现的Hasselblad(哈苏相机)和2000年的Gap网站,它们的设计仍然可以被认为是非常现代的,甚至在今天的移动设备上依然可以良好运作。

这座网页设计博物馆,让我回到拨号上网的年代

Hasselblad官网,2002

这座网页设计博物馆,让我回到拨号上网的年代

GAP官网,2000年

然而,网页藏品并不是越多越好,只有具备独创性的视觉风格、一定的影响力,以及有自身专注内容领域的网站才会被收藏在博物馆内。所有博物馆内的展品有两个主要的选择标准,一方面需要有独创的内容和深厚的设计功力,另一方面则需在互联网历史上具有重要意义。

除了上述大公司的官方网站,历史上还有一些由创意机构和设计工作室打造的网站担当着独特的角色。比如90年代最重要的数字创意公司之一2Advanced公司创建的网站,便被Kovar定义为历史上最富有历史性意义的网站之一,也是他最喜欢的网页博物馆藏品。

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

2Advanced 2000、2002、2003年的Flash网站

作为一所传奇的网站设计公司,2Advanced使用Flash技术创建和设计了一系列高端的创新网站,这令他们在业界闻名,并且使Flash网页在千禧年之初被视为一种新世纪的启示。

还有许多设计杂志的网站也定义了它们所处时代的设计趋势,比如早期设计社区网站之一Design is Kinky就发挥着这样的作用,该网站定期展示各类艺术家的平面作品、照片、专栏文章或是个人资料。另外,定期提供新闻、采访以及设计圈有趣消息的网络杂志《PixelSurgeon》的网站也同样收获了大批的粉丝,它最早由摄影师Jason Aber和插画家Richard May创建。

这座网页设计博物馆,让我回到拨号上网的年代

Design is Kinky官网,2002

这座网页设计博物馆,让我回到拨号上网的年代

网络杂志《PixelSurgeon》官网,2001

网站设计博物馆如今已经过多年的更新和运行,项目发起者Kovar认为,网站设计的趋势一直遵循着一个“螺旋模型”,美学总会定期回归返潮,而新的技术会不断加入改进。例如,在2000年左右,Flash动画网站就曾一度非常流行。在web 1.0时代,Flash作为一款功能领先于其时代的程序,提供了表现惊人的跨浏览器功能、动画、图形和声音。

这座网页设计博物馆,让我回到拨号上网的年代

Shape Squad Flash网站, 1999

这座网页设计博物馆,让我回到拨号上网的年代

Digit Digit Flash网站, 2002

不过,这些包含Flash的网站数据容量非常大,需要很长时间才能加载成功,因此人们清楚地记得在漫长的等待中一圈一圈旋转的沙滩球图标。

然而,新技术的出现虽然能带来创新,但也会让习惯旧事物的创作者感到忧虑。当第一个百分百使用HTML5技术创造的网站The Wilderness Downtown在2010年诞生时,它撼动了Flash的地位,并令许多Flash铁杆设计师和开发人员对这种新技术的能力感到不安又好奇。

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

The Wilderness Downtown网站:www.thewildernessdowntown.com

作为乐队Arcade Fire的单曲《We Used to Wait》所衍生的互动短片,The Wilderness Downtown基于谷歌的Chrome浏览器、谷歌地图和HTML5进行创建。用户只要输入他们的邮政编码和地址,就可以观看一段充满个性的音乐视频。这个创新的网站赢得了The Favourite Website Awards的年度网站,以及世界范围内的赞誉。 

这座网页设计博物馆,让我回到拨号上网的年代

在这之后,HTML5、WebGL和JavaScrpit等新技术更加广为传播,人们不再局限于矢量图形,也不需要通过互联网插件才能开发网站,新技术带来的体验超出了人们的想象,运用它们制作的网站如雨后春笋一般频繁出现在大众视野中。可以看出,网页设计的趋势会因为新技术的出现而受到强烈影响。终于,Adobe在2017年,正式宣布终结对Flash软件进行更新,Flash时代真正结束了。

如今,数字和互动并不只意味着一个“在线”世界,也不再像过去那样局限于网页浏览器。诸如VR、AR和机器学习等网络新技术的出现,让人们可以体验到更多感官层面上的互动,但Kovar认为这并不代表网页就会消失。

我们看到像谷歌这样的大公司就在近年打造了有趣的“Quick, Draw!”游戏网站,通过使用机器学习模型来让系统猜测用户的图画内容。类似这样的游戏化网站在过去20年中并不少见,或许它们将重新以新的面貌回归,交互式教育网站正在成为未来的趋势。

这座网页设计博物馆,让我回到拨号上网的年代

这座网页设计博物馆,让我回到拨号上网的年代

谷歌的算法绘画网站:https://quickdraw.withgoogle.com/

可以说,比起过去,如今的网页本身更多的变成了一个线上互联工具,甚至是开源的设计生成器。它可以带给用户极具互动性的体验,创造更多的合作机会,而不只是单方面展现信息,这意味着技术和网页设计都一直在进化。尤其在2020年这个特殊的时期,现实生活中的社交距离更加考验人类的合作能力,而互联网依然承载着巨大的潜能。 

这座网页设计博物馆,让我回到拨号上网的年代

Wetransfer和设计师艺术家Zach Lieberman用算法编程设计而成的绘画艺术生成网站:
www.colorpush.wetransfer.com

这座网页设计博物馆,让我回到拨号上网的年代

任何人都可以分享隔离期建议并被别人看到的网站:
www.excellent-quarantine-ideas.com/

在Kovar看来,来自过去的网页设计风格和趋势也许会被重新挖掘,未来的创造者们将好奇三十年前的网站设计是怎样的,并从历史中获取灵感。到那时,人们将感谢这个项目所留下的宝贵遗产。这也是Kovar坚持进行网页设计博物馆项目的核心动力:为未来的几代人保留世纪之交出现的网页设计创意遗产,并为繁荣发展的互联网书写另一种故事。

我们或许会见证90年代和00年代复古网页设计风格的回归,以及更多与当下新技术结合的交互网页不断出现。无论它们存在于小程序中、在朋友圈中,还是在软件界面或浏览器里,在互联网发展得越发旺盛、一切逐渐游戏化的今天,设计师和程序员将为互联网的下一个20年带来怎样的变化,令人期待。

 

资料来源:
www.webdesignmuseum.org
www.itsnicethat.com
www.eyeondesign.aiga.org
www.0511ia.com
www.speckyboy.com
www.lusongsong.com
www.info.williamlong.info
来源:Design360
百科最后更新:2022-10-26
懵懂先生
  • 本文由 发表于 2024-10-23 01:39:59
  • 转载请注明:http://n1r6r0.uurk.cn/news/607d399376.html
焦点

怎能不答应?《仙侠世界》求婚圣地来袭

关关雎鸠,在河之洲,窈窕淑女,君子好逑。谁又不渴望有一个值得去回忆的爱情历程?浪漫的沙滩,宁静的湖畔,充满喜气的殿堂……在《仙侠世界》中,有很多美轮美奂,触动心灵的宝地,无 ...
休闲

6月27个大中城市房价环比上涨 太原房价相对平稳

7月18日,国家统计局公布的6月份70个大中城市住宅销售价格变动数据,在全国被监测的70个大中城市中,新建商品住宅不含保障性住房)价格下降的城市有34个,上涨的城市有27个,持平的城市有9个,环比价格 ...
娱乐

山西:高校毕业生创业可享受八项扶持优惠政策

7月15日,山西省人力资源市场举办“7月毕业季”高校毕业生专场招聘会。招聘会上,60余家单位提供了千余个优质岗位,吸引了众多毕业生求职。专场招聘会还有两场,分别在7月22日、29日举办。招聘会上,省人 ...
探索

太原彩虹圆梦行动 6

在太原市社区居住满一年以上的6到12岁困境家庭儿童,可以得到一对一的帮扶了。今日,“彩虹圆梦行动——手拉手帮助困境儿童成长圆梦计划”启动,该计划通过“专家+社会工作者+彩虹使者”的运作模式,为困境家庭 ...
探索

勇闯绝命禁区《全球使命2》开启魔鬼新战场

第三人称射击TPS)人气网游《全球使命2》本周迎来重大更新。新版本“摇滚街区”不仅推出了全新PVP地图,带你勇闯绝命禁区,征服魔鬼新战场。还有全新风格时装蒸汽朋克闪亮登场,各种 ...
时尚

歹徒绑架女学生勒索300万 警方9个多小时擒匪救人

制图王辰翔6月 17日夜,大同市天镇县初中女生秀秀化名)跟同学告别后,孤身一人向家走去,这时已快晚上10点了。在秀秀走到离家还有500多米时,一辆白色轿车突然驶来,停在她身旁。轿车车门“砰”地打开,出 ...
焦点

四面八方爱心人士组织爱心义演 为的就是能让女孩再次穿上舞鞋

■7月18日,吕梁网友“我是雷雷”在山西晚报“帮你寻TA”微信平台里留言:这两天,在我们的小县城,一场爱心义演活动正在紧张筹备着,来自四面八方的爱心人士,为了一个素不相识的家庭,为了一个生病的小女孩, ...
综合

我省将于9月上旬开展学生体质与健康调研工作

为了掌握学生体质健康现状和发展变化趋势,近日,省教育厅召开2014年山西省学生体质与健康调研工作会议,决定从9月上旬开始,组织实施全省7-22岁年龄组群体学生的体测工作。 省教育厅巡视员武保旺指出, ...
时尚

射雕英雄传(83版)下载

射雕英雄传(83版)迅雷下载地址和剧情:射雕英雄传(83版)娇媚动人的翁美玲已死,娇俏的"蓉儿"不会死,憨直醇厚的黄日华会老,憨实"靖哥哥"不会老。一部被认定无法被超越的武侠巨片,最好的射雕版本,金庸 ...
探索

谁家服装、皮鞋不合格 美特好、沃尔玛“上榜”

本报讯记者张小林)7月20日,省质监局发布通报称,通过对我省市场上经销的由省外企业生产的单夹服装、皮鞋等消费品质量进行监督抽查,发现有部分单夹服装纤维含量及染色牢度不达标、部分皮鞋外观质量不合格,同时 ...