我们为你考古了互联网进化史为你考古了互联网进化史！文

本期，为你考古了互联网进化史！
文章转载自：卷宗Wallpaper
ID：wallpaper_china
编辑：jane27

文章图片

数字化生存
编年史
EvolutionofDigitalWorld
21世纪的数字化生存，事实上在1980年代就已经存在，不过三四十年，网络已演化为当代生活最浩大的共享现实，电子屏幕见证了人类最“亲密”的一段技术史。在《网页设计：1990至今的数字世界编年史》（WebDesign:Theevolutionofthedigitalworld1990–today ，近期由Taschen出版）中，网页设计师、FWA发起人RobFord对过去三十年的网页设计与互联网历史做了详尽调查，记录了起起落落的技术潮流、日新月异的赛博社群，以及网络蕴藏的无限创造力。
01
2000-2018
数字化生存

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2000苏醒之年八件大事
1 ，互联网用户数达3.61亿，占世界人口的5.9％
2 ，网站总数量达1709万
3 ，世界新闻：夏季奥运会在悉尼举行
4 ，流量最多的网站：Aol.com
5 ，技术硬件：引入USB闪存驱动器
6 ，科技软件：XHTML发布
7 ，其他技术新闻：盖茨卸任微软首席执行官
8 ，最高票房电影：《碟中谍2》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2001互联网世代之年八件大事
1 ，互联网用户数达5.13亿，占世界人口的8.2％
2 ，网站总数量达2920万
3 ，世界新闻：911恐怖袭击事件
4 ，流量最多的网站：Aol.com
5 ，技术硬件：苹果推出iPod
6 ，科技软件：InternetExplorer6发布
7 ，其他技术新闻：Napster关闭
8 ，最高票房电影：《哈利·波特与魔法石》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2002创新与口碑之年八件大事
1 ，互联网用户数达6.62亿，占世界人口的10.5％
2 ，网站总数量达3870万
3 ，世界新闻：欧元开始在12个欧盟国家中启用
4 ，流量最多的网站：Aol.com
5 ，技术硬件：EarthSimulator价值6亿美元，成为最快的超级计算机
6 ，科技软件：XboxLive发布
7 ，其他技术新闻：奥德赛号发现火星液态水
8 ，最高票房电影：《指环王：双塔奇兵》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2003期待之年八件大事
1 ，互联网用户数达7.785亿，占世界人口的12.2％
2 ，网站总数量达4090万
3 ，世界新闻：伊拉克战争爆发
4 ，流量最多的网站：Yahoo.com
5 ，技术硬件：蓝光光盘推出
6 ，科技软件：AndroidInc成立
7 ，其他技术新闻：苹果推出iTunesMusicStore
8 ，最高票房电影：《指环王：王者归来》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2004初代网络病毒之年八件大事
1 ，互联网用户数达9.1亿，占世界人口的14％
2 ，网站总数量达5160万
3 ，世界新闻：印度洋海啸在14个国家/地区造成23多万人死亡
4 ，流量最多的网站：Yahoo.com
5 ，技术硬件：索尼Librié电子书首次推出“电子纸”显示屏
6 ，科技软件：Firefox1.0发布
7 ，其他技术新闻：Web2.0一词成为主流
8 ，最高票房电影：《怪物史莱克2》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2005思想之年八件大事
1 ，互联网用户数达10.2亿，占世界人口的15.6％
2 ，网站总数量达6480万
3 ，世界新闻：7月7日伦敦发生了一系列连环自杀式炸弹袭击事件
4 ，流量最多的网站：Yahoo.com
5 ，技术硬件：诺基亚770上网写字板发布
6 ，科技软件：WindowsXPProx64发布
7 ，其他技术新闻：默多克的新闻集团以5.8亿美元收购MySpace
8 ，最高票房电影：《哈利波特与火焰杯》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2006大制作之年八件大事
1 ，互联网用户数达10.9亿，占世界人口的16.5％
2 ，网站总数量达8550万
3 ，世界新闻：朝鲜进行首次核试验
4 ，流量最多的网站：Yahoo.com
5 ，技术硬件：苹果推出MacBook
6 ，科技软件：InternetExplorer7发布
7 ，其他技术新闻：Google以16.5亿美元股票收购YouTube
8 ，最高票房电影：《加勒比海盗：亡灵宝藏》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2007全屏视频与iPhone之年八件大事
1 ，互联网用户数达13亿，占世界人口的19.4％
2 ，网站总数量达1.22亿
3 ，世界新闻：全球银行危机开始
4 ，流量最多的网站：Yahoo.com
5 ，技术硬件：iPhone推出
6 ，科技软件：Android发布
7 ，其他技术新闻：Amazon推出Kindle
8 ，最高票房电影：《加勒比海盗：世界的尽头》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2008恐怖之年八件大事
1 ，互联网用户数达15.7亿，占世界人口的23.3％
2 ，网站总数量达1.72亿
3 ，世界新闻：奥巴马当选美国总统
4 ，流量最多的网站：Google.com
5 ，技术硬件：MacBookAir问世
6 ，科技软件：HTML5工作草案发布
7 ，技术新闻：苹果AppStore发布552个应用
8 ，最高票房电影：《蝙蝠侠前传2：黑暗骑士》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2009社交媒体整合之年八件大事
1 ，互联网用户数达18亿，占世界人口的26.4％
2 ，网站总数量达2.38亿
3 ，世界新闻：MichaelJackson去世
4 ，流量最多的网站：Google.com
5 ，技术硬件：USB3.0问世
6 ，科技软件：Minecraft问世
7 ，其他技术新闻：Google阻止了对MichaelJackson的搜索，认为这是DDoS攻击
8 ，最高票房电影：《阿凡达》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2010Flash消亡之年八件大事
1 ，互联网用户数达20.5亿，占世界人口的29.7％
2 ，网站总数量达2.069亿
3 ，世界新闻：海地发生强烈地震造成10万人丧生
4 ，流量最多的网站：Yahoo.com
5 ，技术硬件：iPad问世
6 ，科技软件：Instagram问世
7 ，其他技术新闻：苹果超越微软，成为最具价值的技术公司
8 ，最高票房电影：《玩具总动员3》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2011HTML5开启新时代八件大事
1 ，互联网用户数达22.7亿，占世界人口的32.2％
2 ，网站总数量达6.97亿
3 ，世界新闻：9.0级地震在日本福岛造成核灾难
4 ，流量最多的网站：Google.com
5 ，技术硬件：Chromebook开始出货
6 ，科技软件：AdobeCreativeCloud宣布启动
7 ，其他技术新闻：SteveJobs于10月5日去世
8 ，最高票房电影：《哈利·波特与死亡圣器（下）》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2012GoogleChrome崛起之年八件大事
1 ，互联网用户数达25亿，占世界人口的35.4％
2 ，网站总数量达6.97亿
3 ，世界新闻：NASA好奇号火星车登陆火星
4 ，流量最多的网站：Google.com
5 ，技术硬件：RaspberryPi问世
6 ，科技软件：Windows8发布
7 ，其他技术新闻：Facebook以10亿美元的价格收购了Instagram
8 ，最高票房电影：《复仇者联盟》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2013复兴之年八件大事
1 ，互联网用户数达28亿，占世界人口的38.9％
2 ，网站总数量达6.73亿
3 ，世界新闻：NelsonMandela去世
4 ，流量最多的网站：Yahoo.com
5 ，技术硬件：Microsoft发布XboxOne
6 ，科技软件：苹果发布iOS7
7 ，其他技术新闻：Yahoo!以11亿美元的价格收购了Tumblr
8 ，最高票房电影：《冰雪奇缘》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2014移动浏览器崛起之年八件大事
1 ，互联网用户数达30.8亿，占世界人口的42.3％
2 ，网站总数量达9.69亿
3 ，世界新闻：埃博拉病毒
4 ，流量最多的网站：Google.com
5 ，技术硬件：iPhone6+问世
6 ，科技软件：ApplePay推出
7 ，其他技术新闻：Facebook以190亿美元的价格收购了WhatsApp
8 ，最高票房电影：《变形金刚：绝迹重生》

