网页设计的诞生

网际网络或全球信息网的概念最早出现在 1940 年代默里·伦斯特 (Murray Leinster) 的书中。我们今天所知道的网际网络可以追溯到 1980 年代。

1980 年代的早期网站由简单排列在黑屏上的文本组成。它们看起来非常基础，因为主要关注点是共享讯息。由于黑色背景，这些地点也非常黑暗，这就是为什么我们经常称这个时期为「黑暗时代」。

然而，网页设计的第一个例子直到 1989 年才出现，当时来自CERN的物理学家Tim Berners-Lee 创建了第一个 Web 服务器、一个浏览器和一个网页。1989 年和 1990 年，他提出创建一个连接计算机网络的全球信息网，并引起了人们的热情和好奇。

第一个网站的出现，以及它的基本实现，是网页设计诞生的时刻。 

网页设计历史的时间表

现在，我们将为您简要介绍网页设计史上的关键时刻。 

1989

Tim Berners-Lee根据他在 1989 年开发的原则创建了第一个浏览器 WorldWideWeb。他于 1990 年推出了该浏览器。 

1990

三名大学生：Alan Emtage、Peter Deutsch 和 Bill Heelen 创建了第一个搜寻引擎 Archie。它允许用户在数据库中搜索文件。网际网络历史上的一个转折点！

同年，著名的图形编辑器 Adobe Photoshop 的第一个版本出现在市场上。经过几十个更新版本，它今天仍然被广泛用于网页设计等等。然而，起初 Photoshop 仅适用于 Macintosh 计算机，并且需要 2 MB 的 RAM。 

1991

Berners-Lee 推出了世界上第一个使用HTML命令的网站。他早期的网页格式适中：这是一个带有黑色文本的白色页面。尽管如此，这个页面背后的许多核心原则，比如标题命令，仍然是现代设计师的基础。事实上，这篇文章在其设计中使用了HTML ！

HTTP 是第一个设计用于在服务器和浏览器之间交换超文本文档的协议，也是 Berners-Lee 的创造。你能想象一个没有超连结的现代网站吗？现在你知道它们来自哪里了。 

1992

值得注意的发展是 魏培源的 ViolaWWW 浏览器，这是他在加州大学工作时开发的。该浏览器支持脚本、表格呈现和表单，并包含一个样式表来定义站点的视觉外观。

Bare Bones Software 发布了用于 Macintosh 的 BBEdit HTML和文本编辑器，以帮助 Web 开发人员。

CERN科学家Silvano De Gennar将第一张图片上传到网络，这是一张模仿音乐团体Les Horribles Cernettes的照片。

当年晚些时候，另一个搜寻引擎出现了。它是 Veronica，是「非常简单的面向啮齿动物的计算机档案全网索引」的缩写。

1993

今年为我们带来了 Mosaic，它是首批具有图像界面的 Web 浏览器之一。它是免费的，可在所有平台上使用。

ALIWEB （Archie Like Indexing for the Web）是 1993 年的另一个搜寻引擎。这是设计方面的重要一步，因为它使用颜色将用户的注意力吸引到网络必须提供的最佳页面上。

今年网页设计的另一个重要里程碑是第一个登陆页面。是谁做的？MTV ，音乐影片频道。他们自己的影片记者亚当·库里（Adam Curry）运行了这个页面，它有明亮、多彩的图像，看起来与两年前制作的网站完全不同。 

1994

今年永远改变了网络。1994 年，第一个横幅广告出现在 Hotwire 网站（现为 Wired）上。这个网站的设计色彩丰富但极简，广告上写着：「你曾经在这里点击过鼠标吗？你会」。

此外，今年出现了一个HTML验证器，帮助了无数的开发人员和设计人员。

伯纳斯-李再一次列出了一份清单。他创建了全球信息网联盟来建立网络规则。该组织负责HTML 、CSS、XHML 和 XML 标准。

然而，今年最重要的发展是基于漫画创作的 Comic Sans 字体，你可以猜到。这种字体臭名昭著，经常被嘲笑，但它也因其易于阅读的性质而受到称赞，并被推荐用于教有阅读障碍的人。 

1995

今年是高性能全文搜寻引擎ALTAVISTA 诞生的一年。最终，雅虎！收购了ALTAVISTA ，但由于谷歌的声望，他们在 2013 年停产。

此外，在 1995 年，Brendan Eich 发明了JavaScript ，旨在为浏览器 Netscape 2 提供更动态的界面。JavaScript允许与用户进行更多互动，以便网站可以检测到用户的移动，例如更改光标位置或按下按钮，并根据设计人员的需要做出响应。这在以前是不可能的。

