界面设计趋势一直在变化,您可以在过去的网站布局中看到这些想法。

多年来,网站会逐渐更新和更改其设计风格,有时会变得更好,有时会变得更糟,但无论您是否喜欢,Internet都是一个快速发展的有机体。

许多人称之为“ Web 2.0”时代,在设计文化中添加了许多新思想。

对于本文,我想在流行的网站上展示一小部分先前的设计,以研究它们在各种迭代中的变化

历史永远是事后看来的有力老师。

通过回顾过去,我们可以了解哪些接口运行良好,更重要的是,由于什么原因。

的YouTube

它最初于2005年推出,自那时以来发展很快。

这是最流行的视频上传网络 ,与其他网站相比,它处理大量数据。

到目前为止,世界上几乎每个人都应该了解YouTube。

但这家公司采取了许多很好的措施,并且发展很快。

他们的现代布局已进行了相当大的改进,并且还与Google建立了用户帐户连接。

该网站向来以简单为目的,使观看体验更加轻松

我记得最初的两对YouTube布局确实很出色。

2006年10月

最顶部的标签可让您轻松导航,同时您也可以在精选视频流中检出视频。

自2005年进行初始设计以来,已经对其进行了修饰,并且外观要好得多。

该屏幕快照可追溯到YouTube推出后不久的2006年秋天。

这次重大更新之所以如此出色,是因为它使用户对使用频道更加感兴趣

记忆之旅:流行网站的早期设计

2007年9月

同样, 视频列表设计更容易远距离浏览。

由于许多视频播放器也是本机Flash播放器,因此它们是使用Flash构建的。

在2007-2008年前后,YouTube 在首页上尝试了许多自定义旋转小部件

一年后的2007年,进行了许多更新。

然而,设计仍然感觉极小,并且非常易于交互。

页眉和导航选项卡上有光泽的蓝色渐变

在列表用户界面中,我们拥有所有关键细节,包括上传器,星级,观看次数和视频类别。

记忆之旅:流行网站的早期设计

2012年4月

YouTube继续进行了一些小改动,直到2012年初才更新了它们的基本布局。然后,他们采用了一种截然不同的方法, 将背景色变暗,为所有类别链接创建了一个新列

极简主义是一个重要功能,但是实际设计中除了简单的空白之外,还有很多其他功能。

当前的现代YouTube设计仍然让人联想到2012年的重新设计。

记忆之旅:流行网站的早期设计

掘客

创始人凯文·罗斯(Kevin Rose)于2004年11月将Digg上线。此后,它作为一个单独的实体经历了许多动荡,直到2012年7月被卖给Betaworks。

该网站上有很多好消息,评论常常很有趣。

早在我还不了解互联网之前,我就记得浏览Digg。

2006年2月

但这就是伟大的网站通常是如何开始的。

类别和相关链接也非常局限在侧栏中。

投票徽章是较粗糙的黄色,块状和较小的阴影

Digg最早的设计之一是蓝色的顶部导航栏干净整洁,并带有一些典型的网站链接。

这是一个行之有效的设计,它使Digg赢得了众多用户群并Swift成长。

记忆之旅:流行网站的早期设计

2008年10月

投票徽章也进行了重大更新 ,外观比原始设计要好得多。

故事提交现在包括缩略图 ,类别位于带有下拉链接标题中

这是许多Digg用户知道和喜欢的东西,因为它具有许多独特的社交功能。

这张2008年10月的屏幕截图描绘了我个人最喜欢的布局样式。

Digg是基于Internet的社交新闻的先驱,回顾这一团队为公司所做的所有工作真是太好了。

用户个人资料非常适合,甚至有“呼喊”将朋友链接到您喜欢的故事。

记忆之旅:流行网站的早期设计

2011年10月

但是Digg v4的发布打破了网站上的许多旧链接和功能。

考虑到这是往复的共享圈,旧的电力用户系统要好得多。

现在,社区成员只是根据其帐户拥有的关注者数量而获得关注。

我知道Digg的许多用户发现此更新最令人失望。

但是对于另一个创业公司或社交新闻社区来说,这种布局设计可能是一个富有创意的起点。

对于许多用户而言,这感觉就像是功能的降级。

但我认为这对Digg没有帮助,因为Digg 的较早设计已经包含了更复杂的功能

设计本身确实有效,因为它最小且优雅。

记忆之旅:流行网站的早期设计

WordPress的

任何有钱购买Web服务器的人都可以在一个小时内安装WordPress。

改变了我们的写作方式和信息共享方式。

WordPress是最常用的开源博客平台,它极大地改变了整个世界。

母公司Automattic一直在努力增加新功能,并逐年扩大公司规模。

2005年8月

该屏幕截图来自2005年8月。我记得该设计有一些改编,但是使用纯白色背景且颜色不多,它们都非常简单。

最初的网站设计非常平淡,没有任何漂亮的徽标。

很高兴看到网站本身已经发展了多少。

WordPress最初是一个开源项目,因此始终是自举自足的工作。

记忆之旅:流行网站的早期设计

2008年8月

