如果您在該領(lǐng)域工作，最好了解網(wǎng)頁(yè)設(shè)計(jì)的歷史。此外，這是一個(gè)引人入勝且有趣的話題。回想一下?10、15?甚至30年前網(wǎng)站的樣子，你就會(huì)意識(shí)到網(wǎng)頁(yè)設(shè)計(jì)發(fā)生了多么迅速和巨大的變化。

　　在本文中，光龍網(wǎng)絡(luò)將分解網(wǎng)頁(yè)設(shè)計(jì)的起源，為您提供其演變的時(shí)間表，并了解2022年設(shè)計(jì)的位置。這是我們最關(guān)心的話題。我們創(chuàng)造網(wǎng)頁(yè)設(shè)計(jì)，產(chǎn)品，和應(yīng)用設(shè)計(jì)解決方案，所以我們知道如何提供出色的用戶體驗(yàn)體驗(yàn)的細(xì)節(jié)就像一本書(shū)一樣。

　　網(wǎng)頁(yè)設(shè)計(jì)的誕生

　　互聯(lián)網(wǎng)或中企動(dòng)力網(wǎng)的概念最早出現(xiàn)在1940年代默里·倫斯特?(Murray?Leinster)?的書(shū)中。我們今天所知道的互聯(lián)網(wǎng)可以追溯到1980年代。誰(shuí)發(fā)明的？沒(méi)有辦法說(shuō)，因?yàn)樵谟?jì)算方面有一系列的發(fā)展是建立在彼此之上的。

　　1980?年代的早期網(wǎng)站由簡(jiǎn)單排列在黑屏上的文本組成。它們看起來(lái)非常基礎(chǔ)，因?yàn)橹饕P(guān)注點(diǎn)是共享信息。由于黑色背景，這些地點(diǎn)也非常黑暗，這就是為什么我們經(jīng)常稱(chēng)這個(gè)時(shí)期為“黑暗時(shí)代”。

　　然而，網(wǎng)頁(yè)設(shè)計(jì)的第一個(gè)例子直到1989年才出現(xiàn)，當(dāng)時(shí)來(lái)自CERN的物理學(xué)家Tim?Berners-Lee?創(chuàng)建了第一個(gè)?Web?服務(wù)器、一個(gè)瀏覽器和一個(gè)網(wǎng)頁(yè)。1989?年和?1990?年，他提出創(chuàng)建一個(gè)連接計(jì)算機(jī)網(wǎng)絡(luò)的中企動(dòng)力網(wǎng)，并引起了人們的熱情和好奇。

　　第一個(gè)網(wǎng)站的出現(xiàn)，以及它的基本實(shí)現(xiàn)，是網(wǎng)頁(yè)設(shè)計(jì)誕生的時(shí)刻。

　　網(wǎng)頁(yè)設(shè)計(jì)歷史的時(shí)間表

　　現(xiàn)在，我們將為您簡(jiǎn)要介紹網(wǎng)頁(yè)設(shè)計(jì)史上的關(guān)鍵時(shí)刻。

　　1989

　　Tim?Berners-Lee根據(jù)他在1989年開(kāi)發(fā)的原則創(chuàng)建了第一個(gè)瀏覽器?WorldWideWeb。他于?1990?年推出了該瀏覽器。

　　1990

　　三名大學(xué)生：Alan?Emtage、Peter?Deutsch?和?Bill?Heelen?創(chuàng)建了第一個(gè)搜索引擎?Archie。它允許用戶在數(shù)據(jù)庫(kù)中搜索文件?；ヂ?lián)網(wǎng)歷史上的一個(gè)轉(zhuǎn)折點(diǎn)！

　　同年，著 名的圖形編輯器?Adobe?Photoshop?的第一個(gè)版本出現(xiàn)在市場(chǎng)上。經(jīng)過(guò)幾十個(gè)更新版本，它今天仍然被廣泛用于網(wǎng)頁(yè)設(shè)計(jì)等等。然而，起初?Photoshop?僅適用于?Macintosh?計(jì)算機(jī)，并且需要?2?MB?的?RAM（當(dāng)時(shí)很多）。

　　1991

　　Berners-Lee?推出了世界上第一個(gè)使用HTML命令的網(wǎng)站。他早期的網(wǎng)頁(yè)格式適中：這是一個(gè)帶有黑色文本的白色頁(yè)面。盡管如此，這個(gè)頁(yè)面背后的許多核心原則，比如標(biāo)題命令，仍然是現(xiàn)代設(shè)計(jì)師的基礎(chǔ)。事實(shí)上，這篇文章在其設(shè)計(jì)中使用了HTML?！