我们还看到了HTML 2.0 的推出，它使开发人员能够创建表格、表单、图形等等！

用户体验一词出现在科罗拉多州丹佛市的一次会议上。 

1996

H?kon Wium Lie 推出 CSS，为开发人员提供轻松编辑和设计页面的能力。这使得基于表格的设计更加用户友好和有吸引力。Microsoft Internet Explorer 3 支持 CSS 并使其成为网页设计的主流部分。

Flash的首次亮相！Macromedia Flash 1.0 使用户能够创建矢量动画。这将对 1990 年代后期的网际网络产生重大影响。 

Flash允许集成动画和音频。但是，人们需要正确的Flash插件才能正确操作这些功能。尽管如此，这些动画和 GIF 直到今天仍成为网站的支柱，尽管Flash不再那么重要。 

1997-1998

这一时期的许多技术和网站对网页设计的发展产生了巨大的影响，但最重要的是：

Dreamweaver、GoLive 和其他软件使非技术人员更容易访问网站设计。结果，网页设计成为一种越来越受欢迎的技能和职业。

Macromedia Fireworks 允许设计人员使用矢量和位图图形。

谷歌出现，后来成为我们都知道的全球支柱。它基于一种算法来确定与最终用户的相关性——这是 SEO 领域的重要一步。 

2000-2004

网站使用量增加；估计有 3600 万网际网络用户。许多知名网站，如 Deviant Art、Google 、Yahoo! 、WordPress、Wikipedia 和 PayPal，在此期间出现。许多早期的网站已经消失，但网页设计变得更加强大，网际网络使用和设计迅速成为主流。

内容管理系统变得突出，允许控制网站上的内容。

社群媒体开始出现，伴随着 Yourspace，最终于 2004 年出现在 Myspace，以巩固社群媒体在世界上的地位。Myspace 将编码实践引入了一代人，并为极简主义设计实践定下了基调。相比之下，现代页面已经远离了这种风格，当时非常流行的图像和 GIF 沉重的页面影响着人们直到今天。

Web 2.0 一词于 1998 年首次使用，变得普遍。它强调社群媒体、论坛和图像共享。网站摆脱了早期的 HTML，变得更容易访问。 

2004-2007

用户最终可以在不了解HTML或其他编码实践的情况下制作网站。

Flickr、Reddit、YouTube 以及最终的 Facebook（后来的 Facebook，现在 的 Meta）已经成为众所周知的名称和网站。今天的网际网络很大程度上是这一时期的直接结果。 

2007-2013

智能型手机的兴起，尤其是 iPhone，引发了重大变化。朝着行动应用程序设计和跨平台支持的方向发展。Flash 不再与 Apple 兼容，设计师开始不再使用它。

2010 年前后，响应式设计对网页设计师来说变得至关重要。它使设计人员和开发人员可以创建相应调整和扩展的站点，而不管站点或应用程序的预期设备如何。现在它是所有设计过程中的必备品。

2013 年 React 诞生了。这个开源库使为Web应用程序创建用户界面和 UI 组件变得更加容易。

2013-2021

HTML和CSS在这个时期的网站设计中仍然很普遍，但是网站开发的选择更多，取决于结果。JavaScript 、HTML 、 CSS 等，各有优缺点。因此，设计师必须选择特定的语言和框架来专攻。

基于 CSS 的设计对于寻求引人入胜的内容的设计师来说至关重要，而HTML的基础知识也非常重要。JavaScript是许多流行的行动应用程序的基础，因为 Facebook 开发了 React Native，这是一个允许跨平台开发应用程序的框架。

Flash在 2017 年变得多余。到此期间，W3C （全球信息网联盟）最终确定了HTML 5.0 的规则，为网页设计师提供了更多的灵活性和多媒体支持。

到 2019 年，行动网际网络的使用比计算机更为突出。它进一步改变了行动应用程序设计的重要性。 

2022 年的网页设计

在 2022 年，JavaScript将运行您喜爱的许多应用程序和网站。大多数应用程序都以简约设计为目标，但许多复古字体正在卷土重来。

您可能已经注意到，网站会随着您的滚动而变化。许多网站专注于一个大型登入页面，以便在单独的讯息和媒体之间实现无缝过渡。这是因为许多网站的目标是尽可能地看起来像应用程序，成为多平台。

在美学上，多尺寸字体、抽象插图、装饰艺术和复古未来主义风格占主导地位。您可以阅读有关网页设计趋势的更多讯息这里.