首頁 部落格 網頁設計的歷史
Jericho
Oct 09, 2022
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

網頁設計的歷史

網頁設計的誕生

網際網路或全球資訊網的概念最早出現在 1940 年代默里·倫斯特 (Murray Leinster) 的書中。我們今天所知道的網際網路可以追溯到 1980 年代。

1980 年代的早期網站由簡單排列在黑屏上的文本組成。它們看起來非常基礎,因為主要關注點是共享息。由於黑色背景,這些地點也非常黑暗,這就是為什麼我們經常稱這個時期為「黑暗時代」。

然而,網頁設計的第一個例子直到 1989 年才出現,當時來自CERN的物理學家Tim Berners-Lee 創建了第一個 Web 伺服器、一個瀏覽器和一個網頁。1989 年和 1990 年,他提出創建一個連接計算機網絡的全球資訊網,並引起了人們的熱情和好奇。

第一個網站的出現,以及它的基本實現,是網頁設計誕生的時刻。 

網頁設計歷史的時間表

現在,我們將為您簡要介紹網頁設計史上的關鍵時刻。 

1989

Tim Berners-Lee根據他在 1989 年開發的原則創建了第一個瀏覽器 WorldWideWeb。他於 1990 年推出了該瀏覽器。 

1990

三名大學生:Alan EmtagePeter Deutsch Bill Heelen 創建了第一個搜尋引擎 Archie。它允許用戶在資料庫中搜索文件。網際網路歷史上的一個轉折點!

同年,著名的圖形編輯器 Adobe Photoshop 的第一個版本出現在市場上。經過幾十個更新版本,它今天仍然被廣泛用於網頁設計等等。然而,起初 Photoshop 僅適用於 Macintosh 計算機,並且需要 2 MB RAM 

1991

Berners-Lee 推出了世界上第一個使用HTML命令的網站。他早期的網頁格式適中:這是一個帶有黑色文本的白色頁面。儘管如此,這個頁面背後的許多核心原則,比如標題命令,仍然是現代設計師的基礎。事實上,這篇文章在其設計中使用了HTML 

HTTP 是第一個設計用於在伺服器和瀏覽器之間交換超文本文檔的協議,也是 Berners-Lee 的創造。你能想像一個沒有超連結的現代網站嗎?現在你知道它們來自哪裡了。 

1992

值得注意的發展是 魏培源的 ViolaWWW 瀏覽器,這是他在加州大學工作時開發的。該瀏覽器支持腳本、表格呈現和表單,並包含一個樣式表來定義站點的視覺外觀。

Bare Bones Software 發布了用於 Macintosh BBEdit HTML和文本編輯器,以幫助 Web 開發人員。

CERN科學家Silvano De Gennar將第一張圖片上傳到網絡,這是一張模仿音樂團體Les Horribles Cernettes的照片。

當年晚些時候,另一個搜尋引擎出現了。它是 Veronica,是「非常簡單的面向齧齒動物的計算機檔案全網索引」的縮寫。

1993

今年為我們帶來了 Mosaic,它是首批具有圖像界面的 Web 瀏覽器之一。它是免費的,可在所有平台上使用。

ALIWEB Archie Like Indexing for the Web)是 1993 年的另一個搜尋引擎。這是設計方面的重要一步,因為它使用顏色將用戶的注意力吸引到網絡必須提供的最佳頁面上。

今年網頁設計的另一個重要里程碑是第一個登陸頁面。是誰做的?MTV ,音樂影片頻道。他們自己的影片記者亞當·庫里(Adam Curry)運行了這個頁面,它有明亮、多彩的圖像,看起來與兩年前製作的網站完全不同。 

1994

今年永遠改變了網1994 年,第一個橫幅廣告出現在 Hotwire 網站(現為 Wired)上。這個網站的設計色彩豐富但極簡,廣告上寫著:「你曾經在這裡點擊過滑鼠嗎?你會」。

此外,今年出現了一個HTML驗證器,幫助了無數的開發人員和設計人員。

伯納斯-李再一次列出了一份清單。他創建了全球資訊網聯盟來建立網規則。該組織負責HTML CSSXHML XML 標準。

然而,今年最重要的發展是基於漫畫創作的 Comic Sans 字體,你可以猜到。這種字體臭名昭著,經常被嘲笑,但它也因其易於閱讀的性質而受到稱讚,並被推薦用於教有閱讀障礙的人。 

1995

今年是高性能全文搜尋引擎ALTAVISTA 誕生的一年。最終,雅虎!收購了ALTAVISTA ,但由於谷歌的聲望,他們在 2013 年停產。

此外,在 1995 年,Brendan Eich 發明了JavaScript ,旨在為瀏覽器 Netscape 2 提供更動態的界面。JavaScript允許與用戶進行更多互,以便網站可以檢測到用戶的移動,例如更改光標位置或按下按鈕,並根據設計人員的需要做出響應。這在以前是不可能的。

