龙空技术网

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

设计癖 143

前言:

目前朋友们对“html5手写板”大概比较关心,小伙伴们都想要了解一些“html5手写板”的相关资讯。那么小编同时在网上汇集了一些有关“html5手写板””的相关文章,希望我们能喜欢,你们一起来了解一下吧!

本期,为你考古了互联网进化史!

文章转载自: 卷宗Wallpaper

ID:wallpaper_china

编辑:jane27

数字化生存

编年史

Evolution of Digital World

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

01

2000-2018

数字化生存

8 FACTS OF THE YEAR

2000 苏醒之年 八件大事

1,互联网用户数达3.61亿,占世界人口的5.9%

2,网站总数量达1709万

3,世界新闻:夏季奥运会在悉尼举行

4,流量最多的网站:Aol.com

5,技术硬件:引入USB闪存驱动器

6,科技软件:XHTML发布

7,其他技术新闻:盖茨卸任微软首席执行官

8,最高票房电影:《碟中谍2》

8 FACTS OF THE YEAR

2001 互联网世代之年 八件大事

1,互联网用户数达5.13亿,占世界人口的8.2%

2,网站总数量达2920万

3,世界新闻:911 恐怖袭击事件

4,流量最多的网站:Aol.com

5,技术硬件:苹果推出 iPod

6,科技软件:Internet Explorer 6 发布

7,其他技术新闻:Napster 关闭

8,最高票房电影:《哈利·波特与魔法石》

8 FACTS OF THE YEAR

2002 创新与口碑之年 八件大事

1,互联网用户数达6.62亿,占世界人口的10.5%

2,网站总数量达3870万

3,世界新闻:欧元开始在12个欧盟国家中启用

4,流量最多的网站:Aol.com

5,技术硬件:Earth Simulator 价值6亿美元,成为最快的超级计算机

6,科技软件:Xbox Live 发布

7,其他技术新闻:奥德赛号发现火星液态水

8,最高票房电影:《指环王:双塔奇兵》

8 FACTS OF THE YEAR

2003 期待之年 八件大事

1,互联网用户数达7.785亿,占世界人口的12.2%

2,网站总数量达4090万

3,世界新闻:伊拉克战争爆发

4,流量最多的网站:Yahoo.com

5,技术硬件:蓝光光盘推出

6,科技软件:Android Inc 成立

7,其他技术新闻:苹果推出 iTunes Music Store

8,最高票房电影:《指环王:王者归来》

8 FACTS OF THE YEAR

2004 初代网络病毒之年 八件大事

1,互联网用户数达9.1亿,占世界人口的14%

2,网站总数量达5160万

3,世界新闻:印度洋海啸在14个国家/地区造成23多万人死亡

4,流量最多的网站:Yahoo.com

5,技术硬件:索尼 Librié 电子书首次推出“电子纸”显示屏

6,科技软件:Firefox 1.0 发布

7,其他技术新闻:Web 2.0 一词成为主流

8,最高票房电影:《怪物史莱克 2》

8 FACTS OF THE YEAR

2005 思想之年 八件大事

1,互联网用户数达10.2亿,占世界人口的15.6%

2,网站总数量达6480万

3,世界新闻:7月7日伦敦发生了一系列连环自杀式炸弹袭击事件

4,流量最多的网站:Yahoo.com

5,技术硬件:诺基亚770上网写字板发布

6,科技软件:Windows XP Pro x64 发布

7,其他技术新闻:默多克的新闻集团以5.8亿美元收购 MySpace

8,最高票房电影:《哈利波特与火焰杯》

8 FACTS OF THE YEAR

2006 大制作之年 八件大事

1,互联网用户数达10.9亿,占世界人口的16.5%

2,网站总数量达8550万

3,世界新闻:朝鲜进行首次核试验

4,流量最多的网站:Yahoo.com

5,技术硬件:苹果推出 MacBook

6,科技软件:Internet Explorer 7 发布

7,其他技术新闻:Google 以16.5亿美元股票收购YouTube

8,最高票房电影:《加勒比海盗:亡灵宝藏》

8 FACTS OF THE YEAR

2007 全屏视频与iPhone之年 八件大事

1,互联网用户数达13亿,占世界人口的19.4%

2,网站总数量达1.22亿

3,世界新闻:全球银行危机开始

4,流量最多的网站:Yahoo.com

5,技术硬件:iPhone 推出

6,科技软件:Android 发布

