回顾 30 多年的互联网网站设计

由于 1991 年第一个网站发布，万维网设计取得了长足的进步。 该网页完全以文本内容为中心，标志着一场电子革命的开始。

尽管对“正在建设”的 GIF 和令人眼花缭乱的跟踪记录颜色的回忆让我感谢互联网发生了多少，但有一些历史性的网站风格决定基本上需要尊重。

像这样的互联网站点 1 并没有错过时间，两者都是。 如果您想在考虑到网站发布的任何时间间隔查看网站的外观，请将其域名输入 Wayback Machine 并选择一天。 在这篇文章中，让我们来看看网站风格是如何发展的，从纯文本内容的界面到我们现在看到的流畅的现代设计。

1990 年代初期：古代

90 年代初标志着我们网站布局时间线的开始。 在这一点上，没有这些东西作为高速网络链接。 它是拨号调制解调器，或者什么都不是。 因此，网站需要开发的链接速度远低于一流的链接速度。 它们主要表现为文本分区——我们现在认为理所当然的“布局格式”并不存在。

尽管后来的 HTML 变体允许更高级的设计，但与目前相比，它们是非常主要的，主要由标题、段落和入站链接的标签组成。 诸如排版、图像和导航之类的可见组件和样式是不那么遥远的可预见未来的项目。

现代互联网网站的要点：

虽然这些早期网站的功能纯粹是信息性的，但我们可以看到一些现在正在使用的设计组件。 这些旧网页非常轻巧，并针对渐进式互联网连接进行了优化，我们所有人都会不时地继续工作。 这些设计和风格因素考虑了人的工作经验，今天的网站通常不会做任何事情，即使速度更快。

当然，今天的万维网可以处理加载媒体的互联网网站……但即使现在它也有一些界限。 当加载速度通常不像我们想要的那么快时，大型媒体文件、沉重的图形样式和异常的动画都可能导致更高的跳出率。 考虑到复杂的风格和设计时，请把你的人放在头上，并记住 KISS（继续保持它非常简单，超级英雄）。

1990 年代中期：中世纪

网络结构的中心时代受到现场网站建设者和间隔 GIF 的困扰。 （虽然比真正的瘟疫大，理想吗？）到 90 年代中期，网站风格在构图和视觉外观方面都得到了发展。 设计师开始使用基于表格的布局来管理材料，从而提高灵活性和创造性想象力。 尽管如此，网站的文本内容还是相当重要的，但现在可以将文本分为列、行和其他导航功能，以提高可读性。

图形布局功能也立即流行起来。 网站点击计数器、动画文本和跳舞的 GIF 只是以网络风格标记这一时期的图形功能中的一小部分。

今日网站要点：

现在，有很多解释为什么依赖于桌面的设计和样式不是您网站的理想选择——大量的标记、缓慢的加载时间和视觉不一致只是其中的一小部分陷阱。

无论如何，这一进步对于万维网风格的演变至关重要：它是从转向非线性网站页面框架开始的。 不同的元素现在可以定位在万维网网页的不同部分中，并且设计师经验丰富，可以考虑以最有效的方式将现有数据提供给消费者。

在考虑导航和书面内容时，网页结构仍然至关重要。 它在很大程度上决定了用户如何体验以及如何与您的网站进行交互。 尽管这些因素在整个网络结构的中心时代可能并不处于最前沿，但它们目前肯定处于最前沿。

1990 年代后期：文艺复兴

再生。 重生。 万维网风格经历了合理的重新构想，但第一次出现了 Flash 的引入。 Flash 于 1996 年推出，开辟了使用简单 HTML 无法实现的风格前景的世界。 这是虚拟图形和交互的结合。

虽然之前的许多相同的设计和样式组件继续存在，但它们通过动画、平铺的历史视觉效果、霓虹色、3D 按钮、启动网页和其他多媒体进行了增强。

Flash 标志着以客户为中心的风格和设计的开始——结构和导航成为重要的标准，设计师开始在外观和可用性上超越纯粹的物品。

当今互联网网站的要点：

Flash 改变了游戏规则，但它不会永远坚持下去。 Flash 现在几乎没有被应用，被认为是有史以来最大的 Web 优化罪之一。 今天，决定使用 CSS 和 JavaScript 动画等替代解决方案以获得相同的结果，或从视频剪辑 Internet 托管网站嵌入影片已成为常态。

2000 年代初期：启蒙运动

