在過去的幾年里，不少文章和博客都在討論同一個問題：“為什么所有網(wǎng)站越來越像？”這些文章往往會指出一些共通的設(shè)計元素：從大圖到疊映的文字，到漢堡按鈕（hamburger menus）——由三條水平線構(gòu)成的圖形——當(dāng)你點擊它時，它會向你展示一列表的可選頁面。

在研究互聯(lián)網(wǎng)歷史的過程中，我和同事巴迪亞·杜斯蒂、戴維·克蘭德爾、諾曼·蘇發(fā)現(xiàn)，類似的文章經(jīng)常出現(xiàn)，但沒有任何一位作者做過以實踐為基礎(chǔ)的研究。他們不過是有著某種直覺罷了。

我們最終使用了羅素1000指數(shù)（Russell 1000 Index）中的公司頁面，該指數(shù)跟蹤了美國市值排名最高的1000個公司的股票。我們預(yù)計，這些公司的頁面代表了公司網(wǎng)頁設(shè)計的主流趨勢。除此之外，我們參考了另外兩組網(wǎng)頁，一組是Alexa訪問量最高網(wǎng)站前500（Alexa Internet公司是亞馬遜公司的一家子公司，分析提供各種網(wǎng)站的相關(guān)信息與網(wǎng)頁訪問量），另一組則是被提名威比獎（Webby Award，一個評選全球最佳網(wǎng)站的獎項）的網(wǎng)站。

我們打算研究網(wǎng)頁中的視覺元素，并將其數(shù)據(jù)化，所以我們采用了互聯(lián)網(wǎng)檔案館（Internet Archive，由Alexa創(chuàng)始人布魯斯特·卡利創(chuàng)辦的提供互聯(lián)網(wǎng)多媒體資料文件閱覽服務(wù)的數(shù)字圖書館）中的網(wǎng)頁的截屏，該數(shù)據(jù)庫會定期保存網(wǎng)頁內(nèi)容。我們還想要收集量化數(shù)據(jù)，對數(shù)百萬組網(wǎng)頁進(jìn)行比較，所以我們需要將分析流程自動化。

要實現(xiàn)這些目標(biāo)，我們需要一個能夠自動化測量的“相似”標(biāo)準(zhǔn)。我們研究了顏色、布局等具體屬性，以及人工智能從數(shù)據(jù)中自動學(xué)習(xí)到的屬性。

對于顏色和布局，我們的標(biāo)準(zhǔn)是：按照某個網(wǎng)頁的配色和頁面結(jié)構(gòu)，要將其轉(zhuǎn)換成另一網(wǎng)頁需要多少像素級的編輯。對于由人工智能生成的屬性， 我們訓(xùn)練了一個機(jī)器學(xué)習(xí)模型，從而根據(jù)來源網(wǎng)頁對圖片進(jìn)行分類，并測算模型學(xué)習(xí)到的屬性。我們此前的研究顯示，這種方法能夠很好地測算風(fēng)格上的相似性。但是，人類很難理解這個模型究竟關(guān)注到了哪些屬性。

互聯(lián)網(wǎng)發(fā)生了哪些變化？

我們發(fā)現(xiàn)，在三個維度上（顏色，布局，AI生成屬性），網(wǎng)頁間的平均差異在2008年至2010年期間達(dá)到頂峰，并在2010年至2016年期間下降。布局上的差異減少最多，在2010年至2016年期間，布局差異減少了超過30%。

這些發(fā)現(xiàn)確認(rèn)了網(wǎng)頁設(shè)計博主們的懷疑：不同網(wǎng)頁的設(shè)計的確變得越來越相似了。在明確了這種趨勢之后，我們想要通過數(shù)據(jù)分析來找到造成這種趨勢的具體變化。

你或許會認(rèn)為，這些網(wǎng)站不過是在抄襲彼此的代碼，但事實上，代碼的相似度隨著時間推移不斷下降。不過，對于軟件庫的使用大幅上升。

庫中有各種應(yīng)對普通任務(wù)的一般性代碼，比如用于為適應(yīng)移動端而重新適配網(wǎng)頁的代碼，以及使?jié)h堡按鈕實現(xiàn)滑入和滑出的代碼。我們研究了共用庫的網(wǎng)站，以及它們在視覺上的相似度。相比其他網(wǎng)站，使用Bootstrap、FontAwesome以及JQuery UI等特定庫創(chuàng)建的網(wǎng)站在視覺上彼此更加相似。這或許是因為，庫決定了網(wǎng)頁的布局，且有著相同的默認(rèn)選項。使用SWFObject、JQuery Tools等其他庫的網(wǎng)站則看起來不同得多，這或許是因為，用這些庫更能設(shè)計出更復(fù)雜、個性化的頁面。

各網(wǎng)頁從2005年到2016年的變化很能說明問題。2005年擁有平均相似度的網(wǎng)站間的差異比2016年擁有平均相似度的網(wǎng)站間的差異大得多。

比如，2005年時，Webshots.com和Yum.com被認(rèn)為比較相似，但卻有著比較不同的配色和布局。雖然兩者都主要使用了白藍(lán)黑三色，但右邊的網(wǎng)站采用了藍(lán)色的背景。

2016年的網(wǎng)站Xfinity.com和Gilt.com則更加相似：兩者在頂部都有一個菜單條，并采用黑白配色外加圖片的設(shè)計。兩者都有更少的文本，并更好地利用了當(dāng)下的高分辨率顯示器。

視覺統(tǒng)一化是好事嗎？

我們該從這種悄然升級的統(tǒng)一化趨勢中得出什么結(jié)論呢？

一方面，在設(shè)計的其他領(lǐng)域，比如時尚和建筑，追隨潮流是一件再正常不過的事情。如果設(shè)計變得相似的原因是它們采用了相同的庫，這意味它們對視覺障礙人士變得更易于訪問了，因為流行的庫總得來說比個體開發(fā)人員更好地適配了可訪問性標(biāo)準(zhǔn)。此外，它們也更用戶友好，因為新的訪客無需多花時間搞清楚頁面布局。

另一方面，互聯(lián)網(wǎng)是一種共享的文化制品，正是它分散、去中心化的特性讓它顯得如此特別。隨著NeoPets、MySpace等主頁與完全可定制平臺成為歷史，網(wǎng)頁設(shè)計或許會失去它作為一種創(chuàng)意表現(xiàn)的力量。Mozilla基金會稱，融合對互聯(lián)網(wǎng)的“健康”而言是件壞事，而網(wǎng)頁的審美被認(rèn)為是體現(xiàn)互聯(lián)網(wǎng)“健康”的元素之一。

如果網(wǎng)站變得相似的原因是人們正使用相同的庫，那么擁有這些庫的大型科技公司或許在互聯(lián)網(wǎng)視覺美學(xué)領(lǐng)域擁有了一種過大的權(quán)力。比起將代碼保密，發(fā)布人人可用的庫或許是一件絕對的好事，但大型科技公司的設(shè)計原則或許并不適用于每一個網(wǎng)頁。

這種龐大的權(quán)力涉及到另一個更宏大的問題——科技行業(yè)的融合，這個問題絕對值得我們思考。我們相信，美學(xué)上的融合應(yīng)當(dāng)被批判地審視。

本文作者Sam Goree是印第安納大學(xué)信息學(xué)博士在讀生。Bardia Doosti，David Crandall，Norman Su亦對本文有貢獻(xiàn)。

（翻譯：王寧遠(yuǎn)）

來源：The Conversation