来,了解一下90年代的网站

news/2024/5/20 15:11:24/文章来源:https://blog.csdn.net/UW63ZqpKxwlRL1/article/details/81151265
来自:www.sohu.com/a/240853435_668770


20 年对于互联网来说是很长的一段时间,网页设计在此期间也走过了很长的路,我们现在回头看,几乎不敢相信我们曾经设计过这种东西!


▎1. Penny Juice


Penny Juice 是一款为儿童制作的果汁,下图是他们 90 年代的官网,感受一下这五彩斑斓……


640?wx_fmt=jpeg


▎2. Arngren


Arngren 让人很震惊的是 —— 现在仍然存在!你可以以水平方式或垂直方式来浏览网站的内容,网站上充满了让人眼花缭乱的红蓝超链接和低质量贴图……谁用谁知道 ~


640?wx_fmt=jpeg


▎3. Sixties Press


这个网站看起来就像是1995年由一个六岁小孩设计的,实际上它是由英国作家 Barry Tebb 设计的,用以推销图书,不知道销量如何……

我们来看看网站的主页,大标题设置在黑色的波浪形不规则图形中,看起来似乎一点也不清楚,下面所有的导航按钮的文字都是鲜艳的颜色和黑色的背景(黑人问号???)


640?wx_fmt=jpeg


▎4. The Internet 1996 World Exposition


国际互联网 1996 年博览会看起来还正常点,但是仔细一看 —— 你能发现各种字体的混搭,包括 Times New Roman、Arial 和 retro Art-deco;每个导航目的地都使用相同的图标以及,使用不同长度的双色调竖幅都是很低级的错误。


640?wx_fmt=jpeg

 

▎5. Aliweb


Aliweb 被认为是世界上最古老的搜索引擎,通过搜索栏或下面的类别进行搜索。

如果你有个放大镜,这个 90 年代的网站并没有什么错。不同类别的项目由一条红色垂线间隔开来,同时还有鲜艳的黄色背景,真正满足眼睛的需求!

不过 90 年代的电脑屏幕应该挺小的……


640?wx_fmt=jpeg


▎6. USGS


这是 1994 年美国地质调查局网站

满屏幕的红色链接一下子就吸引了用户注意。但是,设计师应该都懂得红色一般用于警告和错误,不应该用于导航链接。可用的超链接是良好用户体验的精髓,蓝色才是超链的颜色。


640?wx_fmt=jpeg


▎7. Amazon


浓眉大眼的亚马逊也上榜了。

90 年代的 Amazon 还只是卖书的,在交互式轮播、搜索栏下拉菜单出现之前,它的网站和其他同行并没有太大区别。


640?wx_fmt=jpeg


▎8. Apple


平心而论,1997 年的 Apple 网站看起来还过得去。事实上,在 90 年代中期,Apple 算优秀的了,当时的网站用的还是彩虹苹果的 logo。


640?wx_fmt=jpeg


让我们快进到 2018,现在苹果的网站整洁美观:


640?wx_fmt=jpeg


▎9. Coca-Cola


一个很大的槽点,可口可乐的 logo 在哪里?一只手抓住一杯可乐的小图并不能用作品牌图啊!不过至少文字是居中对齐的。


640?wx_fmt=jpeg


▎10. Disney


最后是迪士尼了,90 年代的迪士尼用的双层底栏导航设计,以现在的眼光看很奇怪。而且,在它的主页上,竟然使用了超过 6 种不同的字体,这种设计确实很有年代感了……


640?wx_fmt=jpeg

▎11. 1999 年的微软

640?wx_fmt=jpeg

▎12. 1999 年的 Yahoo!

640?wx_fmt=jpeg

▎13.1997 年的索尼

640?wx_fmt=jpeg

▎14. 1999 年的 MSN

640?wx_fmt=jpeg

▎15. 1999 年的 Hotmail

640?wx_fmt=jpeg

▎16. 1999 年的 Yahoo!

640?wx_fmt=jpeg

说实话,这些 90 年代的网站设计真的很糟糕 —— 五彩斑斓的页面、各种不同字体的混搭、随意设置的背景图形、不考虑用户观感的字体大小,随便拎一条都能作为设计中的原罪。


