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

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

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

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

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

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

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

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

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

1989

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

1990

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

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

1991

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

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

1992

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

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

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

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

1993

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

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

今年網(wǎng)頁設(shè)計(jì)的另一個(gè)重要里程碑是第一個(gè)登陸頁面。是誰做的？MTV ，音樂視頻頻道。他們自己的視頻記者亞當(dāng)·庫里（Adam Curry）運(yùn)行了這個(gè)頁面，它有明亮、多彩的圖像，看起來與兩年前制作的網(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)，廣告上寫著：“你曾經(jīng)在這里點(diǎn)擊過鼠標(biāo)嗎？你會(huì)”。

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

伯納斯-李再一次列出了一份清單。他創(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 ，但由于谷歌的聲望，他們?cè)?2021 年停產(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 的推出，它使開發(fā)人員能夠創(chuàng)建表格、表單、圖形等等！

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

1996

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

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

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

1997-1998

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

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

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

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

2000-2004

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

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

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

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

2004-2007

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

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

2007-2021

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

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

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

2021-2021

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

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

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

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

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

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

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

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

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

有話說

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

由于網(wǎng)頁設(shè)計(jì)總是在變化，當(dāng)您想要設(shè)計(jì)和開發(fā)自己的網(wǎng)站時(shí)，及時(shí)了解所有這些趨勢(shì)是至關(guān)重要的。設(shè)計(jì)可以通過設(shè)計(jì)和開發(fā)您的網(wǎng)站、應(yīng)用程序等來幫助您。看一眼 我們的服務(wù)并了解我們?nèi)绾螏椭鷦?chuàng)建尖端網(wǎng)站或應(yīng)用程序。