文章图片

文章图片

文章图片

8FACTSOFTHEYEAR
2015草民影响力之年八件大事
1 ，互联网用户数达34亿，占世界人口的46.0％
2 ，网站总数量达8.63亿
3 ，世界新闻：伊丽莎白二世女王成为就任时间最长的英国君主
4 ，流量最多的网站：Google.com
5 ，技术硬件：AppleWatch问世
6 ，科技软件：Windows10发布
7 ，其他技术新闻：暴雪娱乐以59亿美元收购CandyCrush的制作方King
8 ，最高票房电影：《星球大战：原力觉醒》

文章图片

8FACTSOFTHEYEAR
2016人工智能之年八件大事
1 ，互联网用户数达37亿，占世界人口的49.5％
2 ，网站总数量达10亿
3 ，世界新闻：英国脱欧
4 ，流量最多的网站：Google.com
5 ，技术硬件：MicrosoftHoloLensDevelopmentEdition出货
6 ，科技软件：Android7.0发布
7 ，其他技术新闻：Google母公司Alphabet成为世界上最具价值的公司
8 ，最高票房电影：《美国队长3：内战》
8FACTSOFTHEYEAR
2017进化出’网’之年八件大事
1 ，互联网用户数达37.4亿，占世界人口的49.6％
2 ，网站总数量达10亿
3 ，世界新闻：哈维飓风
4 ，流量最多的网站：Google.com
5 ，技术硬件：Phone8问世
6 ，科技软件：Adobe宣布Flash将于2020年终止发布
7 ，其他技术新闻：About.com更名为Dotdash
8 ，最高票房电影：《美女与野兽》
8FACTSOFTHEYEAR
2018下一世代…八件大事
1 ，互联网用户数达40.2亿，占世界人口的52.9％
2 ，网站总数量达13亿
3 ，世界新闻：朝鲜和韩国领导人见面和谈
4 ，流量最多的网站：Google.com
5 ，技术硬件：TeslaRoadster发射向太空
6 ，科技软件：GoogleDuplex宣布发布
7 ，其他技术新闻：CambridgeAnalytica收获了5000万个Facebook个人资料
8 ，最高票房电影：《黑豹》
卷宗Wallpaper＊简称W＊
作者RobFord简称为F
02
数字世界进化史
“Backin1997Iwasawebdesigner,createdsitesinFlash……20yearsago!”
“1997年时，我还是一个用Flash做网站的网页设计师……已经是20年前了！”
W＊你最初是如何开始“数字世界演化”（evolutionofthedigitalworld）这个课题的研究的？
F：1997年时，我还是一个用Flash做网站的网页设计师。我很快发现了互联网设计领域的各种奖项的存在，并痴迷于浏览获奖作品。接下来， 2000年5月，我就建立了自己的“最喜爱网站奖”（FWA）——不敢相信那已经是20年前了！过去20年来，我一直通过FWA展示线上的网页作品，在某种意义上，这也意味着我在通过种种第一手资讯， “见证”了数字世界的演进。
网页设计：1990至今的数字世界编年史
WebDesign:Theevolutionofthedigitalworld1990–today作者：RobFord
出版社：Taschen
W＊可否介绍一下你的研究方法——你如何寻找和确定被纳入书中的对象，尤其是当内容设计软件、硬件、体验和创造性都作为考虑因素时？
F：通过工作，我可以相对容易地追踪和收集二十余年来互联网每天涌现的新创作，但从中挑选出最为“革命性”、最突出的内容这一想法，缘起于一封来自诺基亚公司的邮件。 2008年2月，诺基亚公司邀请我去他们位于芬兰的总部进行一个关于网页设计的演讲。我答应他们为写一篇文章，名为《网络先行者》（TheWebPioneers），当时那篇文章就梳理了网页设计早年的许多案例。
FWAwebsite,2000??RobFord
之后，我不断为这个项目添加内容，当我梳理了7年的网页设计史后，我就这一课题为Adobe公司旗舰店的新闻稿撰写了内容。我会选出每一年、每个月中最有创新性的作品，长此以往，这一习惯成为了我的书的素材库。日积月累，我这些年收集的素材整合成了长达1400页的内容。很幸运的是Taschen出版社和编辑JuliusWiedemann帮我把这本书精简到了640页整（最早的屏幕尺寸刚好是640×480像素）。
03
浪潮之上
技术迭代
“……especially,world’sfirstfortheweb,forexamplethefirstuploadyourface,thefirstuseofsurroundsound,thefirstpage-turneffect,thefirstviralwebsiteandmuchmore.”
“另一个重点是网络的种种‘首个’：比如首张被上传上网络的脸、第一次使用环绕声、首个翻页效果、第一个病毒式传播的网站，等等。 ”
W＊你是如何发现这些作品的？它们在你的研究结构中扮演什么角色？
F：我会通过自己发布过的文章和FWA的数据库筛选作品，并结合对我亲身体验过的那些作品的认知，汇总成书里的交互作品的清单。但最难的部分是筛选工作——因为过去三十年实在有太多让人惊艳的创作了。同时，我还需要联系艺术家获得图片版权支持，接下来，我创建了一个线上文献库（https://thefwa.com/about/web-design-book/），以便于人们能看到作品原本的动态效果。整本书还有另一个重点是网络的种种“首个”：比如首张被上传上网络的脸（2005年的WeddingCrashers），第一次使用环绕声、首个翻页效果、第一个病毒式传播的网站，等等。
由RobFord所著《网页设计：1990至今的数字世界编年史》（WebDesign:Theevolutionofthedigitalworld1990–today）的书籍内页??Taschen
W＊我们已经见证了Flash、HTML5、VR等技术的先后出现，现在人工智能似乎成为了潮流之上。我更好奇的是，过去三十年，伴随着技术更迭的网络发展进程，如何改变了我们对世界的认知？
F：可能只有在“前网络”时代出生的人能真正理解这个问题，真正的“数字世代生人”可能不太能感觉到它们之间的差别。对他们来说，生活并没有“改变” ，它只是生活而已。对于未来世代的人来说，所谓的“网络文化” ，和身边其他的事物，甚至是“自然”之间，都不会有什么区别——它们都是“真实世界” 。 Flash、HTML5、VR、AR、AI都只是无关紧要的“先锋术语”而已，这些都是“演化”（evolution）的一部分。
04
最具启发性案例
“Thiswasthefirst100percentHTML5websitethatreallyshookFlash,ultimatelymarkingtheendofFlash…”
“这是有史以来第一个100%用HTML5写就的网站，深深动摇了Flash的地位，并最终标注了Flash的终结。 ”
W＊可以从书中挑选一些对你个人作为研究者和网页设计者而言，最有启发性的案例吗？
2001:2AdvancedStudiosv3Expansions
最具影响力的Flash网站
2AdvancedStudios,2001
【我们为你考古了互联网进化史】EricJordan的2A公司早早吸引了人们的注意力，并在Flash社群中传播广泛。在他的网站上，云卷云舒的视觉素材伴随着原创的氛围声音。这个网站启发了许多人，类似设计的网页甚至被描述为’2Advanced’风格。 2Advancedv3Expansions也可能是被抄袭的最多的网页之一，在FWA的官方投票里，它被评为“最具备时代影响力的Flash网站” 。网站每次更新的时候，都能看到人们在排队等候它上线，导致服务器崩溃，在线论坛上也会激起一阵讨论。
2AdvancedStudios,2001
“WebDesign”书籍内页??Taschen
2003:tokyoplastic
一夜成名！
Tokyoplastic,2003
Tokyoplastic可能是仅有的几个能让人肾上腺素上升——也让人恐慌——的网站。当人们点击网站上的图像时，它们会“吞噬”用户。这个工作室当时迅速在网上走红，并收到来自MTV之类的大客户的邀请。这个令人着迷的网站也通过Flash、3D、声音和视效展现了矢量图形的潜力。
Tokyoplastic,2003
“WebDesign”书籍内页??Taschen
2007:GettheGlass
最具创造力的网站？
GettheGlass,2007
这个网站是一个推广乳制品的网络游戏，游戏的目标是攻入立堡般的冰箱、抢夺玻璃杯，同时躲开Milkatraz的进攻。网站夺人眼球的3D和影像效果都臻于完美，而游戏本身也充满乐趣，甚至有点让人上瘾。其实，诸如掷骰子之类的简单事情，对网络来说仍然是一片新大陆。这个网站绝对是在线创造力的一个小巅峰，也为许多未来的作品立下了标准。
GettheGlass,2007
“WebDesign”书籍内页??Taschen
2010:TheWildernessDowntown
首个完全用HTML5写就的网站
TheWildernessDowntown
这是有史以来第一个100%用HTML5写的网站，并深深动摇了Flash的地位，它在创新性上有一种微妙的平衡。网站使用了ArcadeFire的单曲《我们曾经等待》（WeUsedtoWait）的交互短片，使用了谷歌Chrome浏览器、谷歌地图和HTML5语言。用户可以在网站上输入自家的邮政编码和地址（现在或童年的住址），接下来，他们会看到一个令人惊叹的，完全个人化的短片，仿佛是在他们自己家附近拍摄的一般。这个网站获得了当年的FWA“年度网站”奖，并广受赞誉，当然它也给许多Flash设计师和开发者带来了担忧，并最终标注了Flash的终结——网站设计发生了一次行业迁移，网站开发和体验设计不再需要类似于Flash的插件。
TheWildernessDowntown,2010
“WebDesign”书籍内页??Taschen
W＊你提到大量用谷歌的服务的作品，我也看到关于网络的重新中心化现象的一些讨论，比如网络似乎越发集中在GAFAM（Google,Amazon,Facebook,AppleandMicrosoft），替代性方案存在的空间变小了，你认同这种观点吗？
F：网络的发展速度是很难预期的，它的规则和边界也没有那么容易想象。网络的力量100%是在个人的。万维网是TimBerners-Lee建立的。谷歌是由LarryPage和SergeyBrin创立的。类似地， Amazon由JeffBezos创建， Facebook由MarkZuckerberg创建， Apple背后是SteveJobs、SteveWozniak和RonaldWayne ， Microsoft诞生于BillGates和PaulAllen的工作——我想说的是，改变未来网络的力量仍然会是个人，而不是大公司。
早年Google网站页面
W＊当我们讨论到网站设计的时候，其实包含了前端的交互/体验和后端的整体结构，你怎么综合地讨论它们？
F：对我来说，前端交互总是第一位的。尽管我很欣赏后台的精妙设计，但我总是第一秒被那些能直接感知到的东西吸引。当我看到一辆车，首先吸引我的是它的外观，看到一个网站时，也是如此。
05
互联网的未来
“Forthefirst25yearsitfeltlikethewebachievedeverything.ItwasthebiggestthingsincetheIndustrialRevolution.However,I’mnowseeingthewebasaslightlydarkerplace.”
“在其诞生后的前25年，似乎网络实现了一切。它是工业革命以来最大的事件之一。然而，今天的网络似乎显得有些晦暗不明。 ”
W＊你质疑过“网络”的定义本身吗——“网络”的用法本身就是一个隐喻，它也塑造了我们对其本质的理解。在你眼里， “网络”像什么？
F：像一个房间，所有人都在房间里。在前网络时代，我们都以小社交圈子的形式存在，但网络让所有人都进入到了一个房间，信息交换在这里是分秒之间进行的。网络确实是一种全球社群，但我们仍然没有找到让它“共同地”存在和行动的方法。尽管COVID-19似乎成为了“新常态” ，我们仍然在以非常就地化的方式去应对它，虽然网络原本应当能让我们更好地共同面对。
ProjectXanadu?
W＊关于互联网的想象，历史上出现过很多有趣的案例——比如“上都计划”（XanaduProject）——在你看来，今天的互联网实现了什么，还有哪些未实现的？
F：在其诞生后的前25年，似乎网络实现了一切。它是工业革命以来最重大的事件之一。它给人们前所未有的可能性与自由。然而今天的网络似乎有些晦暗不明。当年充满了积极性，爱和理想的地方，似乎变得有些消极了。网络仅仅是社会的一种反射，永远存在着“大声者” ，永远存在着“多数者” ，存在着关于控制和方向的讨论。我希望这次全球面临的COVID-19危机能变成一种我们改写未来的机会，我们能深刻地提出我们所面临的真正威胁——对星球的威胁。重启键已经被按下，我们需要重新尊重自然。
《HiveDrive》,2019年。 ??MediaMonks
W＊互联网的未来会是怎样？
F：我们见证最让人激动的创造力的瞬间，往往不是坐在桌边，盯着电脑的时候。举例来说， HiveDrive之类的产品和基于地理信息的增强现实实验，让人们能去探索窗外的虚拟蜂巢。绕着窗户行走的人们可以和“蜂巢”里的“蜜蜂”互动，去了解它们和它们在生态系统里的角色。千禧年到来后，我们会发现“数字”和“交互”之类的用语不再必然是“线上”的。数字性不再受困于网页浏览器——虽然多年以来确实如此。在浏览器内设计网页的未来可能性是有限的，我们可能会回到早年的“纯粹信息化” ，比较没有实验性的设计风格。
RobFord近期在做一本关于“锐舞一代”的书。这本书将会囊括诸如80年代的迷幻狂舞会， 90年代的仓库电子音乐会和更现代的艺术节等案例。 Image:PeaceFest‘92RAVE??JuniorTomlin
我想，能在感情和感受就层面上更加连接我们彼此的交互体验，正在我们的日常生活里发生，而不在浏览器里。举例来说，在增强现实里，我们将会成为“过去的浏览器”和“未来的窗口” ，我们会不断探索新的虚拟世界，而物理肉身，是唯一需要的“硬件” 。
*如无特殊备注，本期图片
由Taschen出版社提供
注意：本文含有投票，请到设计癖官网（shejipi.com）参加投票。

