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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我們?cè)搹倪@種悄然升級(jí)的統(tǒng)一化趨勢(shì)中得出什么結(jié)論呢？

一方面，在設(shè)計(jì)的其他領(lǐng)域，比如時(shí)尚和建筑，追隨潮流是一件再正常不過(guò)的事情。如果設(shè)計(jì)變得相似的原因是它們采用了相同的庫(kù)，這意味它們對(duì)視覺(jué)障礙人士變得更易于訪(fǎng)問(wèn)了，因?yàn)榱餍械膸?kù)總得來(lái)說(shuō)比個(gè)體開(kāi)發(fā)人員更好地適配了可訪(fǎng)問(wèn)性標(biāo)準(zhǔn)。此外，它們也更用戶(hù)友好，因?yàn)樾碌脑L(fǎng)客無(wú)需多花時(shí)間搞清楚頁(yè)面布局。

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

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

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

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

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

來(lái)源：The Conversation