7,其他技术新闻:Amazon 推出 Kindle

8,最高票房电影:《加勒比海盗:世界的尽头》

8 FACTS OF THE YEAR

2008 恐怖之年 八件大事

1,互联网用户数达15.7亿,占世界人口的23.3%

2,网站总数量达1.72亿

3,世界新闻:奥巴马当选美国总统

4,流量最多的网站:Google.com

5,技术硬件:MacBook Air 问世

6,科技软件:HTML5 工作草案发布

7,技术新闻:苹果 App Store 发布552个应用

8,最高票房电影:《蝙蝠侠前传2:黑暗骑士》

8 FACTS OF THE YEAR

2009 社交媒体整合之年 八件大事

1,互联网用户数达18亿,占世界人口的26.4%

2,网站总数量达2.38亿

3,世界新闻:Michael Jackson 去世

4,流量最多的网站:Google.com

5,技术硬件:USB 3.0 问世

6,科技软件:Minecraft 问世

7,其他技术新闻:Google 阻止了对 Michael Jackson 的搜索,认为这是 DDoS 攻击

8,最高票房电影:《阿凡达》

8 FACTS OF THE YEAR

2010 Flash消亡之年 八件大事

1,互联网用户数达20.5亿,占世界人口的29.7%

2,网站总数量达2.069亿

3,世界新闻:海地发生强烈地震造成10万人丧生

4,流量最多的网站:Yahoo.com

5,技术硬件:iPad 问世

6,科技软件:Instagram 问世

7,其他技术新闻:苹果超越微软,成为最具价值的技术公司

8,最高票房电影:《玩具总动员 3》

8 FACTS OF THE YEAR

2011 HTML5开启新时代 八件大事

1,互联网用户数达22.7亿,占世界人口的32.2%

2,网站总数量达6.97亿

3,世界新闻:9.0级地震在日本福岛造成核灾难

4,流量最多的网站:Google.com

5,技术硬件:Chromebook 开始出货

6,科技软件:Adobe Creative Cloud 宣布启动

7,其他技术新闻:Steve Jobs 于10月5日去世

8,最高票房电影:《哈利·波特与死亡圣器(下)》

8 FACTS OF THE YEAR

2012 Google Chrome崛起之年 八件大事

1,互联网用户数达25亿,占世界人口的35.4%

2,网站总数量达6.97亿

3,世界新闻:NASA 好奇号火星车登陆火星

4,流量最多的网站:Google.com

5,技术硬件:Raspberry Pi 问世

6,科技软件:Windows 8 发布

7,其他技术新闻:Facebook 以10亿美元的价格收购了 Instagram

8,最高票房电影:《复仇者联盟》

8 FACTS OF THE YEAR

2013 复兴之年 八件大事

1,互联网用户数达28亿,占世界人口的38.9%

2,网站总数量达6.73亿

3,世界新闻:Nelson Mandela 去世

4,流量最多的网站:Yahoo.com

5,技术硬件:Microsoft 发布 Xbox One

6,科技软件:苹果发布 iOS 7

7,其他技术新闻:Yahoo! 以11亿美元的价格收购了 Tumblr

8,最高票房电影:《冰雪奇缘》

8 FACTS OF THE YEAR

2014 移动浏览器崛起之年 八件大事

1,互联网用户数达30.8亿,占世界人口的42.3%

2,网站总数量达9.69亿

3,世界新闻:埃博拉病毒

4,流量最多的网站:Google.com

5,技术硬件:iPhone 6+ 问世

6,科技软件:Apple Pay 推出

7,其他技术新闻:Facebook 以190亿美元的价格收购了 WhatsApp

8,最高票房电影:《变形金刚:绝迹重生》

8 FACTS OF THE YEAR

2015 草民影响力之年 八件大事

1,互联网用户数达34亿,占世界人口的46.0%

2,网站总数量达8.63亿

3,世界新闻:伊丽莎白二世女王成为就任时间最长的英国君主

4,流量最多的网站:Google.com

5,技术硬件:Apple Watch 问世

6,科技软件:Windows 10 发布

7,其他技术新闻:暴雪娱乐以59亿美元收购Candy Crush 的制作方 King

8,最高票房电影:《星球大战:原力觉醒》

8 FACTS OF THE YEAR

2016 人工智能之年 八件大事

1,互联网用户数达37亿,占世界人口的49.5%

2,网站总数量达10亿

3,世界新闻:英国脱欧

4,流量最多的网站:Google.com

