正如同我們所知道的，網(wǎng)頁(yè)從誕生之初直到標(biāo)準(zhǔn)化經(jīng)歷了一個(gè)漫長(zhǎng)的過(guò)程，隨著網(wǎng)絡(luò)、硬件、軟件的逐步成熟，才有了今天我們所看到的豐富多彩的網(wǎng)絡(luò)世界。但是世界從來(lái)都不是單一維度的，有優(yōu)秀的設(shè)計(jì)，自然也有奇葩到令人發(fā)指的難看的設(shè)計(jì)，就像美的追求從來(lái)都沒(méi)有止境一樣，丑的下限也總是能被人一次又一次地刷新。今天我們從網(wǎng)絡(luò)的故紙堆里面翻出了10個(gè)上世紀(jì)90年代流傳廣泛的「辣眼睛」的網(wǎng)頁(yè)設(shè)計(jì)作品，也許它們不是有史以來(lái)最丑的，但是也足夠博君一笑了。畢竟，審丑和審美同樣重要。南寧網(wǎng)站建設(shè)
1. Penny Juice
Penny Juice 是一款專門為孩子們而準(zhǔn)備的濃縮果汁。
多彩的果汁，似乎應(yīng)該搭配一個(gè)多彩的網(wǎng)站。在1999年的時(shí)候，如果你訪問(wèn)這個(gè)網(wǎng)站，系統(tǒng)會(huì)提示你想看 HTML 的版本還是 Flash 的版本，如果你選擇 Flash 的版本，那么你會(huì)迅速看到一個(gè)使用大量熒光色、帶有交互式背景、包含旋轉(zhuǎn)硬幣、動(dòng)畫文字和浮云等元素的網(wǎng)站。網(wǎng)站混合使用了當(dāng)時(shí)流行的 Time New Roman 字體，氣泡中則使用了堪稱反面典型的 Comic Sans，所有的這些元素共同構(gòu)成了這個(gè)堪稱精神污染的彩虹色網(wǎng)站。
排名第一絕對(duì)不是蓋的。
2. Arngren
Arngren 這個(gè)90年代都算得上的網(wǎng)頁(yè)設(shè)計(jì)中反面典型的網(wǎng)站，最令人震驚的一點(diǎn)是它一直存在至今。
這個(gè)以混亂擁擠而著稱的網(wǎng)站首頁(yè)信息量簡(jiǎn)直像是要爆炸開一樣，至于它究竟是一個(gè)在線商店還是線上目錄，根本沒(méi)有人會(huì)深究，因?yàn)榻^大多數(shù)人打開個(gè)網(wǎng)站的目的只有一個(gè)：前來(lái)膜拜。
想在這個(gè)被低像素貼圖塞滿的網(wǎng)站當(dāng)中找到特定的物品是一件真正意義上海底撈針的事情。
3. Sixties Press
有的時(shí)候，專業(yè)的事情還是盡量讓專業(yè)的人來(lái)做吧。這個(gè)名為 Sixties Press 的網(wǎng)站看起來(lái)像是一個(gè)6歲的孩子拼貼起來(lái)的，但是實(shí)際上它的來(lái)頭極大：這是英國(guó)著名作家 James Duval 親手設(shè)計(jì)，用來(lái)推銷詩(shī)歌圖書的網(wǎng)站。
很難想象他通過(guò)這個(gè)網(wǎng)站能賣得出去書。
當(dāng)然，現(xiàn)在打開這個(gè)網(wǎng)站，已經(jīng)不再使用上圖中這個(gè)邪教般的設(shè)計(jì)了。
4. The Internet 1996 World Exposition
其實(shí)這個(gè)名為1996互聯(lián)網(wǎng)世界博覽會(huì)的網(wǎng)站本身根本談不上丑，其內(nèi)容更是涵蓋了大量的來(lái)自藝術(shù)家、工程師和企業(yè)高管的互聯(lián)網(wǎng)歷史百科全書。
但是這個(gè)包含了大量子頁(yè)面的網(wǎng)站充滿了權(quán)利的游戲美學(xué)風(fēng)格，無(wú)論是在當(dāng)時(shí)還是在現(xiàn)在，都是一個(gè)相當(dāng)神奇的存在。這種奇特的美學(xué)特征貫穿了整個(gè)網(wǎng)站，從字體到裝飾均是如此。
5. Aliweb
Aliweb 被認(rèn)為是世界上最古老的搜索引擎之一，通過(guò)搜索欄能夠找到你想獲取的內(nèi)容。
當(dāng)然，作為一個(gè)90年代的網(wǎng)站，將信息塞滿整個(gè)頁(yè)面，用小號(hào)字體確保頁(yè)面能夠承載盡可能多的內(nèi)容，也談不上什么錯(cuò)誤，畢竟當(dāng)時(shí)大家還不是那么明白用戶體驗(yàn)這個(gè)事情的重要性。雖然這個(gè)網(wǎng)站在設(shè)計(jì)上說(shuō)不上是辣眼睛，但是費(fèi)眼睛是一定的。
6. USGS
這個(gè)網(wǎng)站是1994年美國(guó)地址調(diào)查局的網(wǎng)站。
這個(gè)網(wǎng)站的背景采用了當(dāng)時(shí)非常常見(jiàn)的黃色背景，而網(wǎng)站真正讓人覺(jué)得神奇的是其中紅色的部分，這些文本其實(shí)全部都是鏈接，這個(gè)網(wǎng)站的設(shè)計(jì)師大概根本不太清楚網(wǎng)站的真實(shí)設(shè)計(jì)方法吧，這個(gè)槽簡(jiǎn)直是不知道從哪里開始吐槽比較合適：紅色本是用來(lái)警告的，這里被用來(lái)作為超鏈接的色彩；紅色對(duì)于視覺(jué)障礙用戶而言也是不容易分辨的；另外，為什么這個(gè)網(wǎng)站全部的文本都是鏈接？
這個(gè)網(wǎng)站的設(shè)計(jì)師簡(jiǎn)直是可用性是殺手。藍(lán)色之所以用來(lái)作為超鏈接的色彩，很大程度上是因?yàn)樗强勺R(shí)別度最高的色彩，不具備侵略性，而且是約定俗成的做法。
7. Amazon
要開始挖黑歷史了。
如今 Amazon 已經(jīng)是互聯(lián)網(wǎng)巨頭了，而巨頭剛剛開始的時(shí)候其實(shí)網(wǎng)站的設(shè)計(jì)也不咋樣。這個(gè)時(shí)候亞馬遜的網(wǎng)站設(shè)計(jì)和漂亮簡(jiǎn)直毫不沾邊。
和許多90年代的泥石流級(jí)別的網(wǎng)站其實(shí)差別并不大，簡(jiǎn)單粗陋，超鏈接的識(shí)別度低，背景的灰度過(guò)高，還不如前面美國(guó)國(guó)家地質(zhì)調(diào)查局的網(wǎng)站設(shè)計(jì)！
另外，這個(gè)階段亞馬遜的 LOGO 還是一個(gè)大理石材質(zhì)的字母A，和之后的設(shè)計(jì)簡(jiǎn)直一個(gè)天上一個(gè)地下。
8. Apple
對(duì)的，接下來(lái)要說(shuō)蘋果公司的網(wǎng)站了。
和同時(shí)期的其他網(wǎng)站相比，當(dāng)時(shí)蘋果公司的網(wǎng)站看起來(lái)并沒(méi)有那么糟糕，甚至要強(qiáng)上不少。
1997年的蘋果網(wǎng)站采用了垂直導(dǎo)航，帶有清晰的鏈接和滾動(dòng)條，還很貼心地把日期和時(shí)間為你標(biāo)識(shí)出來(lái)。網(wǎng)站依然采用了老版的彩虹蘋果LOGO。
當(dāng)然，和今天的蘋果的網(wǎng)站相比，這個(gè)階段的蘋果公司的網(wǎng)站設(shè)計(jì)不僅毫無(wú)亮點(diǎn)，甚至可以說(shuō)毫無(wú)可比性。
9. CocaCola
可口可樂(lè)在90年代的官網(wǎng)也是一個(gè)相當(dāng)值得吐槽的案例。
不說(shuō)讓人很容易想起肯德基的紅色背景，首頁(yè)文本內(nèi)容的可讀性低得不像是一個(gè)重視設(shè)計(jì)的公司能設(shè)計(jì)得出來(lái)的樣子，而最重要的問(wèn)題在于，可口可樂(lè)這個(gè)如此重視品牌的網(wǎng)站里面，LOGO在哪？
10. Disney
最后拉出來(lái)游街的大佬是迪斯尼。
如果不深究的話，網(wǎng)站本身在美學(xué)上確實(shí)很有迪斯尼的特征。網(wǎng)站采用了非常反常規(guī)的底部雙層導(dǎo)航欄，整個(gè)設(shè)計(jì)在可用性上并不強(qiáng)，單一個(gè)首頁(yè)就用了超過(guò)6種字體，極為花哨。
結(jié)語(yǔ)
這些90年代的老舊網(wǎng)站真的很糟糕，即使大廠出品的網(wǎng)站同樣呈現(xiàn)出各種各樣的缺陷。許多不成熟、不合理甚至不好看的設(shè)計(jì)，同樣能夠給我們很多啟示。
現(xiàn)如今，設(shè)計(jì)師通過(guò)成熟的流程（需求分析、用戶調(diào)研、線框圖、原型、開發(fā)、測(cè)試）來(lái)確保網(wǎng)站能夠逐步成熟，通過(guò)協(xié)同合作最終落地。用戶體驗(yàn)設(shè)計(jì)師通過(guò)可用性測(cè)試等不同的手段讓產(chǎn)品功能和體驗(yàn)真正能夠更加貼近用戶，貼合需求，也正是這些合理的手段和成熟的方法，讓設(shè)計(jì)的價(jià)值最終體現(xiàn)出來(lái)。