我們還看到了HTML 2.0 的推出,它使開發人員能夠創建表格、表單、圖形等等!

用戶體驗一詞出現在科羅拉多州丹佛市的一次會議上。 

1996

Håkon Wium Lie 推出 CSS,為開發人員提供輕鬆編輯和設計頁面的能力。這使得基於表格的設計更加用戶友好和有吸引力。Microsoft Internet Explorer 3 支持 CSS 並使其成為網頁設計的主流部分。

Flash的首次亮相!Macromedia Flash 1.0 使用戶能夠創建矢量動畫。這將對 1990 年代後期的網際網路產生重大影響。 

Flash允許集成動畫和音頻。但是,人們需要正確的Flash插件才能正確操作這些功能。儘管如此,這些動畫和 GIF 直到今天仍成為網站的支柱,儘管Flash不再那麼重要。 

1997-1998

這一時期的許多技術和網站對網頁設計的發展產生了巨大的影響,但最重要的是:

DreamweaverGoLive 和其他軟體使非技術人員更容易訪問網站設計。結果,網頁設計成為一種越來越受歡迎的技能和職業。

Macromedia Fireworks 允許設計人員使用矢量和位圖圖形。

谷歌出現,後來成為我們都知道的全球支柱。它基於一種算法來確定與最終用戶的相關性——這是 SEO 領域的重要一步。 

2000-2004

網站使用量增加;估計有 3600 萬網際網路用戶。許多知名網站,如 Deviant ArtGoogle Yahoo! WordPressWikipedia PayPal,在此期間出現。許多早期的網站已經消失,但網頁設計變得更加強大,網際網路使用和設計迅速成為主流。

內容管理系統變得突出,允許控制網站上的內容。

媒體開始出現,伴隨著 Yourspace,最終於 2004 年出現在 Myspace,以鞏固社媒體在世界上的地位。Myspace 將編碼實踐引入了一代人,並為極簡主義設計實踐定下了基調。相比之下,現代頁面已經遠離了這種風格,當時非常流行的圖像和 GIF 沉重的頁面影響著人們直到今天。

Web 2.0 一詞於 1998 年首次使用,變得普遍。它強調社媒體、論壇和圖像共享。網站擺脫了早期的 HTML,變得更容易訪問。 

2004-2007

用戶最終可以在不了解HTML或其他編碼實踐的情況下製作網站。

FlickrRedditYouTube 以及最終的 Facebook(後來的 Facebook,現在 Meta)已經成為眾所周知的名稱和網站。今天的網際網路很大程度上是這一時期的直接結果。 

2007-2013

智慧型手機的興起,尤其是 iPhone,引發了重大變化。朝著行動應用程式設計和跨平台支持的方向發展。Flash 不再與 Apple 兼容,設計師開始不再使用它。

2010 年前後,響應式設計對網頁設計師來說變得至關重要。它使設計人員和開發人員可以創建相應調整和擴展的站點,而不管站點或應用程式的預期設備如何。現在它是所有設計過程中的必備品。

2013 React 誕生了。這個開源庫使為Web應用程式創建用戶界面和 UI 組件變得更加容易。

2013-2021

HTMLCSS在這個時期的網站設計中仍然很普遍,但是網站開發的選擇更多,取決於結果。JavaScript HTML CSS 等,各有優缺點。因此,設計師必須選擇特定的語言和框架來專攻。

基於 CSS 的設計對於尋求引人入勝的內容的設計師來說至關重要,而HTML的基礎知識也非常重要。JavaScript是許多流行的行動應用程式的基礎,因為 Facebook 開發了 React Native,這是一個允許跨平台開發應用程式的框架。

Flash2017 年變得多餘。到此期間,W3C (全球資訊網聯盟)最終確定了HTML 5.0 的規則,為網頁設計師提供了更多的靈活性和多媒體支持。

2019 年,行動網際網路的使用比電腦更為突出。它進一步改變了行動應用程式設計的重要性。 

2022 年的網頁設計

2022 年,JavaScript將運行您喜愛的許多應用程式和網站。大多數應用程式都以簡約設計為目標,但許多復古字體正在捲土重來。

您可能已經注意到,網站會隨著您的滾動而變化。許多網站專注於一個大型登頁面,以便在單獨的息和媒體之間實現無縫過渡。這是因為許多網站的目標是儘可能地看起來像應用程式,成為多平台。

在美學上,多尺寸字體、抽象插圖、裝飾藝術和復古未來主義風格占主導地位。您可以閱讀有關網頁設計趨勢的更多息這裡.

iWare告訴你扁平化設計風格是什麼
iWare告訴你扁平化設計風格是什麼
Jericho
Jericho
May 17, 2024
標誌設計對網站的重要性
標誌設計對網站的重要性
Jericho
Jericho
May 15, 2024
如何獲取(Google Analytics)GA追蹤碼/帳戶設定教學
如何獲取(Google Analytics)GA追蹤碼/帳戶設定教學
Jericho
Jericho
May 10, 2024