如果您在該領(lǐng)域工作，最好了解網(wǎng)頁設(shè)計的歷史。此外，這是一個引人入勝且有趣的話題?；叵胍幌?10、15 甚至30年前網(wǎng)站的樣子，你就會意識到網(wǎng)頁設(shè)計發(fā)生了多么迅速和巨大的變化。
在本文中，光龍網(wǎng)絡(luò)將分解網(wǎng)頁設(shè)計的起源，為您提供其演變的時間表，并了解2022年設(shè)計的位置。這是我們最關(guān)心的話題。我們創(chuàng)造網(wǎng)頁設(shè)計，產(chǎn)品，和應(yīng)用設(shè)計解決方案，所以我們知道如何提供出色的用戶體驗體驗的細(xì)節(jié)就像一本書一樣。
網(wǎng)頁設(shè)計的誕生
互聯(lián)網(wǎng)或萬維網(wǎng)的概念最早出現(xiàn)在1940年代默里·倫斯特 (Murray Leinster) 的書中。我們今天所知道的互聯(lián)網(wǎng)可以追溯到1980年代。誰發(fā)明的？沒有辦法說，因為在計算方面有一系列的發(fā)展是建立在彼此之上的。
1980 年代的早期網(wǎng)站由簡單排列在黑屏上的文本組成。它們看起來非?；A(chǔ)，因為主要關(guān)注點是共享信息。由于黑色背景，這些地點也非常黑暗，這就是為什么我們經(jīng)常稱這個時期為“黑暗時代”。
然而，網(wǎng)頁設(shè)計的第一個例子直到1989年才出現(xiàn)，當(dāng)時來自CERN的物理學(xué)家Tim Berners-Lee 創(chuàng)建了第一個 Web 服務(wù)器、一個瀏覽器和一個網(wǎng)頁。1989 年和 1990 年，他提出創(chuàng)建一個連接計算機(jī)網(wǎng)絡(luò)的萬維網(wǎng)，并引起了人們的熱情和好奇。
第一個網(wǎng)站的出現(xiàn)，以及它的基本實現(xiàn)，是網(wǎng)頁設(shè)計誕生的時刻。
網(wǎng)頁設(shè)計歷史的時間表
現(xiàn)在，我們將為您簡要介紹網(wǎng)頁設(shè)計史上的關(guān)鍵時刻。
1989
Tim Berners-Lee根據(jù)他在1989年開發(fā)的原則創(chuàng)建了第一個瀏覽器 WorldWideWeb。他于 1990 年推出了該瀏覽器。
1990
三名大學(xué)生：Alan Emtage、Peter Deutsch 和 Bill Heelen 創(chuàng)建了第一個搜索引擎 Archie。它允許用戶在數(shù)據(jù)庫中搜索文件?；ヂ?lián)網(wǎng)歷史上的一個轉(zhuǎn)折點！
同年，著名的圖形編輯器 Adobe Photoshop 的第一個版本出現(xiàn)在市場上。經(jīng)過幾十個更新版本，它今天仍然被廣泛用于網(wǎng)頁設(shè)計等等。然而，起初 Photoshop 僅適用于 Macintosh 計算機(jī)，并且需要 2 MB 的 RAM（當(dāng)時很多）。
1991
Berners-Lee 推出了世界上第一個使用HTML命令的網(wǎng)站。他早期的網(wǎng)頁格式適中：這是一個帶有黑色文本的白色頁面。盡管如此，這個頁面背后的許多核心原則，比如標(biāo)題命令，仍然是現(xiàn)代設(shè)計師的基礎(chǔ)。事實上，這篇文章在其設(shè)計中使用了HTML ！
HTTP 是第一個設(shè)計用于在服務(wù)器和瀏覽器之間交換超文本文檔的協(xié)議，也是 Berners-Lee 的創(chuàng)造。你能想象一個沒有超鏈接的現(xiàn)代網(wǎng)站嗎？現(xiàn)在你知道它們來自哪里了。
1992
今年值得注意的發(fā)展是 魏培源的 ViolaWWW 瀏覽器，這是他在加州大學(xué)工作時開發(fā)的。該瀏覽器支持腳本、表格呈現(xiàn)和表單，并包含一個樣式表來定義站點的視覺外觀。
Bare Bones Software 發(fā)布了用于 Macintosh 的 BBEdit HTML和文本編輯器，以幫助 Web 開發(fā)人員。
CERN科學(xué)家Silvano De Gennar將第一張圖片上傳到網(wǎng)絡(luò)，這是一張模仿音樂團(tuán)體Les Horribles Cernettes的照片。
今年晚些時候，另一個搜索引擎出現(xiàn)了。它是 Veronica，是“非常簡單的面向嚙齒動物的計算機(jī)檔案全網(wǎng)索引”的縮寫。
1993
今年為我們帶來了 Mosaic，它是首批具有圖像界面的 Web 瀏覽器之一。它是免費的，可在所有平臺上使用。
ALIWEB （Archie Like Indexing for the Web）是 1993 年的另一個搜索引擎。這是設(shè)計方面的重要一步，因為它使用顏色將用戶的注意力吸引到網(wǎng)絡(luò)必須提供的最佳頁面上。
今年網(wǎng)頁設(shè)計的另一個重要里程碑是第一個登陸頁面。是誰做的？MTV ，音樂視頻頻道。他們自己的視頻記者亞當(dāng)·庫里（Adam Curry）運行了這個頁面，它有明亮、多彩的圖像，看起來與兩年前制作的網(wǎng)站完全不同。
1994
今年永遠(yuǎn)改變了網(wǎng)絡(luò)。1994 年，第一個橫幅廣告出現(xiàn)在 Hotwire 網(wǎng)站（現(xiàn)為 Wired）上。這個網(wǎng)站的設(shè)計色彩豐富但極簡，廣告上寫著：“你曾經(jīng)在這里點擊過鼠標(biāo)嗎？你會”。
此外，今年出現(xiàn)了一個HTML驗證器，幫助了無數(shù)的開發(fā)人員和設(shè)計人員。
伯納斯-李再一次列出了一份清單。他創(chuàng)建了萬維網(wǎng)聯(lián)盟來建立網(wǎng)絡(luò)規(guī)則。該組織負(fù)責(zé)HTML 、CSS、XHML 和 XML 標(biāo)準(zhǔn)。
然而，今年最重要的發(fā)展是基于漫畫創(chuàng)作的 Comic Sans 字體，你可以猜到。這種字體臭名昭著，經(jīng)常被嘲笑，但它也因其易于閱讀的性質(zhì)而受到稱贊，并被推薦用于教有閱讀障礙的人。
1995
今年是高性能全文搜索引擎ALTAVISTA 誕生的一年。最終，雅虎！收購了ALTAVISTA ，但由于谷歌的聲望，他們在 2013 年停產(chǎn)。
此外，在 1995 年，Brendan Eich 發(fā)明了JavaScript ，旨在為瀏覽器 Netscape 2 提供更動態(tài)的界面。JavaScript允許與用戶進(jìn)行更多交互，以便網(wǎng)站可以檢測到用戶的移動，例如更改光標(biāo)位置或按下按鈕，并根據(jù)設(shè)計人員的需要做出響應(yīng)。這在以前是不可能的。
我們還看到了HTML 2.0 的推出，它使開發(fā)人員能夠創(chuàng)建表格、表單、圖形等等！
用戶體驗一詞出現(xiàn)在科羅拉多州丹佛市的一次會議上。
1996
H?kon Wium Lie 推出 CSS，為開發(fā)人員提供輕松編輯和設(shè)計頁面的能力。這使得基于表格的設(shè)計更加用戶友好和有吸引力。Microsoft Internet Explorer 3 支持 CSS 并使其成為網(wǎng)頁設(shè)計的主流部分。
Flash的首次亮相！Macromedia Flash 1.0 使用戶能夠創(chuàng)建矢量動畫。這將對 1990 年代后期的互聯(lián)網(wǎng)產(chǎn)生重大影響。
Flash允許集成動畫和音頻。但是，人們需要正確的Flash插件才能正確操作這些功能。盡管如此，這些動畫和 GIF 直到今天仍成為網(wǎng)站的支柱，盡管Flash不再那么重要。
1997-1998
這一時期的許多技術(shù)和網(wǎng)站對網(wǎng)頁設(shè)計的發(fā)展產(chǎn)生了巨大的影響，但最重要的是：
Dreamweaver、GoLive 和其他軟件使非技術(shù)人員更容易訪問網(wǎng)站設(shè)計。結(jié)果，網(wǎng)頁設(shè)計成為一種越來越受歡迎的技能和職業(yè)。
Macromedia Fireworks 允許設(shè)計人員使用矢量和位圖圖形。
谷歌出現(xiàn)，后來成為我們都知道的全球支柱。它基于一種算法來確定與最終用戶的相關(guān)性——這是 SEO 領(lǐng)域的重要一步。
2000-2004
網(wǎng)站使用量增加；估計有 3600 萬互聯(lián)網(wǎng)用戶。許多知名網(wǎng)站，如 Deviant Art、Google 、Yahoo! 、WordPress、Wikipedia 和 PayPal，在此期間出現(xiàn)。許多早期的網(wǎng)站已經(jīng)消失，但網(wǎng)頁設(shè)計變得更加強(qiáng)大，互聯(lián)網(wǎng)使用和設(shè)計迅速成為主流。
內(nèi)容管理系統(tǒng)變得突出，允許控制網(wǎng)站上的內(nèi)容。
社交媒體開始出現(xiàn)，伴隨著 Yourspace，最終于 2004 年出現(xiàn)在 Myspace，以鞏固社交媒體在世界上的地位。Myspace 將編碼實踐引入了一代人，并為極簡主義設(shè)計實踐定下了基調(diào)。相比之下，現(xiàn)代頁面已經(jīng)遠(yuǎn)離了這種風(fēng)格，當(dāng)時非常流行的圖像和 GIF 沉重的頁面影響著人們直到今天。
Web 2.0 一詞于 1998 年首次使用，變得普遍。它強(qiáng)調(diào)社交媒體、論壇和圖像共享。網(wǎng)站擺脫了早期的 HTML，變得更容易訪問。
2004-2007
用戶最終可以在不了解HTML或其他編碼實踐的情況下制作網(wǎng)站。
Flickr、Reddit、YouTube 以及最終的 Facebook（后來的 Facebook，現(xiàn)在 的 Meta）已經(jīng)成為眾所周知的名稱和網(wǎng)站。今天的互聯(lián)網(wǎng)很大程度上是這一時期的直接結(jié)果。
2007-2013
智能手機(jī)的興起，尤其是 iPhone，引發(fā)了重大變化。朝著移動應(yīng)用程序設(shè)計和跨平臺支持的方向發(fā)展。Flash 不再與 Apple 兼容，設(shè)計師開始不再使用它。
2010 年，光龍網(wǎng)絡(luò)公司成立，正是網(wǎng)頁蓬勃發(fā)展時期，需要不斷創(chuàng)新，優(yōu)化。響應(yīng)式設(shè)計對網(wǎng)頁設(shè)計師來說變得至關(guān)重要。它使設(shè)計人員和開發(fā)人員可以創(chuàng)建相應(yīng)調(diào)整和擴(kuò)展的站點，而不管站點或應(yīng)用程序的預(yù)期設(shè)備如何。現(xiàn)在它是所有設(shè)計過程中的必備品。
2013 年 React 誕生了。這個開源庫使為 Web 應(yīng)用程序創(chuàng)建用戶界面和 UI 組件變得更加容易。
2013-2021
HTML和CSS在這個時期的網(wǎng)站設(shè)計中仍然很普遍，但是網(wǎng)站開發(fā)的選擇更多，取決于結(jié)果。JavaScript 、HTML 、 CSS 等，各有優(yōu)缺點。因此，設(shè)計師必須選擇特定的語言和框架來專攻。
基于 CSS 的設(shè)計對于尋求引人入勝的內(nèi)容的設(shè)計師來說至關(guān)重要，而HTML的基礎(chǔ)知識也非常重要。JavaScript是許多流行的移動應(yīng)用程序的基礎(chǔ)，因為 Facebook 開發(fā)了 React Native，這是一個允許跨平臺開發(fā)應(yīng)用程序的框架。
Flash在 2017 年變得多余。到此期間，W3C （萬維網(wǎng)聯(lián)盟）最終確定了HTML 5.0 的規(guī)則，為網(wǎng)頁設(shè)計師提供了更多的靈活性和多媒體支持。
到 2019 年，移動互聯(lián)網(wǎng)的使用比電腦更為突出。它進(jìn)一步改變了移動應(yīng)用程序設(shè)計的重要性。
2022年的網(wǎng)頁設(shè)計
在2022年，JavaScript將運行您喜愛的許多應(yīng)用程序和網(wǎng)站。大多數(shù)應(yīng)用程序都以簡約設(shè)計為目標(biāo)，但許多復(fù)古字體正在卷土重來。
您可能已經(jīng)注意到，網(wǎng)站會隨著您的滾動而變化。許多網(wǎng)站專注于一個大型登錄頁面，以便在單獨的信息和媒體之間實現(xiàn)無縫過渡。這是因為許多網(wǎng)站的目標(biāo)是盡可能地看起來像應(yīng)用程序，成為多平臺。
在美學(xué)上，多尺寸字體、抽象插圖、裝飾藝術(shù)和復(fù)古未來主義風(fēng)格占主導(dǎo)地位。您可以閱讀有關(guān)網(wǎng)頁設(shè)計趨勢的更多信息這里.
光龍網(wǎng)絡(luò)十余年來，一直在進(jìn)步，光龍網(wǎng)絡(luò)團(tuán)隊不斷追趕趨勢甚至在多方面領(lǐng)先潮流，以用戶為中心，以人為本的包容性設(shè)計就是未來的趨勢。
光龍網(wǎng)絡(luò)有話說
我們希望您喜歡了解網(wǎng)頁設(shè)計的歷史。在相對較短的時間內(nèi)看到網(wǎng)頁設(shè)計的演變真是令人驚訝。與早期相比，互聯(lián)網(wǎng)和設(shè)計發(fā)生了根本性的變化。
由于網(wǎng)頁設(shè)計總是在變化，當(dāng)您想要設(shè)計和開發(fā)自己的網(wǎng)站時，及時了解所有這些趨勢是至關(guān)重要的。光龍網(wǎng)絡(luò)可以通過設(shè)計和開發(fā)您的網(wǎng)站、應(yīng)用程序等來幫助您?？匆谎?我們的服務(wù)并了解我們?nèi)绾螏椭鷦?chuàng)建尖端網(wǎng)站或應(yīng)用程序。