2000 年代初是可用性和适应性真正成为万维网结构最前沿的时期。

主要需求是 CSS，一种允许开发人员将信息中的可见规则与 HTML 分开的编码语言，熟练地将书面内容和时尚分开。 这给了那些网络设计师和书面内容开发者更高的艺术自由——内容现在可以完全从设计中开发出来，反之亦然。 CSS 使网站更易于维护（更少的代码和复杂性）、更灵活（div 标签独立于另一个）和更快的加载（更小的文件）。

更好地了解色彩心理学也导致更多地使用空白和较低的花哨色调，如霓虹灯。 链接开始持续添加到图标中，而不仅仅是文本内容，分辨率和像素化成为更重要的问题，材料的战略布局也获得了关注。

当今互联网网站的要点：

男人和女人通常会浏览网站以搜索他们需要的信息和事实，因此任何使这项任务变得更简单的网站都会获得很大的测试标记。 精明的网页设计师知道大多数最终用户不应该浏览网站上的每一件小事，并了解受众如何看待信息。

因此，直观的事实、视觉上强调的入站链接和简单的导航只是现代网站需要遵守的一些最佳程序。 一般风格和设计与可用性的想法！

2000 年代中后期：工业革命

网络设计和风格的工业革命始于 Net 2 的开始。正是在这个时候，事情才真正开始走向现代万维网。 多媒体应用程序的进步、交互式书面内容的兴起以及社交媒体的出现是这一时期的两个明确特征。

此外，这些改进主要决定了网站结构的方式……很好，完成了。 美学改变捆绑了改善的阴影分布，增加了图标的使用，以及对排版的更好关注。

最重要的是，尽管如此，风格和设计逐渐成为内容，而书面内容则转向研究动力优化。 随着人现在牢牢地处于布局的中心，营销解决方案（至少明确地）成长为网站的次要表现——现在一切都是为了发现。

当今互联网网站的要点：

如前所述，网站 2. 的演变将 Web 优化的进步视为需要考虑的事情。 尽管这些方法多年来一直在定制，但在 Web 优化方面考虑您的网站仍然是大多数蓬勃发展的企业网站的主要优先事项。

SEO需要书面内容，而书面内容在此期间大多成为网站风格和设计的重点。 关键字优化、入站和出站链接、创作、标记和联合技术等 RSS 成为纯粹的布局元素。 虽然 url 垃圾邮件和搜索词干扰迅速利用了这些方法，但这些程序在较长时间内无效，并且（我希望）大部分都失败了。

2010 年至今：时尚时代

今天，在《从互联网开始》发布大约两年后，网络布局已经成为每一个非常好的广告和营销方法中不可替代的组成部分。 最新分析发现，当今 50% 的消费者认为网站风格对商业模式至关重要。

在当代美学条件下，我们见证了极简​​主义的扩散：稀疏的文章、平面图形（如此冗长，3D 按钮！）、更简单的调色板以及大而大胆的视觉效果。 此外，UX 已经处于中间阶段，为这些布局选项提供了途径，如无限滚动和单独的网页设计和样式。

您可能已经注意到，我们的网站以其最新的布局包含了所有这些特征：

网络风格和设计演变中更重要的一步是蜂窝互联网。 考虑到 Iphone 于 2007 年问世，人们重新分析了互联网站点的结构方式，以适应不断增长的移动万维网用户。 考虑到手机通常缺乏典型台式机的处理速度或关系能力这一事实，它具有选择“移动优先”策略的各种移动框架，并且更大的目标是优化手机速度。

这场数字革命还增加了响应式布局，其中页面方面机械地修改为浏览窗口的宽度，让互联网站点在任何机器或显示器上都能很好地一瞥。 现在，需要响应式设计来确保令人满意的移动用户体验，指定超过 50% 的全球网站访问者将来自蜂窝设备。

互联网网站随后将走向何方？

如果有一个特定的元素教育了每个孤独的人只是这些发展中的一个，那就是书面内容。 下面的每一种结构成分都经过调整，以便以最高效和最有效的方式将最合适的材料带给人们。 可访问性、适应性和可用性的概念真正定义了这个万维网布局时期。

尽管目前我们可以在互联网设计方面做很多其他事情，但很高兴再次考虑我们来自的地方。 想知道网站设计如何取得如此大的进步，在接下来的 20 年里，无论它在哪里，都会让人感到非常激动。

编者请注意：这篇文章最初于 2013 年 7 月发布，并且一直是最新的。