25 多年的網頁設計演變如何讓我們走到今天

已發表: 2018-06-27

在美國,十分之七的小企業都有商業網站。 非商業實體以及個人也可以自由開發自己的網站,並在此時增加超過 18 億個在線網站。 網站可以是有用的、有趣的和有趣的。 但它們也變得越來越複雜。

2018 年,網頁設計融合了不同的技術和服務。 在網頁設計中使用 AI 或依賴定制寫作服務來製作專業副本的情況並不少見。 這甚至沒有提到圖形設計,或者在後台完成的所有工作,以確保網站運行得更快、更流暢、比競爭對手更好。

網頁設計是當今競爭激烈的領域。 這主要歸功於網站是非常重要的資產,必須在其他網站的海洋中脫穎而出。 但並不總是這樣。

跳轉到網頁設計的起點——1990 年代初期

第一個在線網站是由互聯網之父蒂姆·伯納斯-李於 1991 年創建的。 您今天無法訪問原始網站,但您仍然可以訪問 1992 年製作的副本。您會注意到第一個網站不包含任何圖像——全是文本和超鏈接。

第一個網站的結構很簡單,由早期版本的 HTML 決定。 除了設置標題和副標題、段落和鏈接之外,您無能為力。 在 1990 年代初期的大部分時間裡,您能夠訪問的網站都使用相同的單欄、基於文本的設計。

至少以今天的標準來看,它看起來相當黯淡。 第一個網站與今天的文本處理器比今天的網站有更多的共同點,沒有動態元素。

90 年代中期——變革的最初跡象

到 1990 年代中期,網頁設計取得了一些重要進展。 最早的網頁設計是低設計和高結構。 幾年後,網站的外觀開始有所不同。 隨著網頁設計繼續發展並開始使用基於表格的佈局,單欄設計已成為過去。

再加上基於 Web 的網站構建器,基於表格的佈局具有雙重效果。 建立網站變得更容易,結構處於次要地位,讓設計選擇處於領先地位。 但這並不是優秀設計的黃金時代。 網頁設計主要關注看起來最先進的東西,而不是最好的、最實用的或令人愉悅的東西。

在網頁設計的這一進化步驟中出現的一些設計元素成為標誌性的。 命中計數器,即顯示網站訪問量的框,在此期間開始出現在網站上。 背景圖像是那個時代的另一項發明,滾動文本也是如此。 Gif 墊片風靡一時。 Flash 被開發出來,並開始流行起來。

90 年代後期和 Flash 的統治

到本世紀末,Flash 成為網頁設計的主要內容。 由 Macromedia 開發的 Shockwave 是另一種為網站提供動態的方式。 它甚至是在 Flash 之前開發的。 但是,對於仍然使用撥號集合訪問 Internet 的用戶來說,它太大且笨重。 Flash 更小更靈活,並迅速成為網頁設計的主要內容。

Flash 並沒有取消基於表格的佈局。 它成為了他們的一部分。 Flash 元素的常見用途之一是在網站導航中,當用戶單擊啟用 Flash 的按鈕時,它們會改變大小和顏色。 帶有公司徽標或其他圖形的啟動頁面是 Flash 的另一種流行用途。

2000 年代初期——CSS 和 JavaScript

CSS 在千禧年之交徹底改變了網頁設計,允許設計師將網頁設計與網頁內容分開。 設計領域中的頁面元素是從樣式表而不是頁面的 HTML 代碼中操作的。

很快,設計界又以 JavaScript 的形式出現了另一場地震。 直接影響包括放棄表格並用 JavaScript 替換它。 JavaScript 也是 Flash 終結的開始。 JavaScript 主要負責下拉菜單,它在網站表單的興起中發揮了作用。 這兩種設計元素在今天仍然非常流行和廣泛使用。

2000 年代中後期——範式轉變

到本世紀末,“網頁設計”中的“網絡”正在發生重大變化。 一種新的範式正在出現,它可以讓用戶在網站及其內容的開發中發揮積極作用。 這種被稱為“Web 2.0”的範式在社交媒體網站和應用程序中最為明顯。 Web 2.0 開發嚴重依賴於異步 JavaScript 和 XML 的使用。

在網站用戶看來,Web 2.0 意味著網頁上的內容可以更改,而無需重新加載頁面。 他們也可能注意到網站開始嚴重依賴第三方內容。

這催生了諸如 WritingsGuru 等專門從事內容創作的企業。 互操作性變得越來越重要,用戶有機會在社交媒體上分享他們在網絡上看到或讀到的一切

. 現在的網頁設計

我們所處的十年主要專注於在不同設備上創造良好的用戶體驗。 隨著智能手機用戶數量的增加,網頁設計師必須想出能夠在小屏幕設備上實現良好查看和導航體驗的解決方案。 創建網站的移動版本是一種方法。 實施響應式網頁設計是另一回事。

網站的移動版本包含最少數量的元素。 網頁設計的一項重要任務是確定哪些元素對特定網站的性能至關重要,因為這些元素最終會顯示在智能手機上。 如今,網站更高了,它們經常使用位置數據來提供本地化體驗。

這就是我們今天所處的位置。 智能手機是瀏覽網頁的首選設備。 網站在了解訪問他們的人方面做得越來越好,我們正在慢慢地向語義網發展。 在不久的將來,我們可能會看到更多的虛擬或增強現實融入網頁設計。 所有這一切都始於一個甚至沒有多列的簡單 HTML 網站。