5,技术硬件:Microsoft HoloLens Development Edition 出货

6,科技软件:Android 7.0 发布

7,其他技术新闻:Google 母公司 Alphabet 成为世界上最具价值的公司

8,最高票房电影:《美国队长 3:内战》

8 FACTS OF THE YEAR

2017 进化出’网’之年 八件大事

1,互联网用户数达37.4亿,占世界人口的49.6%

2,网站总数量达10亿

3,世界新闻:哈维飓风

4,流量最多的网站:Google.com

5,技术硬件:Phone 8 问世

6,科技软件:Adobe 宣布 Flash 将于2020年终止发布

7,其他技术新闻:About.com 更名为 Dotdash

8,最高票房电影:《美女与野兽》

8 FACTS OF THE YEAR

2018 下一世代… 八件大事

1,互联网用户数达40.2亿,占世界人口的52.9%

2,网站总数量达13亿

3,世界新闻:朝鲜和韩国领导人见面和谈

4,流量最多的网站:Google.com

5,技术硬件:Tesla Roadster 发射向太空

6,科技软件:Google Duplex 宣布发布

7,其他技术新闻:Cambridge Analytica 收获了5000万个 Facebook 个人资料

8,最高票房电影:《黑豹》

卷宗 Wallpaper*简称 W*

作者 Rob Ford 简称为 F

02

数字世界进化史

“Back in 1997 I was a web designer, created sites in Flash…… 20 years ago!”

“1997年时,我还是一个用 Flash 做网站的网页设计师…… 已经是20年前了!”

W* 你最初是如何开始“数字世界演化”(evolution of the digital world)这个课题的研究的?

F:1997年时,我还是一个用 Flash 做网站的网页设计师。我很快发现了互联网设计领域的各种奖项的存在,并痴迷于浏览获奖作品。接下来,2000年5月,我就建立了自己的“最喜爱网站奖”(FWA)——不敢相信那已经是20年前了!过去20年来,我一直通过 FWA 展示线上的网页作品,在某种意义上,这也意味着我在通过种种第一手资讯,“见证”了数字世界的演进。

网页设计:1990至今的数字世界编年史

Web Design: The evolution of the digital world 1990 – today 作者:Rob Ford

出版社:Taschen

W* 可否介绍一下你的研究方法——你如何寻找和确定被纳入书中的对象,尤其是当内容设计软件、硬件、体验和创造性都作为考虑因素时?

F:通过工作,我可以相对容易地追踪和收集二十余年来互联网每天涌现的新创作,但从中挑选出最为“革命性”、最突出的内容这一想法,缘起于一封来自诺基亚公司的邮件。2008年2月,诺基亚公司邀请我去他们位于芬兰的总部进行一个关于网页设计的演讲。我答应他们为写一篇文章,名为《网络先行者》(The Web Pioneers),当时那篇文章就梳理了网页设计早年的许多案例。

FWA website, 2000 ©️ Rob Ford

之后,我不断为这个项目添加内容,当我梳理了7年的网页设计史后,我就这一课题为 Adobe 公司旗舰店的新闻稿撰写了内容。我会选出每一年、每个月中最有创新性的作品,长此以往,这一习惯成为了我的书的素材库。日积月累,我这些年收集的素材整合成了长达1400页的内容。很幸运的是 Taschen 出版社和编辑 Julius Wiedemann 帮我把这本书精简到了640页整(最早的屏幕尺寸刚好是640×480像素)。

03

浪潮之上

技术迭代

“……especially, world’s first for the web, for example the first upload your face, the first use of surround sound, the first page-turn effect, the first viral website and much more.”

“另一个重点是网络的种种‘首个’:比如首张被上传上网络的脸、第一次使用环绕声、首个翻页效果、第一个病毒式传播的网站,等等。”

W* 你是如何发现这些作品的?它们在你的研究结构中扮演什么角色?

F:我会通过自己发布过的文章和 FWA 的数据库筛选作品,并结合对我亲身体验过的那些作品的认知,汇总成书里的交互作品的清单。但最难的部分是筛选工作——因为过去三十年实在有太多让人惊艳的创作了。同时,我还需要联系艺术家获得图片版权支持,接下来,我创建了一个线上文献库(),以便于人们能看到作品原本的动态效果。整本书还有另一个重点是网络的种种“首个”:比如首张被上传上网络的脸(2005年的 Wedding Crashers),第一次使用环绕声、首个翻页效果、第一个病毒式传播的网站,等等。

