編輯導語：如今，網絡爲我(wǒ)(wǒ)們提供了強大(dà)的便利性，我(wǒ)(wǒ)們可以借助工(gōng)具設計實現自己的很多想法。但是恰恰相反的是，如今的網站做的是越來越相似了，這是爲什麽呢？

今天的網頁設計是平淡的。一(yī)切事物(wù)看起來都是一(yī)樣的：通用字體(tǐ)，沒有任何布局可言，可互換的頁面，以及缺乏有表現力的視覺語言。即使是微型排版也是一(yī)團糟。

今天的網頁設計似乎是由技術和意識形态的限制所驅動，而不是由創造力和想法所驅動。每個頁面都由容器中(zhōng)的容器組成；有時是文本，有時是圖像。沒有什麽是真正的設計，它隻是被假設。

具有諷刺意味的是，今天的網絡技術具有巨大(dà)的設計能力。我(wǒ)(wǒ)們有能力實現幾乎所有可以想象的想法和布局。我(wǒ)(wǒ)們可以創建激進的、令人驚訝的和令人回味的網站。我(wǒ)(wǒ)們可以将實驗性的字體(tǐ)設計與生(shēng)成性的圖像和互動體(tǐ)驗結合起來。

然而，即使是爲設計師服務的網站也是基于容器中(zhōng)的容器。網絡上最受歡迎的創意網站–Dribbble和Behance–從根本上來說是如此的乏味，它們基本上可以互換。

爲什麽會這樣呢？

有幾個原因。像内容管理系統（CMS）和WordPress這樣的博客平台的技術框架是基于模闆的。這些框架上的網頁不是單獨制作的，而是通過将各種圖片、标題、正文和視頻(pín)拼湊在一(yī)起而即時生(shēng)成的。

模闆不是設計。相反，它們是組合相關數據類型的規則。除了模闆之外(wài)，這些平台通常不爲用戶提供任何影響頁面視覺效果的方法。你所看到的就是你倒入模闆的東西。

換句話(huà)說，模闆是與内容無關的。而這正是問題所在。設計的基本原則之一(yī)是在形式和内容之間建立深刻而有意義的聯系；形式應該同時反映和塑造内容。将它們分(fēn)開(kāi)會破壞這一(yī)原則，并創造出通用的内容容器。在設計的意義上，模闆是沒有意義的；形式沒有給内容帶來任何好處。

設計的基本原則之一(yī)是在形式和内容之間建立起深刻而有意義的聯系。

還有很多其它的原因導緻網頁設計缺乏創造力。其中(zhōng)大(dà)多數是經濟和實用的原因。例如，設計單個頁面是很耗時的。考慮到網絡新聞的速度和新文章的頻(pín)率，大(dà)型網站根本沒有資(zī)源來從頭設計一(yī)個頁面。此外(wài)，網頁設計仍然是一(yī)個專業技術：HTML、JavaScript和CSS仍然是對設計師具有挑戰性的工(gōng)具。網頁設計并不等同于應用程序的直接和順從的工(gōng)作流程。

我(wǒ)(wǒ)懷疑設計師的創意和智力的懶惰也是原因之一(yī)。在移動優先、通用、框架驅動的發展時代，似乎沒有人去(qù)關心網頁的視覺和上下(xià)文的完整性。我(wǒ)(wǒ)們怎樣才能應對這一(yī)挑戰？今天，富有表現力和前衛的網站可以是什麽樣子？

有時，如果你想設計未來，你必須重新探索過去(qù)。

在九十年代中(zhōng)期，我(wǒ)(wǒ)們正在與HTML的限制作鬥争。我(wǒ)(wǒ)們隻能使用互聯網安全字體(tǐ)，如Arial、Times或Verdana。如果我(wǒ)(wǒ)們想做一(yī)些令人興奮的事情，就必須使用表格布局、單行字體(tǐ)或GIF。最初，HTML是純粹的内容驅動，我(wǒ)(wǒ)們不得不爲了設計一(yī)個頁面而與技術作對。

與此同時，實驗性的字體(tǐ)設計正在爆發。從20年代JanTschichold的DieNeueTypographie到80年代AprilGreiman的計算機驅動的版面設計，設計師們挑戰現狀，試圖找到一(yī)種視覺語言來代表他們時代的思想和革命。到了九十年代中(zhōng)期，技術和文化進步的不尋常結合使得平面設計有了非常激進的品種。你可以在伊爾瑪·布姆、大(dà)衛·卡森(sēn)、保拉·舍爾、内維爾·布羅迪和其他許多人的作品中(zhōng)看到它。

然而，與平面設計界的視覺爆炸相比，早期的網頁設計仍然是相當落後的。

我(wǒ)(wǒ)們想在浏覽器中(zhōng)進行平面設計，但沒有人知(zhī)道如何做–也沒有人知(zhī)道可能會犯什麽錯誤。對于網頁應該是什麽樣子，當時沒有任何期望，也沒有任何标準。沒有CMS（幾乎），沒有CSS，沒有JS，沒有視頻(pín)，沒有動畫。

現在是挑戰互聯網的視覺一(yī)緻性的好時機。

快進到2018年，我(wǒ)(wǒ)們可以在浏覽器中(zhōng)做任何事情。從大(dà)規模的布局到微型排版、動畫和視頻(pín)。那我(wǒ)(wǒ)們該如何處理這些不可思議的可能性呢？容器中(zhōng)的容器中(zhōng)的容器。千兆字節的視覺平淡的移動優先頁面被JavaScript所污染。遵循相同視覺規則的通用模闆。如果年輕的我(wǒ)(wǒ)能看到23年後的網頁設計狀況，他一(yī)定會非常失望的。

