sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

网络历史第1章:网页设计演变

Share

Time:

2022-05-24 10:36:15

Author:

素马

 

如果您在该领域工作,最好了解网页设计的历史。此外,这是一个引人入胜且有趣的话题。回想一下 10、15 甚至30年前网站的样子,你就会意识到网页设计发生了多么迅速和巨大的变化。 

 

在本文中,素马设计将分解网页设计的起源,为您提供其演变的时间表,并了解2022年设计的位置。这是我们最关心的话题。我们创造网页设计,产品,和应用设计解决方案,所以我们知道如何提供出色的用户体验体验的细节就像一本书一样。 

 

网页设计的诞生

互联网或万维网的概念最早出现在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将运行您喜爱的许多应用程序和网站。大多数应用程序都以简约设计为目标,但许多复古字体正在卷土重来。

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

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

素马设计十余年来,一直在进步,素马团队不断追赶趋势甚至在多方面领先潮流,以用户为中心,以人为本的包容性设计就是未来的趋势。

 

素马有话说

我们希望您喜欢了解网页设计的历史。在相对较短的时间内看到网页设计的演变真是令人惊讶。与早期相比,互联网和设计发生了根本性的变化。 

 

由于网页设计总是在变化,当您想要设计和开发自己的网站时,及时了解所有这些趋势是至关重要的。素马设计可以通过设计和开发您的网站、应用程序等来帮助您。看一眼 我们的服务并了解我们如何帮助您创建尖端网站或应用程序。