20年前有多可怕?看看这10个辣眼睛的网站你就明白了 - 优设-UISDC

20年前有多可怕?看看这10个辣眼睛的网站你就明白了

2018/06/01 41820评论区

正如同我们所知道的,网页从诞生之初直到标准化经历了一个漫长的过程,随着网络、硬件、软件的逐步成熟,才有了今天我们所看到的丰富多彩的网络世界。但是世界从来都不是单一维度的,有优秀的设计,自然也有奇葩到令人发指的难看的设计,就像美的追求从来都没有止境一样,丑的下限也总是能被人一次又一次地刷新。今天我们从网络的故纸堆里面翻出了10个上世纪90年代流传广泛的「辣眼睛」的网页设计作品,也许它们不是有史以来最丑的,但是也足够博君一笑了。

毕竟,审丑和审美同样重要。

1. Penny Juice

Penny Juice 是一款专门为孩子们而准备的浓缩果汁。

多彩的果汁,似乎应该搭配一个多彩的网站。在1999年的时候,如果你访问这个网站,系统会提示你想看 HTML 的版本还是 Flash 的版本,如果你选择 Flash 的版本,那么你会迅速看到一个使用大量荧光色、带有交互式背景、包含旋转硬币、动画文字和浮云等元素的网站。网站混合使用了当时流行的 Time New Roman 字体,气泡中则使用了堪称反面典型的 Comic Sans,所有的这些元素共同构成了这个堪称精神污染的彩虹色网站。

排名第一绝对不是盖的。

2. Arngren

Arngren 这个90年代都算得上的网页设计中反面典型的网站,最令人震惊的一点是它一直存在至今。

这个以混乱拥挤而著称的网站首页信息量简直像是要爆炸开一样,至于它究竟是一个在线商店还是线上目录,根本没有人会深究,因为绝大多数人打开个网站的目的只有一个:前来膜拜。

想在这个被低像素贴图塞满的网站当中找到特定的物品是一件真正意义上海底捞针的事情。

3. Sixties Press

有的时候,专业的事情还是尽量让专业的人来做吧。这个名为 Sixties Press 的网站看起来像是一个6岁的孩子拼贴起来的,但是实际上它的来头极大:这是英国著名作家 James Duval 亲手设计,用来推销诗歌图书的网站。

很难想象他通过这个网站能卖得出去书。

当然,现在打开这个网站,已经不再使用上图中这个邪教般的设计了。

4. The Internet 1996 World Exposition

其实这个名为1996互联网世界博览会的网站本身根本谈不上丑,其内容更是涵盖了大量的来自艺术家、工程师和企业高管的互联网历史百科全书。

但是这个包含了大量子页面的网站充满了权利的游戏美学风格,无论是在当时还是在现在,都是一个相当神奇的存在。这种奇特的美学特征贯穿了整个网站,从字体到装饰均是如此。

5. Aliweb

Aliweb 被认为是世界上最古老的搜索引擎之一,通过搜索栏能够找到你想获取的内容。

当然,作为一个90年代的网站,将信息塞满整个页面,用小号字体确保页面能够承载尽可能多的内容,也谈不上什么错误,毕竟当时大家还不是那么明白用户体验这个事情的重要性。虽然这个网站在设计上说不上是辣眼睛,但是费眼睛是一定的。

6. USGS

这个网站是1994年美国地址调查局的网站。

这个网站的背景采用了当时非常常见的黄色背景,而网站真正让人觉得神奇的是其中红色的部分,这些文本其实全部都是链接,这个网站的设计师大概根本不太清楚网站的真实设计方法吧,这个槽简直是不知道从哪里开始吐槽比较合适:红色本是用来警告的,这里被用来作为超链接的色彩;红色对于视觉障碍用户而言也是不容易分辨的;另外,为什么这个网站全部的文本都是链接?

这个网站的设计师简直是可用性是杀手。蓝色之所以用来作为超链接的色彩,很大程度上是因为它是可识别度最高的色彩,不具备侵略性,而且是约定俗成的做法。

7. Amazon

要开始挖黑历史了。

如今 Amazon 已经是互联网巨头了,而巨头刚刚开始的时候其实网站的设计也不咋样。这个时候亚马逊的网站设计和漂亮简直毫不沾边。

和许多90年代的泥石流级别的网站其实差别并不大,简单粗陋,超链接的识别度低,背景的灰度过高,还不如前面美国国家地质调查局的网站设计!

另外,这个阶段亚马逊的 LOGO 还是一个大理石材质的字母A,和之后的设计简直一个天上一个地下。

8. Apple

对的,接下来要说苹果公司的网站了。

和同时期的其他网站相比,当时苹果公司的网站看起来并没有那么糟糕,甚至要强上不少。

1997年的苹果网站采用了垂直导航,带有清晰的链接和滚动条,还很贴心地把日期和时间为你标识出来。网站依然采用了老版的彩虹苹果LOGO。

当然,和今天的苹果的网站相比,这个阶段的苹果公司的网站设计不仅毫无亮点,甚至可以说毫无可比性。

9. CocaCola

可口可乐在90年代的官网也是一个相当值得吐槽的案例。

不说让人很容易想起肯德基的红色背景,首页文本内容的可读性低得不像是一个重视设计的公司能设计得出来的样子,而最重要的问题在于,可口可乐这个如此重视品牌的网站里面,LOGO在哪?

10. Disney

最后拉出来游街的大佬是迪斯尼。

如果不深究的话,网站本身在美学上确实很有迪斯尼的特征。网站采用了非常反常规的底部双层导航栏,整个设计在可用性上并不强,单一个首页就用了超过6种字体,极为花哨。

结语

这些90年代的老旧网站真的很糟糕,即使大厂出品的网站同样呈现出各种各样的缺陷。许多不成熟、不合理甚至不好看的设计,同样能够给我们很多启示。

现如今,设计师通过成熟的流程(需求分析、用户调研、线框图、原型、开发、测试)来确保网站能够逐步成熟,通过协同合作最终落地。用户体验设计师通过可用性测试等不同的手段让产品功能和体验真正能够更加贴近用户,贴合需求,也正是这些合理的手段和成熟的方法,让设计的价值最终体现出来。

「2018年设计趋势,一个都不要错过」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/10-90s-websites-designs

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 设计师 交互设计师 扁平化设计 排版布局 职场 设计师专访 素材下载 设计流程 用户体验设计 视觉设计 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 动效设计 设计趋势 psd下载 产品设计 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里