网页设计的历史
网页设计的诞生
互联网或万维网的概念最早出现在 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将运行您喜爱的许多应用程序和网站。大多数应用程序都以简约设计为目标,但许多复古字体正在卷土重来。
您可能已经注意到,网站会随着您的滚动而变化。许多网站专注于一个大型登录页面,以便在单独的信息和媒体之间实现无缝过渡。这是因为许多网站的目标是尽可能地看起来像应用程序,成为多平台。
在美学上,多尺寸字体、抽象插图、装饰艺术和复古未来主义风格占主导地位。您可以阅读有关网页设计趋势的更多信息这里.