如果您在该领域工作，最好了解网页设计的历史。此外，这是一个引人入胜且有趣的话题。回想一下 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将运行您喜爱的许多应用程序和网站。大多数应用程序都以简约设计为目标，但许多复古字体正在卷土重来。

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

　　在美学上，多尺寸字体、抽象插图、装饰艺术和复古未来主义风格占主导地位。

延伸阅读

• 小程序名字修改的技巧规则

  我们都知道名字的意义，名称作为陌生人最先的认知，在物质喧嚣的时代，如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象，这至关重要。随着小程序开发越来越多，运营者在给小程序...

• 小程序商城怎么运营？

  小程序商城在当今电商领域日益受到瞩目，成功运营这样一个平台对于每个经营者而言都至关重要。那么，我们该如何着手呢?一、确立品牌方向首先，我们要清晰地定义自己的品牌在市场中的位置。...

• 自建商城运营秘籍，吸引顾客有妙招！

  新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出，关键在于精准地定位核心产品。选择具有市场潜力的热销产品，并突出其独特之处，是吸引...

• 小程序商城推广完全指南

  随着小程序商城的日益兴起，如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样，以下是一些有效的策略：1.公众号与小程序的结合：商家可以将小程序与公众号绑定，...

• 推广引流方法有哪些，裂变营销什么意思

  推广引流方法有哪些，裂变营销什么意思除了各公域平台，另一个比较重要的引流场景，就是在微信中。一方面做信社交性强，对于身边用友的链接更紧密，微信上也会以群、公众号的形式聚集一群有...