　　HTTP?是第一個(gè)設(shè)計(jì)用于在服務(wù)器和瀏覽器之間交換超文本文檔的協(xié)議，也是?Berners-Lee?的創(chuàng)造。你能想象一個(gè)沒(méi)有超鏈接的現(xiàn)代網(wǎng)站嗎？現(xiàn)在你知道它們來(lái)自哪里了。

　　1992

　　今年值得注意的發(fā)展是?魏培源的?ViolaWWW?瀏覽器，這是他在加州大學(xué)工作時(shí)開(kāi)發(fā)的。該瀏覽器支持腳本、表格呈現(xiàn)和表單，并包含一個(gè)樣式表來(lái)定義站點(diǎn)的視覺(jué)外觀。

　　Bare?Bones?Software?發(fā)布了用于?Macintosh?的?BBEdit?HTML和文本編輯器，以幫助?Web?開(kāi)發(fā)人員。

　　CERN科學(xué)家Silvano?De?Gennar將第一張圖片上傳到網(wǎng)絡(luò)，這是一張模仿音樂(lè)團(tuán)體Les?Horribles?Cernettes的照片。

　　今年晚些時(shí)候，另一個(gè)搜索引擎出現(xiàn)了。它是?Veronica，是“非常簡(jiǎn)單的面向嚙齒動(dòng)物的計(jì)算機(jī)檔案全網(wǎng)索引”的縮寫(xiě)。

　　1993

　　今年為我們帶來(lái)了?Mosaic，它是首批具有圖像界面的?Web?瀏覽器之一。它是免費(fèi)的，可在所有平臺(tái)上使用。

　　ALIWEB?（Archie?Like?Indexing?for?the?Web）是?1993?年的另一個(gè)搜索引擎。這是設(shè)計(jì)方面的重要一步，因?yàn)樗褂妙伾珜⒂脩舻淖⒁饬ξ骄W(wǎng)絡(luò)必須提供的最佳頁(yè)面上。

　　今年網(wǎng)頁(yè)設(shè)計(jì)的另一個(gè)重要里程碑是第一個(gè)登陸頁(yè)面。是誰(shuí)做的？M TV?，音樂(lè)視頻頻道。他們自己的視頻記者亞當(dāng)·庫(kù)里（Adam?Curry）運(yùn)行了這個(gè)頁(yè)面，它有明亮、多彩的圖像，看起來(lái)與兩年前制作的網(wǎng)站完全不同。

　　1994

　　今年永遠(yuǎn)改變了網(wǎng)絡(luò)。1994?年，第一個(gè)橫幅廣告出現(xiàn)在?Hotwire?網(wǎng)站（現(xiàn)為?Wired）上。這個(gè)網(wǎng)站的設(shè)計(jì)色彩豐富但極簡(jiǎn)，廣告上寫(xiě)著：“你曾經(jīng)在這里點(diǎn)擊過(guò)鼠標(biāo)嗎？你會(huì)”。

　　此外，今年出現(xiàn)了一個(gè)HTML驗(yàn)證器，幫助了無(wú)數(shù)的開(kāi)發(fā)人員和設(shè)計(jì)人員。

　　伯納斯-李再一次列出了一份清單。他創(chuàng)建了中企動(dòng)力網(wǎng)聯(lián)盟來(lái)建立網(wǎng)絡(luò)規(guī)則。該組織負(fù)責(zé)HTML?、CSS、XHML?和?XML?標(biāo)準(zhǔn)。

　　然而，今年最重要的發(fā)展是基于漫畫(huà)創(chuàng)作的?Comic?Sans?字體，你可以猜到。這種字體臭名昭著，經(jīng)常被嘲笑，但它也因其易于閱讀的性質(zhì)而受到稱(chēng)贊，并被推薦用于教有閱讀障礙的人。

　　1995

　　今年是高性能全文搜索引擎ALTA VISTA?誕生的一年。最終，雅虎！收購(gòu)了ALTA VISTA?，但由于谷歌的聲望，他們?cè)?2013?年停產(chǎn)。

　　此外，在?1995?年，Brendan?Eich?發(fā)明了JavaScript?，旨在為瀏覽器?Netscape?2?提供更動(dòng)態(tài)的界面。JavaScript允許與用戶進(jìn)行更多交互，以便網(wǎng)站可以檢測(cè)到用戶的移動(dòng)，例如更改光標(biāo)位置或按下按鈕，并根據(jù)設(shè)計(jì)人員的需要做出響應(yīng)。這在以前是不可能的。