網頁設計的問題不是技術的限制，而是我(wǒ)(wǒ)們想象力的限制。我(wǒ)(wǒ)們已經變得太順從于視覺上的一(yī)緻性、經濟上的可行性和假定的期望。

然而，每一(yī)次危機都會創造一(yī)個機會。現在是一(yī)個挑戰互聯網視覺一(yī)緻性的好時機。唉，我(wǒ)(wǒ)太老了，也太資(zī)産階級了，無法想出一(yī)個激進的、實驗性的、最先進的網頁設計方法。但我(wǒ)(wǒ)可以讓我(wǒ)(wǒ)的學生(shēng)來做這件事。

2017年，我(wǒ)(wǒ)在德國波茨坦的界面設計課程上講了一(yī)堂網頁設計課。每個團隊被要求爲一(yī)個現有的網站提出一(yī)個重新設計的方案。任務非常明确：把浏覽器當作一(yī)張空白(bái)的畫布，創造富有表現力和想象力的視覺體(tǐ)驗。利用當前網絡技術的潛力作爲你的創造力的渠道。不要被可用性、可讀性和靈活性等問題所限制。要有一(yī)種态度，無視期望。

我(wǒ)(wǒ)對這堂課的結果非常滿意。這裏有四個項目，代表了應對挑戰的不同方法。

一(yī)、ZKM（由弗雷德裏克·哈斯和喬納斯·科普費(fèi)爾創作）

ZKM的重新設計弗雷德裏克和喬納斯選擇了ZentrumfürKunstundMedien（ZKM）的網站作爲他們實驗和探索的起點。一(yī)個非常合适的選擇，因爲ZKM是德國最著名的媒體(tǐ)藝術展覽空間之一(yī)，但ZKM的網站相當傳統。它很實用，但缺乏展覽中(zhōng)的藝術作品所傳達的前衛的主張。

弗雷德裏克和喬納斯的目标是爲ZKM網站設計一(yī)個概念，一(yī)種視覺語言和一(yī)個技術設置，以代表博物(wù)館的漸進方式。他們概念的核心是一(yī)個生(shēng)成的設計引擎。每當一(yī)個頁面加載時，就會産生(shēng)一(yī)個新的布局。

二、Streem（由達裏娅·提斯、貝拉·庫雷克和盧卡斯·沃格爾創作）

Streem的重新設計Streem是一(yī)本藝術和街頭雜(zá)志(zhì)。它既是未來藝術家的舞台，也是社會問題的平台。Streem包括來自插圖、繪畫、攝影、設計、寫作和新聞的作品。達裏娅、貝拉和盧卡斯結合了這些不同的影響，并将他們的設計建立在一(yī)個概念性的城市結構之上。對于他們的原型，他們創造了四個不同的街區，分(fēn)别代表雜(zá)志(zhì)的一(yī)個部分(fēn)。他們的方法結合了強烈的插圖風格和空間排版，以創造一(yī)個可讀的城市。

三、Medium（由阿梅麗·基希邁爾和法比安·舒爾茨創作）

Medium的重新設計阿梅麗和法比安采取了一(yī)種非常結構化的方法。他們的目的不是爲一(yī)個特定的故事找到一(yī)個适當的形式，而是要溶解一(yī)個網頁并将其分(fēn)解爲語義、句法和統計屬性。他們的想法是展示HTML的流動性和内在的可塑性。他們解構了Medium的帖子，并創造了一(yī)個環境，讓讀者把長的文本塊分(fēn)解成實驗性的排版空間。

四、HackerNews（由法比安·丁克雷奇‍和弗洛裏安·齊亞創作）

HackerNews的重新設計法比安和弗洛裏安把HackerNews變成了一(yī)個互動的視覺化。這個社交媒體(tǐ)網站是一(yī)個新聞聚合器，專注于計算機科學和信息技術。它的設計是赤裸裸的，但它有投票和讨論的複雜(zá)功能。法比安和弗洛裏安利用現有的結構，把它變成一(yī)個時間線和網絡的排版空間。視覺表現是基于新聞和評論的順序和聯系。他們還将他們的設計與HackerNews的API相連，所以你可以實際使用它來閱讀網站。

DavidCarson曾經說過：“不要把溝通和可讀性混爲一(yī)談”

我(wǒ)(wǒ)們應該把這個建議應用于網頁設計的現狀。可讀性、可用性、響應性，特别是無障礙性是現代網絡的基本品質。但它們不應該定義和限制其視覺表現。如果你把刻闆印象等同于可用性，你既沒有理解視覺設計也沒有理解以人爲本的設計。

就我(wǒ)(wǒ)而言，我(wǒ)(wǒ)希望看到更多激進的、生(shēng)成性的、喚起性的、深思熟慮的、充分(fēn)的、針對内容的和智能的網頁設計。我(wǒ)(wǒ)想重新發現網頁設計是一(yī)個設計實驗的空間。我(wǒ)(wǒ)希望能更經常地得到驚喜。我(wǒ)(wǒ)不知(zhī)道23年後的網頁設計會是什麽樣子，但我(wǒ)(wǒ)當然希望它不會像今天一(yī)樣。