观看记录
  • 我的观影记录
登录
测试首页你注意过吗?为什么超链接是蓝色的?

你注意过吗?为什么超链接是蓝色的?

撰文 | ELISE BLANCHARD(mozilla.org作者)

翻译 | LZM

互联网已经深切到我们糊口的方方面面,但我敢赌博,数字宿世界之中有一个方面是您认为理所当然的。您有没有注重到良多链接,出格是超链接,都是蓝色的?

当一位同事不经意地问我为什么链接是蓝色的时辰,我被难住了。

作为从 2001 年就起头建造网站的用户体验设计师,我一向将链接设置为蓝色。我曾倡导利用特定的蓝色色调,并对峙利用。是的,但我从未遏制过并想知道,为什么链接是蓝色的?这就是糊口的实际。草是绿色的,超链接是蓝色的。在文化上,我们经常将链接与蓝色联系在一路,以至于 2016 年谷歌将链接更改为黑色时,造当作了半斤八两大的粉碎。

但此刻,我发现本身完全被这个问题所困扰,为什么链接是蓝色的?是谁决议把它们染当作蓝色的?这个决议是什么时辰做出的?这个决议是如何发生如斯持久的影响的?

我乞助于我的同事帮忙我研究,我们起头寻找谜底。Mosaic 是 Marc Andreessen 和 Eric Bina 于 1993 年 1 月 23 日发布的早期浏览器,带有蓝色超链接。

不外,为了真正领会超链接的发源和演变,我经由过程手艺汗青和界面进行了一次路程,以摸索在彩色显示器之前链接是如何处置的,以及一旦颜色当作为一种选择,界面和超链接是如何快速演变的。

经由过程不雅察这些预着色超链接的解决方案,我们可以看到超链接是如何跟着时候的推移而成长的,以及这些早期的立异是如何影响今天收集的可用性的。

1964 – Project Xanadu

Xanadu 打算有史以来第一次毗连了两页信息。链接是页面之间的可见的线。

1983 – HyperTIES system

这个系统引入了颜色,因为它利用了黑色布景上的青色超链接。HyperTIES 被用作电子杂志。这可能是我们今天所知道和喜爱的蓝色超链接的祖先,但我不认为这是第一次利用蓝色超链接,因为这种颜色是青色,而不是深蓝色。

1985 – Windows 1.0

Windows 1.0 带来了全彩色图形界面。链接和按钮仍然是黑色的,与那时苹果的界面近似。然而,我发现有趣的是,这是我们在结构中利用的深蓝色的第一个实例。深蓝色被大量利用在题目和情态动词的边框上。

Windows 1.0 的另一个有趣之处是它的超链接。这是第一个利用下划线来暗示我能找到的超链接的例子。为了让 Windows 1.0 加倍有趣,我们看到了悬浮状况的引入。现代交互设计的特点在 1985 年依然活跃。

1987 – HyperCard

这个程序是苹果为麦金塔电脑发布的,它利用了页面和应用程序之间的超链接。固然美不雅,但这个版本在超链接中没有利用颜色。

1987 – WorldWideWeb (WWW)

WWW 是 Tim Berners-Lee 在 CERN 工作时建立的第一个浏览器。它最初是口角的,超链接下面有下划线,这在今天的现代网站上仍然利用,是应对色盲的一个很好的解决方案。

是谁把它酿成蓝色的?

此刻,我们已经可以或许缩小蓝色超链接发源的时候规模。

万维网,第一个浏览器,建立于 1987 年,是口角的。我们知道 Mosaic 于 1993 年 1 月 23 日发布,被认为是第一个带有蓝色超链接的浏览器。到今朝为止,在 1987 年之前,我们还没有发此刻任何界面中利用蓝色作为超链接,可是跟着彩色显示器变得加倍可用,界面起头撑持颜色,环境很快就会发生转变。

在接下来的几年里,我们将看到在色彩和超链接办理方面的大量立异和尝试。

1990 – Windows 3.0

Windows 3 撑持 16 种颜色,可是文本链接仍然是白色布景上的黑色链接,当被选中时,会酿成黑色布景上的白色文本。

1991 – Gopher Protocol

Gopher 和谈是在明尼苏达大学建立的,用于搜刮和检索文档。它最初的设计特色是黑色布景上的绿色文字。

1991 – HyperCard (Color)

苹果为其 HyperCards 增添了色彩,但值得注重的是,文本链接仍然是黑色而不是蓝色。然而,有些 UI 元素在交互时确实有蓝色的影子,这长短常主要的,因为它显示了蓝色作为交互颜色的迟缓转变。

1991年10月5日 – Linux Kernel

Linux 在黑色布景上利用白色文本。

1992 – ViolaWWW

在 ViolaWWW 浏览器中,文本链接有下划线,布景颜色是灰色,就像我们看到的 Mosaic 的最第一版本一样。然而,文本链接是黑色的。

1992年4月6日 – Windows 3.1