　　我們還看到了HTML?2.0?的推出，它使開(kāi)發(fā)人員能夠創(chuàng)建表格、表單、圖形等等！

　　用戶體驗(yàn)一詞出現(xiàn)在科羅拉多州丹佛市的一次會(huì)議上。

　　1996

　　H?kon?Wium?Lie?推出?CSS，為開(kāi)發(fā)人員提供輕松編輯和設(shè)計(jì)頁(yè)面的能力。這使得基于表格的設(shè)計(jì)更加用戶友好和有吸引力。Microsoft?Internet?Explorer?3?支持?CSS?并使其成為網(wǎng)頁(yè)設(shè)計(jì)的主流部分。

　　Flash的首次亮相！Macromedia?Flash?1.0?使用戶能夠創(chuàng)建矢量動(dòng)畫(huà)。這將對(duì)?1990?年代后期的互聯(lián)網(wǎng)產(chǎn)生重大影響。

　　Flash允許集成動(dòng)畫(huà)和音頻。但是，人們需要正確的Flash插件才能正確操作這些功能。盡管如此，這些動(dòng)畫(huà)和?GIF?直到今天仍成為網(wǎng)站的支柱，盡管Flash不再那么重要。

　　1997-1998

　　這一時(shí)期的許多技術(shù)和網(wǎng)站對(duì)網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展產(chǎn)生了巨大的影響，但最重要的是：

　　Dreamweaver、GoLive?和其他軟件使非技術(shù)人員更容易訪問(wèn)網(wǎng)站設(shè)計(jì)。結(jié)果，網(wǎng)頁(yè)設(shè)計(jì)成為一種越來(lái)越受歡迎的技能和職業(yè)。

　　Macromedia?Fireworks?允許設(shè)計(jì)人員使用矢量和位圖圖形。

　　谷歌出現(xiàn)，后來(lái)成為我們都知道的全球支柱。它基于一種算法來(lái)確定與最終用戶的相關(guān)性——這是?SEO?領(lǐng)域的重要一步。

　　2000-2004

　　網(wǎng)站使用量增加；估計(jì)有?3600?萬(wàn)互聯(lián)網(wǎng)用戶。許多知名網(wǎng)站，如?Deviant?Art、Google?、Yahoo!?、WordPress、Wikipedia?和?PayPal，在此期間出現(xiàn)。許多早期的網(wǎng)站已經(jīng)消失，但網(wǎng)頁(yè)設(shè)計(jì)變得更加強(qiáng)大，互聯(lián)網(wǎng)使用和設(shè)計(jì)迅速成為主流。

　　內(nèi)容管理系統(tǒng)變得突出，允許控制網(wǎng)站上的內(nèi)容。

　　社交媒體開(kāi)始出現(xiàn)，伴隨著?Yourspace，最終于?2004?年出現(xiàn)在?Myspace，以鞏固社交媒體在世界上的地位。Myspace?將編碼實(shí)踐引入了一代人，并為極簡(jiǎn)主義設(shè)計(jì)實(shí)踐定下了基調(diào)。相比之下，現(xiàn)代頁(yè)面已經(jīng)遠(yuǎn)離了這種風(fēng)格，當(dāng)時(shí)非常流行的圖像和?GIF?沉重的頁(yè)面影響著人們直到今天。

　　Web?2.0?一詞于?1998?年首次使用，變得普遍。它強(qiáng)調(diào)社交媒體、論壇和圖像共享。網(wǎng)站擺脫了早期的?HTML，變得更容易訪問(wèn)。

　　2004-2007

　　用戶最終可以在不了解HTML或其他編碼實(shí)踐的情況下制作網(wǎng)站。

　　Flickr、Reddit、YouTube?以及最終的?Facebook（后來(lái)的?Facebook，現(xiàn)在?的?Meta）已經(jīng)成為眾所周知的名稱(chēng)和網(wǎng)站。今天的互聯(lián)網(wǎng)很大程度上是這一時(shí)期的直接結(jié)果。

　　2007-2013

　　智能手機(jī)的興起，尤其是?iPhone，引發(fā)了重大變化。朝著移動(dòng)應(yīng)用程序設(shè)計(jì)和跨平臺(tái)支持的方向發(fā)展。Flash?不再與?Apple?兼容，設(shè)計(jì)師開(kāi)始不再使用它。