我们为你考古了互联网进化史

推荐阅读

微微一笑很凑合|跑这么快做什么，这么早啊

爆米花用什么玉米？

厨房卫生间门厨房卫生间门怎么选择厨房卫生间门选择注意事项有哪些

『爱集微』5G快省稳技术分享会将于4 月 17 日上线，预热开始，魅族17mSmart

阿颖聊娱乐|数额达50万，63岁老艺术家也“翻车”过？2004年冯巩遭小保姆敲诈

火星|性研究者李银河：提倡3个性行为模式，看看你能接受吗？

海峡新讯号|击毙印军前线指挥官，印度：两败俱伤，巴铁再次对印度动手

|雷柏发布VH700电竞耳机虚拟7.1声道

说话太官方，怎样避免

小哥白尼|长红不衰的刘德华让我明白：活出自己的人生，到底有多可贵

冬天喝什么茶好,冬天喝什么

港媒：香港一酒店有职员确诊新冠肺炎，将停业14天，全部住客须撤离

时尚奢侈品解读|终于明白超模和明星的区别，当178的奚梦瑶遇上168的热巴

财务实习生想做好实习报告会计实习报告

一篇文章让您了解HTTPS

做生意有啥要了解的法律和合同的书

快退正能量|对餐厅造成上万元损失，警方已介入调查，北京一男子就餐后随手扔垃圾

「娱乐小队」阿尔法·罗密欧Tonale实车谍照，对标奔驰GLA

|有史以来最无法原谅的6部烂片，每一部都是电影界的耻辱

#香港17岁女生袭警潜逃#香港17岁女生袭警潜逃机场被捕