我还喜欢他们如何使用深色的标题区域,而将其与明亮的蓝色中间部分形成对比

所有顶部的导航标签链接都包括在内,可以产生免费的主题插件和官方文档

现在,此屏幕截图取自2008年8月,它与当前网站的设计相似。

确切的样式已经随着时间而更新,但WordPress的官方网站布局仍然保留了许多这些核心功能。

记忆之旅:流行网站的早期设计

如何

但是内容是以易于遵循的教程格式编写的,您可能会因其另类的设计风格和高质量的书面内容而感到惊讶。

我非常喜欢当前的设计,因为它反映了典型的在线杂志网站

它从2000年初开始就已植入内容,目前由Demand Media管理。

eHow网站是阅读常见教程的好地方。

2004年8月

这就是eHow在2004年8月的样子。类别列表非常简单,您可以在侧面找到以标签页形式显示的相关导航项

简单,干净,小巧但仍易于阅读。

该布局如何运行了几年,直到他们最终更新为一个更现代的概念。

设计思想很粗糙,但确实可行。

记忆之旅:流行网站的早期设计

2008年8月

另外,该网站实际上看起来像一个教程出版物,而不是一个明亮的目录清单。

我真的很喜欢团队从2008年开始的这次迭代所做的工作。该标题易于阅读,肯定会引起您的注意。

顶部的标签链接转到配置文件和编写页面,以编写您自己的操作方法教程。

但是您还将注意到eHow开始推动更多的用户交互

答案和答案袋。

这在包括Yahoo!在内的常见问题解答网站中相当普遍。

侧边栏区域使用垂直导航来包含所有主要类别。

现在,主页使用小部件列出特色的常见问题和类似的想法。

记忆之旅:流行网站的早期设计

美味的

在2005年,他们开始使用更常见的Delicious.com

但是最终该网站被Yahoo!收购。

许多Web 2.0应用程序都遵循使用替代TLD来创建一个简短单词的趋势。

Delicious于2003年首次推出时,使用的是网址del.icio.us。

2006年8月

仅在首页上看到注册表格有点令人惊讶,但这无疑是吸引更多用户的一种方式。

这将显示有多少人为每个链接添加了书签,以及正在使用哪些标签

而且他们在头版上仍然有一个受欢迎的章节,叫做热点列表

它已经由Yahoo!拥有。

从2006年8月开始的早期布局描绘了一个非常简单的书签网站。

记忆之旅:流行网站的早期设计

2008年8月

链接的形状像小标签,单击时将显示其他用户的所有加标签的标签。

我记得标签界面很漂亮而且很简单

这可能是Delicious曾经使用过的最佳布局。

现在是两年后的2008年8月。在我看来,站点已经发生了很大变化。

绝对是我个人最喜欢的布局,我认为其他社交书签服务可以从中学到东西。

记忆之旅:流行网站的早期设计

Flickr

最近的2013年重新设计与过去的布局相比发生了巨大变化,但它仍然是我们都知道并喜欢的精彩照片共享网站。

他们允许用户标记照片中的各个部分,添加地理位置,设置相册集合以及许多其他有用的功能。

就像YouTube开拓了互联网视频的未来一样,Flickr也是照片上传服务的开拓者。

2005年8月

但是,您可以轻松登录或注册新帐户,搜索照片,浏览标签以及其他常用功能。

新用户可能会感到困惑,因为它在解释他们网站的目的方面做得不好。

Flickr最初的网站布局是基本的,但确实有效。

您还可以通过带有块状阴影和硬边的边缘来判断按钮样式的日期。

设计非常小,适合屏幕显示。

记忆之旅:流行网站的早期设计

2008年8月

这种相同的布局样式在Flickr的主页上保留了很长时间。

我觉得这是一个更具吸引力的网站布局。

字体也更大,更容易远距离浏览。

按钮图形看起来很整洁。

展望2008年8月,您会发现很多变化。

同样,它们独特的超链接悬停状态将更改链接文本的整个背景,这在当时仍然是一个相当新的概念。

它与Flickr的原始产品有关,几乎感觉像是典型的网站品牌。

几年前使用Flickr的人们可能会记住,他们基于HTML的搜索输入按钮仍然保持相同的方形设计。

记忆之旅:流行网站的早期设计

最后的想法

它是一种很棒的学习工具,可以使人怀念互联网

Wayback Machine值得在线使用数十年,对网站布局进行分类以备将来之用。

这些示例网站为推进设计趋势提供了很多见识。

自2000年代初期以来,Web设计方法已经发展Swift,我希望在未来的几年中可以看到更多的增长。


翻译自: https://www.hongkiat.com/blog/trip-down-memory-lane-popular-websites/

相关文章:

  • 2021-09-21
  • 2021-10-26
  • 2021-05-05
  • 2021-12-18
  • 2021-10-30
  • 2022-01-08
  • 2021-11-22
  • 2022-01-14
猜你喜欢
  • 2022-01-07
  • 2021-05-18
  • 2022-01-20
  • 2022-01-21
  • 2021-04-10
  • 2021-10-04
  • 2021-05-26
相关资源
相似解决方案