由 Rob Ford 所著《网页设计:1990至今的数字世界编年史》(Web Design: The evolution of the digital world 1990 – today)的书籍内页 ©️ Taschen

W* 我们已经见证了 Flash、HTML5、VR 等技术的先后出现,现在人工智能似乎成为了潮流之上。我更好奇的是,过去三十年,伴随着技术更迭的网络发展进程,如何改变了我们对世界的认知?

F:可能只有在“前网络”时代出生的人能真正理解这个问题,真正的“数字世代生人”可能不太能感觉到它们之间的差别。对他们来说,生活并没有“改变”,它只是生活而已。对于未来世代的人来说,所谓的“网络文化”,和身边其他的事物,甚至是“自然”之间,都不会有什么区别——它们都是“真实世界”。Flash、HTML5、VR、AR、AI 都只是无关紧要的“先锋术语”而已,这些都是“演化”(evolution)的一部分。

04

最具启发性案例

“This was the first 100 percent HTML5 website that really shook Flash, ultimately marking the end of Flash…”

“这是有史以来第一个100%用HTML5写就的网站,深深动摇了Flash的地位,并最终标注了Flash的终结。”

W* 可以从书中挑选一些对你个人作为研究者和网页设计者而言,最有启发性的案例吗?

2001: 2Advanced Studios v3 Expansions

最具影响力的 Flash 网站

2Advanced Studios, 2001

Eric Jordan 的 2A 公司早早吸引了人们的注意力,并在 Flash 社群中传播广泛。在他的网站上,云卷云舒的视觉素材伴随着原创的氛围声音。这个网站启发了许多人,类似设计的网页甚至被描述为’2Advanced’风格。2Advanced v3 Expansions 也可能是被抄袭的最多的网页之一,在 FWA 的官方投票里,它被评为“最具备时代影响力的 Flash 网站”。网站每次更新的时候,都能看到人们在排队等候它上线,导致服务器崩溃,在线论坛上也会激起一阵讨论。

2Advanced Studios, 2001

“Web Design”书籍内页 ©️ Taschen

2003: tokyoplastic

一夜成名!

Tokyoplastic, 2003

Tokyoplastic 可能是仅有的几个能让人肾上腺素上升——也让人恐慌——的网站。当人们点击网站上的图像时,它们会“吞噬”用户。这个工作室当时迅速在网上走红,并收到来自 MTV 之类的大客户的邀请。这个令人着迷的网站也通过 Flash、3D、声音和视效展现了矢量图形的潜力。

Tokyoplastic, 2003

“Web Design”书籍内页 ©️ Taschen

2007: Get the Glass

最具创造力的网站?

Get the Glass, 2007

这个网站是一个推广乳制品的网络游戏,游戏的目标是攻入立堡般的冰箱、抢夺玻璃杯,同时躲开 Milkatraz 的进攻。网站夺人眼球的 3D 和影像效果都臻于完美,而游戏本身也充满乐趣,甚至有点让人上瘾。其实,诸如掷骰子之类的简单事情,对网络来说仍然是一片新大陆。这个网站绝对是在线创造力的一个小巅峰,也为许多未来的作品立下了标准。

Get the Glass, 2007

“Web Design”书籍内页 ©️ Taschen

2010: The Wilderness Downtown

首个完全用 HTML5 写就的网站

The Wilderness Downtown

这是有史以来第一个100%用 HTML5 写的网站,并深深动摇了 Flash 的地位,它在创新性上有一种微妙的平衡。网站使用了 Arcade Fire 的单曲《我们曾经等待》(We Used to Wait)的交互短片,使用了谷歌 Chrome 浏览器、谷歌地图和 HTML5 语言。用户可以在网站上输入自家的邮政编码和地址(现在或童年的住址),接下来,他们会看到一个令人惊叹的,完全个人化的短片,仿佛是在他们自己家附近拍摄的一般。这个网站获得了当年的FWA“年度网站”奖,并广受赞誉,当然它也给许多 Flash 设计师和开发者带来了担忧,并最终标注了 Flash 的终结——网站设计发生了一次行业迁移,网站开发和体验设计不再需要类似于 Flash 的插件。

The Wilderness Downtown, 2010

“Web Design”书籍内页 ©️ Taschen