自 1985 年以来,微软一向利用深蓝色作为界面,但从 1990 年起头,他们也起头利用它来进行交互。在这里,当用户点击分歧的驱动器、文件夹和图标时,微软利用蓝色超链接暗示活动状况。这长短常主要的,因为它显示了蓝色从结构颜色到交互颜色的迟缓演变,比蓝色被添加到马赛克的时候早了几乎整整一年。

1992年1月16日到6月21日 – Linux Kernel

1992 年,Linux 内核在其节制台中添加了对颜色的撑持。

谁最先利用蓝色的?

1993 年 1 月 – Mosaic

Mosaic 的第一个测试版是为伊利诺伊大学的 X 窗口系统建立的。最初的界面是口角的,没有蓝色的超链接,可是有带边框的黑色超链接。按照 X System用户指南,超链接被加下划线或高亮显示。

1993 年 4 月 12 日 – Mosaic Version 0.13

在0.13 版本的 Mosaic 更新日记中,有一条信息对我们来说很是主要:

用《侏罗纪公园》(Jurassic Park)中杰夫·戈德布卢姆(Jeff Goldblum)扮演的伊恩·马尔科姆(Ian Malcom)的不朽名言来说:“好吧,就是这样。”

1993 年 4 月 21 日 – Mosaic Version 1

Mosaic 登录 X 窗口系统。我无法找到这个版本的界面截图,但按照发布申明,拜候的颜色被更改为非 SGI 的更好拜候的锚色。

1993 年 6 月 8 日 – Cello Beta

Cello 是康奈尔大学法学院(Cornell Law School)牵头建立的。有了 Cello,律师们就可以用 Windows 电脑拜候他们的法令网站。我的队友 Molly 帮我下载了 0.1 测试版,我们被这一发现震动了:

就是这个!这就是我们寻找的超链接气概,尽管它不是一个超链接,而是一个题目。在 1993 年之前,我们的蓝色链接从未在用户界面上呈现过,但俄然间,它在短短两个月内呈现在两个分歧的浏览器上,它们是在两所分歧的大学同时成立的。

1993 年 9 月 – Mosaic Ports

<img src="http://iknow-pic.cdn.bcebos.com/e4dde71190ef76c6a532b9bb8f16fdfaae5167b9?x-bce-process%3Dimage%2Fresize%2Cm_lfit%2Cw_450%2Ch_600%2Climit_1%2Fq

“你注意过吗?为什么超链接是蓝色的?”关联的文章

  • 如何关闭皮皮搞笑精彩内容消息通知

    皮皮搞笑是一款手机搞笑社区App,让用户笑到没心没肺,又忍不住感动流泪的温暖家园,那么如何关闭皮皮搞笑精彩内容消息通知以满足不同用户的需求呢?

    1小时前0阅读

    如何关闭皮皮搞笑精彩内容消息通知
  • win7系统找不到宽带连接怎么办

    现如今很多用户都喜欢使用win7系统,而在使用win7系统的过程中做的最多的就是上网了。Win7系统上网离不开宽带连接,如果win7宽带连接找不到了,应该怎么办呢?下面就让小编为大家带来win7系统找不到宽带连接解决方法

    1小时前0阅读

    win7系统找不到宽带连接怎么办
  • 新版QQ音乐怎么关闭底部的直播导航

    新版QQ音乐怎么关闭底部的直播导航?下面请大家随小编一起来看看操作的方法吧。

    1小时前0阅读

    新版QQ音乐怎么关闭底部的直播导航
  • 怎样查询高速实时路况?

    要出行怎么查询高速实时路况?我们用地图就可以了,在地图上就可以看到实际的路况的,下面详细来看下。

    1小时前0阅读

  • 六芒星手势密码教程
  • 教师讲课过程评价标准

    教师是太阳底下最光辉的职业,但是成为教师之路也是要经历重重考验的,下面给大家说说教师讲课过程评价标准

    1小时前0阅读

  • 酚醛铝箔夹芯板

    酚醛铝箔夹芯板是由酚醛泡沫与两层亚光铝箔经过特殊工艺复合而成。外膜材料为经过高温固化的高分子膜,可有效的防止紫外线及气体腐蚀,并与铝箔结合牢固,又能与酚醛泡沫形成聚合物,从而保证象圆酚醛铝箔夹芯板的质量稳定。

    1小时前0阅读

  • Xperia XZ2 Premium配置如何

    Xperia XZ2 Premium是索尼在4月16日悄悄发布的新机,而且没进行预热,下面来简单了解一下配置。

    1小时前0阅读

  • PLSQL破解,无需注册码和破解工具

    PL/SQL Developer过期了,又没有注册码,又不想花钱买,而且事情又非常急,这时候怎么办?不要着急,请随小编一起解决这种情况吧。

    1小时前0阅读

  • Win11按capslock切换不了大小写怎么解决

    有朋友不知道在哪里设置,下面小编就给大家分享详细的设置方法,有需要帮助的朋友可以参考下这篇经验,希望能对大家有所帮助。

    2小时前0阅读

    Win11按capslock切换不了大小写怎么解决
切换深色外观
留言
视频编辑修改
回到顶部
首页
手机数码
医疗健康
金融管理
社交情感
无名