不过技术总是在不断发展的,设计理念也是在发展的过程中一步步完善,一步步前行。当我们回过头看这些「糟糕」的设计,其实都是前人给我们铺好的阶梯,让我们能一直进步!

转载文章和图片均来自公开网络,版权归作者本人所有,如有侵权,联系删除。


公众号内回复“1”带你进粉丝群640?wx_fmt=gif

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_770910.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站 HTTP 升级 HTTPS 完全配置手册

作者:葡萄城技术团队链接:https://my.oschina.net/powertoolsteam/blog/1862967昨天,所有使用Google Chrome稳定版的用户迎来了v68正式版首个版本的发布,详细版本号为v68.0.3440.75,上一个正式版v67.0.3396.99发布于6月…

来膜拜下 Google 的全球化网站架构

这是 Google SRE 工程师在2018年5月的一篇分享。本文大致的介绍了 Google 整个网站的 infrastructure,以及代码发布流程。而更详细的细节,可以阅读 Google 出的《Site Reliability Engineering》这本书。原视频 Google Tech Talk 的链接:http…

因在公司上不正经网站,我没过试用期…

本文转载自程序员石头,作者 石头哥 最近浏览到一个知乎问题:某运营同学在试用期期间因为在工作期间上了某个网站,导致试用期不过。 前两天还看到不少推文,大意是:看小电影前一定要注意网址是不是 HTTPS 的,…

点击“我不是机器人”后,网站到底怎么知道你真的是人?

本文转载自腾讯网,大部分人可能都被Google要求做过这样奇怪的保证: “我不是机器人”。 只要你经常使用一些国外的网站,它就会隔三差五地弹出这个对话框,要求你点击来“声明”自己不是机器人。 以前这种“证明自己是人”的环节里…

帮年轻人 “规划身后事”,这家网站获千万融资

本文转载自IT之家,2020 年 4 月的一天,24 岁的伊莎贝尔撰写了一条未来她将从坟墓中发来的推文。她并没有即将就要逝去,甚至也根本没有生病。 伊莎贝尔被一种新的互联网服务「种草」了。她在网上看到了一些帮助人们「规划身后事」的网站&…

底层小程序员 练手做一个网站不小心赚了几十亿

微信又改版了,为了方便第一时间看到我们的推送,请按照下列操作,设置“置顶”:点击上方蓝色字体“程序员之家”-点击右上角“…”-点击“设为星标”。可以啦,让我们继续相互陪伴。人们都说互联网是个神奇的领域&#xf…

8个程序员专用软件/网站,个个是神器,第一个最惊喜......

微信又改版了,为了方便第一时间看到我们的推送,请按照下列操作,设置“置顶”:点击上方蓝色字体“程序员之家”-点击右上角“…”-点击“设为星标”。可以啦,让我们继续相互陪伴。节省时间的方法有俩,一个是…

相亲网站男生都是一个人,单身程序员惊现神操作!!

微信又改版了,为了方便第一时间看到我们的推送,请按照下列操作,设置“置顶”:点击上方蓝色字体“程序员之家”-点击右上角“…”-点击“设为星标”。可以啦,让我们继续相互陪伴。话说,今年还有不到一个月就…

为网站引入今日诗词

今日诗词 API 是一个可以返回一句古诗词名句的接口。它可以通过图片和 JSON 格式调用。今日诗词 API 根据不同地点、时间、节日、季节、天气、景观、城市进行智能推荐。 官网&#xff1a;www.jinrishici.com <div id"poem_info"></div> <div id"…

搜免费电子书,怎么能少了这些网站!

链接&#xff1a;https://www.lifewire.com/download-free-books-3482754作为开发者多看点书还是应该的&#xff0c;要是想要看的书都能免费那就更好不过了&#xff0c;此前猿哥已经和大家分享过一些免费电子书&#xff08;下载/在线&#xff09;阅读网站&#xff1a;程序员专属…

Fastly道歉:软件漏洞导致全球大量网站宕机