W* 你提到大量用谷歌的服务的作品,我也看到关于网络的重新中心化现象的一些讨论,比如网络似乎越发集中在 GAFAM(Google, Amazon, Facebook, Apple and Microsoft),替代性方案存在的空间变小了,你认同这种观点吗?

F:网络的发展速度是很难预期的,它的规则和边界也没有那么容易想象。网络的力量100%是在个人的。万维网是 Tim Berners-Lee 建立的。谷歌是由 Larry Page 和 Sergey Brin 创立的。类似地,Amazon 由 Jeff Bezos 创建,Facebook 由 Mark Zuckerberg 创建,Apple 背后是 Steve Jobs、Steve Wozniak和Ronald Wayne,Microsoft 诞生于 Bill Gates 和 Paul Allen 的工作——我想说的是,改变未来网络的力量仍然会是个人,而不是大公司。

早年 Google 网站页面

W* 当我们讨论到网站设计的时候,其实包含了前端的交互/体验和后端的整体结构,你怎么综合地讨论它们?

F:对我来说,前端交互总是第一位的。尽管我很欣赏后台的精妙设计,但我总是第一秒被那些能直接感知到的东西吸引。当我看到一辆车,首先吸引我的是它的外观,看到一个网站时,也是如此。

05

互联网的未来

“For the first 25 years it felt like the web achieved everything. It was the biggest thing since the Industrial Revolution. However, I’m now seeing the web as a slightly darker place.”

“在其诞生后的前25年,似乎网络实现了一切。它是工业革命以来最大的事件之一。然而,今天的网络似乎显得有些晦暗不明。”

W* 你质疑过“网络”的定义本身吗——“网络”的用法本身就是一个隐喻,它也塑造了我们对其本质的理解。在你眼里,“网络”像什么?

F:像一个房间,所有人都在房间里。在前网络时代,我们都以小社交圈子的形式存在,但网络让所有人都进入到了一个房间,信息交换在这里是分秒之间进行的。网络确实是一种全球社群,但我们仍然没有找到让它“共同地”存在和行动的方法。尽管 COVID-19 似乎成为了“新常态”,我们仍然在以非常就地化的方式去应对它,虽然网络原本应当能让我们更好地共同面对。

Project Xanadu®

W* 关于互联网的想象,历史上出现过很多有趣的案例——比如“上都计划”(Xanadu Project)——在你看来,今天的互联网实现了什么,还有哪些未实现的?

F:在其诞生后的前25年,似乎网络实现了一切。它是工业革命以来最重大的事件之一。它给人们前所未有的可能性与自由。然而今天的网络似乎有些晦暗不明。当年充满了积极性,爱和理想的地方,似乎变得有些消极了。网络仅仅是社会的一种反射,永远存在着“大声者”,永远存在着“多数者”,存在着关于控制和方向的讨论。我希望这次全球面临的COVID-19危机能变成一种我们改写未来的机会,我们能深刻地提出我们所面临的真正威胁——对星球的威胁。重启键已经被按下,我们需要重新尊重自然。

《Hive Drive》, 2019年。©️ MediaMonks

W* 互联网的未来会是怎样?

F:我们见证最让人激动的创造力的瞬间,往往不是坐在桌边,盯着电脑的时候。举例来说,Hive Drive 之类的产品和基于地理信息的增强现实实验,让人们能去探索窗外的虚拟蜂巢。绕着窗户行走的人们可以和“蜂巢”里的“蜜蜂”互动,去了解它们和它们在生态系统里的角色。千禧年到来后,我们会发现“数字”和“交互”之类的用语不再必然是“线上”的。数字性不再受困于网页浏览器——虽然多年以来确实如此。在浏览器内设计网页的未来可能性是有限的,我们可能会回到早年的“纯粹信息化”,比较没有实验性的设计风格。

Rob Ford 近期在做一本关于“锐舞一代”的书。这本书将会囊括诸如80年代的迷幻狂舞会,90年代的仓库电子音乐会和更现代的艺术节等案例。Image: Peace Fest ‘92 RAVE ©️ Junior Tomlin

我想,能在感情和感受就层面上更加连接我们彼此的交互体验,正在我们的日常生活里发生,而不在浏览器里。举例来说,在增强现实里,我们将会成为“过去的浏览器”和“未来的窗口”,我们会不断探索新的虚拟世界,而物理肉身,是唯一需要的“硬件”。

* 如无特殊备注,本期图片

由 Taschen 出版社提供

注意:本文含有投票,请到设计癖官网(shejipi.com)参加投票。

标签: #html5手写板