　　2010?年，光龍網(wǎng)絡(luò)公司成立，正是網(wǎng)頁(yè)蓬勃發(fā)展時(shí)期，需要不斷創(chuàng)新，優(yōu)化。響應(yīng)式設(shè)計(jì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)變得至關(guān)重要。它使設(shè)計(jì)人員和開(kāi)發(fā)人員可以創(chuàng)建相應(yīng)調(diào)整和擴(kuò)展的站點(diǎn)，而不管站點(diǎn)或應(yīng)用程序的預(yù)期設(shè)備如何?，F(xiàn)在它是所有設(shè)計(jì)過(guò)程中的必備品。

　　2013?年?React?誕生了。這個(gè)開(kāi)源庫(kù)使為?Web?應(yīng)用程序創(chuàng)建用戶界面和?UI?組件變得更加容易。

　　2013-2021

　　HTML和CSS在這個(gè)時(shí)期的網(wǎng)站設(shè)計(jì)中仍然很普遍，但是網(wǎng)站開(kāi)發(fā)的選擇更多，取決于結(jié)果。JavaScript?、HTML?、?CSS?等，各有優(yōu)缺點(diǎn)。因此，設(shè)計(jì)師必須選擇特定的語(yǔ)言和框架來(lái)專(zhuān)攻。

　　基于?CSS?的設(shè)計(jì)對(duì)于尋求引人入勝的內(nèi)容的設(shè)計(jì)師來(lái)說(shuō)至關(guān)重要，而HTML的基礎(chǔ)知識(shí)也非常重要。JavaScript是許多流行的移動(dòng)應(yīng)用程序的基礎(chǔ)，因?yàn)?Facebook?開(kāi)發(fā)了?React?Native，這是一個(gè)允許跨平臺(tái)開(kāi)發(fā)應(yīng)用程序的框架。

　　Flash在?2017?年變得多余。到此期間，W3C?（中企動(dòng)力網(wǎng)聯(lián)盟）最終確定了HTML?5.0?的規(guī)則，為網(wǎng)頁(yè)設(shè)計(jì)師提供了更多的靈活性和多媒體支持。

　　到?2019?年，移動(dòng)互聯(lián)網(wǎng)的使用比電腦更為突出。它進(jìn)一步改變了移動(dòng)應(yīng)用程序設(shè)計(jì)的重要性。

　　2022年的網(wǎng)頁(yè)設(shè)計(jì)

　　在2022年，JavaScript將運(yùn)行您喜愛(ài)的許多應(yīng)用程序和網(wǎng)站。大多數(shù)應(yīng)用程序都以簡(jiǎn)約設(shè)計(jì)為目標(biāo)，但許多復(fù)古字體正在卷土重來(lái)。

　　您可能已經(jīng)注意到，網(wǎng)站會(huì)隨著您的滾動(dòng)而變化。許多網(wǎng)站專(zhuān)注于一個(gè)大型登錄頁(yè)面，以便在單獨(dú)的信息和媒體之間實(shí)現(xiàn)無(wú)縫過(guò)渡。這是因?yàn)樵S多網(wǎng)站的目標(biāo)是盡可能地看起來(lái)像應(yīng)用程序，成為多平臺(tái)。

　　在美學(xué)上，多尺寸字體、抽象插圖、裝飾藝術(shù)和復(fù)古未來(lái)主義風(fēng)格占主導(dǎo)地位。您可以閱讀有關(guān)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)的更多信息這里.

　　光龍網(wǎng)絡(luò)十余年來(lái)，一直在進(jìn)步，光龍網(wǎng)絡(luò)團(tuán)隊(duì)不斷追趕趨勢(shì)甚至在多方面領(lǐng) 先潮流，以用戶為中心，以人為本的包容性設(shè)計(jì)就是未來(lái)的趨勢(shì)。

　　小編有話說(shuō)

　　我們希望您喜歡了解網(wǎng)頁(yè)設(shè)計(jì)的歷史。在相對(duì)較短的時(shí)間內(nèi)看到網(wǎng)頁(yè)設(shè)計(jì)的演變真是令人驚訝。與早期相比，互聯(lián)網(wǎng)和設(shè)計(jì)發(fā)生了根本性的變化。

　　由于網(wǎng)頁(yè)設(shè)計(jì)總是在變化，當(dāng)您想要設(shè)計(jì)和開(kāi)發(fā)自己的網(wǎng)站時(shí)，及時(shí)了解所有這些趨勢(shì)是至關(guān)重要的。