本文转载自IT之家 北京时间 6 月 9 日下午消息&#xff0c;据报道&#xff0c;云服务提供商 Fastly 今日表示&#xff0c;导致昨日大量网站宕机的罪魁祸首是一个软件漏洞&#xff08;Bug&#xff09;&#xff0c;该漏洞由一家客户更改其设置后触发。 昨晚&#xff0c;全球大量…

黑客捣毁了个暗网杀手网站,却险些触发了世界各地的多起杀戮...

来源&#xff1a;https://mp.weixin.qq.com/s/qcQ4WDuBKy0ZbAn0G66zg几年前&#xff0c;伦敦的业余黑客Monteiro突然收到了一封邮件&#xff0c;邮件是一行粗体字&#xff1a;“自杀&#xff08;还是谋杀&#xff09;&#xff1f;”&#xff0c;邮件下面附了一个链接&#xff0…

Python爬取网站图片数据

Python爬取网站图片数据 找到需要爬取的网站地址 模拟网站http请求 根据调试模式获取的了解读取到真实的地址url&#xff0c;读取请求头数据和参数信息&#xff0c;模拟http请求调用 import requests from urllib.parse import urlencode # requests内置的状态码&#xff0c…

这个项目把100多个知名网站都克隆出来了!

本文转载自GitHub技术社区 今天要和大家推荐的这个开源项目牛逼了&#xff0c;把100多个热门网站都克隆出来了&#xff0c;还将源码通通开源&#xff0c;Airbnb&#xff0c;Amazon&#xff0c;Instagram&#xff0c;Netflix&#xff0c;Tiktok&#xff0c;Spotify&#xff0c;…

Python爬虫进阶之JS逆向某视频网站登录

很久没更新JS逆向方面的文章了,一个原因是因为最近爬虫这方面管的比较严,相信大家都看过很多违法的案例了,就不细说了。另一个原因是我换坑了,现在的工作内容基本上和爬虫不相关了。 不过大家请放心这方面的内容会持续慢慢…更新下去,当然还有web这方面的内容以及Python其…

Python爬虫进阶之某支付网站密码分析

目标网站 aHR0cHM6Ly9hdXRoLmFsaXBheS5jb20vbG9naW4vaW5kZXguaHRt 今日目标网站是我们常用的支付网站,感觉自己有点飘了~~ 这里只解密密码的加密方式,至于其他参数… 请求分析 先看请求,输入账号,密码后点击登录,记得提前浏览器打开 F12 这里注意输入错误的密码,方…

完成图书管理系统类图的绘制_智慧图书馆管理系统方案/APP/小程序/公众号/网站...

随着人们对图书需求的不断增加&#xff0c;以及图书馆数量的不断增加&#xff0c;传统的完全靠人工管理的图书馆已经难以适应时代发展的需求。传统的图书馆存在图书管理模式落后&#xff0c;找书困难&#xff0c;借还手续繁琐。图书资源有限&#xff0c;无法提高图书的流通率和…

wp网站想换个服务器怎么弄,wordpress服务器搬家和更换域名的几个步骤

问题解说其实wordpress换域名需要到数据库进行操作的&#xff0c;首先&#xff0c;你换域名也是有几种情况的&#xff1b;换空间换域名如果是上述问题&#xff0c;那么将FTP整站打包外&#xff0c;还需要将数据库里的所有数据表也打包&#xff0c;数据库是进phpmyadmin里打包的…

服务器 医疗网站,云服务器 医疗

云服务器 医疗 内容精选换一换云服务器组是对云服务器的一种逻辑划分&#xff0c;云服务器组中的弹性云服务器遵从同一策略。当前仅支持反亲和性&#xff0c;即同一云服务器组中的弹性云服务器分散地创建在不同的主机上&#xff0c;提高业务的可靠性。您可以使用云服务器组将业…

两行代码实现精简的网站访问量统计(不蒜子)

一、不蒜子简介 “静态网站建站现在有很多快速的技术和平台&#xff0c;但静态是优点也有缺点&#xff0c;由于是静态的&#xff0c;一些动态的内容如评论、计数等等模块就需要借助外来平台&#xff0c;评论有“多说”&#xff0c;计数有“不蒜”&#xff01;&#xff08;多说…