網(wǎng)站設(shè)計(jì)的歷史
網(wǎng)站設(shè)計(jì)已經(jīng)從文本和圖像的組合演變?yōu)楦叨然?dòng)的平面設(shè)計(jì)。它真的走了很長的路。這一切都始于1990年,當(dāng)時(shí)構(gòu)想了網(wǎng)絡(luò)的概念。計(jì)算能力有限,技術(shù)稀缺,互聯(lián)網(wǎng)速度慢,許多此類問題。這一切都在逐步發(fā)展,網(wǎng)站設(shè)計(jì)也是如此。眾所周知,網(wǎng)站設(shè)計(jì)隨著HTML的發(fā)明而出現(xiàn),HTML是Web瀏覽器可以理解和表示的語言。同時(shí)構(gòu)建了瀏覽器,可以將HTML代碼轉(zhuǎn)換為用戶可以看到和交互的內(nèi)容。
在創(chuàng)建這些東西時(shí),需要一個(gè)可以管理所有這些事情的小組。它為建立W3C(萬維網(wǎng)聯(lián)盟)鋪平了道路,該聯(lián)盟致力于以一致的方式使所有人的互聯(lián)網(wǎng)覆蓋?;ヂ?lián)網(wǎng)的發(fā)展范圍越來越大,網(wǎng)站設(shè)計(jì)也是如此。
一切都開始的時(shí)期
網(wǎng)絡(luò)的概念是在1990年誕生的那一年構(gòu)思的。它是一種標(biāo)記語言,可以由瀏覽器讀取,它在可視媒體中顯示HTML代碼。在這段時(shí)間內(nèi),網(wǎng)站的文字很重,因?yàn)榧词箞D像也不受支持。此外,瀏覽器僅支持60種顏色。同年,第一個(gè)網(wǎng)絡(luò)瀏覽器也被發(fā)明了。它被稱為Nexus,它在早期階段支持HTML和文本。
隨著創(chuàng)新的不斷發(fā)展,它誕生了Mosaic,一個(gè)可以顯示文本圖像的網(wǎng)絡(luò)瀏覽器。這就像一場革命,因?yàn)榫W(wǎng)頁變得更具吸引力,人們開始看到網(wǎng)站設(shè)計(jì)的潛力。有趣的是,Mosaic也是第一個(gè)使用該布局的瀏覽器,即使在今天也被大多數(shù)瀏覽器所接受。談到網(wǎng)絡(luò)瀏覽器,1994年,一種新型的網(wǎng)絡(luò)瀏覽器,Netscape Navigator誕生了。它有一些驚人的功能,使它能夠即時(shí)打開網(wǎng)頁。Web瀏覽器非常強(qiáng)大,網(wǎng)站建議用戶在Netscape Navigator中打開它們。
在1990年誕生HTML一年后,第一個(gè)網(wǎng)站已經(jīng)上線創(chuàng)造了歷史。三年后的1995年,世界網(wǎng)絡(luò)聯(lián)盟成立了一系列原則,旨在使網(wǎng)絡(luò)始終如一地向公眾開放。這是互聯(lián)網(wǎng)的第一個(gè)時(shí)代,創(chuàng)新從這里開始。仍處于初期階段的網(wǎng)站設(shè)計(jì)正在向前爬行,因?yàn)橛性S多人日夜辛勤勞作來培養(yǎng)它。
創(chuàng)新開始永無止境
互聯(lián)網(wǎng)和網(wǎng)站設(shè)計(jì)都以驚人的速度向前發(fā)展。1994年至1998年期間非常重要,因?yàn)樗吹搅司W(wǎng)站設(shè)計(jì)的創(chuàng)新。計(jì)算能力的提高和新技術(shù)的出現(xiàn)改變了網(wǎng)絡(luò)的維度,轉(zhuǎn)型不僅僅是可見的。網(wǎng)站設(shè)計(jì)師們把手放在新發(fā)現(xiàn)的工具上,并且非常自由地使用它們來設(shè)計(jì)出既有吸引力但又看起來很丑的設(shè)計(jì)。例如,顏色數(shù)量從60增加到256,這意味著更多彩色網(wǎng)頁。顏色有時(shí)變得太難以容忍,但變化仍然被接受。網(wǎng)站設(shè)計(jì)的另一個(gè)明顯特征是廣告設(shè)計(jì)得很花哨。
企業(yè)已經(jīng)預(yù)見到了網(wǎng)絡(luò)的普及,并通過網(wǎng)頁采取積極的營銷方式。這一切都與設(shè)計(jì)華而不實(shí)的廣告有關(guān),可以引起用戶的注意。當(dāng)引入諸如Times New Roman和Courier New等襯線字體時(shí),文本中使用的字體也經(jīng)歷了大修。網(wǎng)站設(shè)計(jì)已經(jīng)發(fā)生了翻天覆地的變化,正在為下一局做好準(zhǔn)備。在那個(gè)時(shí)期添加到網(wǎng)站設(shè)計(jì)趨勢中的另一個(gè)功能是彩色按鈕,它給人以3D感覺,并誘使用戶點(diǎn)擊他們很容易做到的。在這個(gè)時(shí)期,Web瀏覽器也出現(xiàn)了很大的創(chuàng)新,因?yàn)樵S多新的瀏覽器都引入了新的令人興奮的功能。
在1994年,Opera瀏覽器被引入作為研究項(xiàng)目。明年,推出了一系列瀏覽器,如Internet Explorer 1和2。當(dāng)時(shí)Netscape Navigator統(tǒng)治了這個(gè)棲息地,幾乎90%的互聯(lián)網(wǎng)用戶都喜歡Netscape Navigator。在1996年,微軟推出了Internet Explorer 3,這一統(tǒng)治終于結(jié)束了。它支持一系列功能,如多媒體,支持動(dòng)態(tài)內(nèi)容的Activex控件,Java小程序和網(wǎng)絡(luò)郵件服務(wù)。隨著它的推出,Netscape開始被遺忘,IE 3被網(wǎng)絡(luò)愛好者所淹沒。同時(shí),網(wǎng)站設(shè)計(jì)和開發(fā)也取得了重大進(jìn)展。
PHP(預(yù)處理器超文本)于1995年推出,使動(dòng)態(tài)Web開發(fā)成為可能。然后它被用于制作簡單的Web應(yīng)用程序和Web表單。同年,推出了一種名為Ruby的新語言,該語言也用于動(dòng)態(tài)Web開發(fā)。通過Macromedia Shockwave的引入,網(wǎng)站設(shè)計(jì)帶來了交互性和動(dòng)畫,使網(wǎng)站設(shè)計(jì)師能夠在網(wǎng)站上添加Flash內(nèi)容。這些網(wǎng)站獲得了一個(gè)帶有Flash內(nèi)容的新頭像,使它們更具互動(dòng)性和吸引力。同一年,Netscape也引入了Java腳本,以使網(wǎng)絡(luò)更具互動(dòng)性。這項(xiàng)創(chuàng)新才剛剛開始。只有在1996年發(fā)明CSS(級聯(lián)樣式表)之后才能完成網(wǎng)頁的樣式。它在網(wǎng)站設(shè)計(jì)領(lǐng)域帶來了令人興奮的新風(fēng)格和布局。網(wǎng)站設(shè)計(jì)師找到了一個(gè)可以玩的玩具,并建立了具有吸引力的風(fēng)格和布局的網(wǎng)站。同年,推出了Active server page(ASP)和Macromedia flash,它們準(zhǔn)備改變網(wǎng)絡(luò)的面貌。ASP使動(dòng)態(tài)內(nèi)容的創(chuàng)建更容易,Macromedia Flash創(chuàng)建了矢量圖形和動(dòng)畫應(yīng)用程序,當(dāng)時(shí)風(fēng)靡一時(shí)。
隨著第二年HTML 4.0的誕生,這項(xiàng)創(chuàng)新得到了全面展開,HTML 4.0具有國際化網(wǎng)絡(luò)的功能。開發(fā)了一個(gè)通用字符集,以支持世界范圍內(nèi)的網(wǎng)絡(luò)使用。1997年共有1億互聯(lián)網(wǎng)用戶。
在接下來的幾年中,引入了許多新的網(wǎng)站設(shè)計(jì)元素,以更有條理和更有條理的方式呈現(xiàn)內(nèi)容。這種方法產(chǎn)生了菜單和導(dǎo)航。設(shè)計(jì)也有點(diǎn)微妙,但仍然嚴(yán)重依賴顏色。在此期間,深色背景很受歡迎,網(wǎng)站設(shè)計(jì)師在一頁和更多迷你頁面上選擇較少的文字。未來幾年,IE 5.0和IE 6.0分別在1999年和2000年推出了較新版本的Internet瀏覽器。在1998年,互聯(lián)網(wǎng)和網(wǎng)絡(luò)發(fā)現(xiàn)了一個(gè)新的播放器谷歌,它改變了互聯(lián)網(wǎng)的運(yùn)作方式。2002年至2006年期間的進(jìn)一步創(chuàng)新產(chǎn)生了新的工具,如新版本的CSS和Flash,使網(wǎng)站設(shè)計(jì)師能夠?qū)D形和動(dòng)畫內(nèi)容集成到網(wǎng)站中。
2007年之后,當(dāng)智能手機(jī)推出時(shí),網(wǎng)站承擔(dān)了額外的責(zé)任,即通過移動(dòng)設(shè)備訪問互聯(lián)網(wǎng)的移動(dòng)用戶。因此,響應(yīng)式設(shè)計(jì)方法變得突出,仍然非常相關(guān)。如果我們談?wù)摦?dāng)前的情況,情況就會(huì)發(fā)生巨大變化。Skeuomorphic設(shè)計(jì)現(xiàn)在已被平面設(shè)計(jì)所取代,大多數(shù)網(wǎng)站設(shè)計(jì)都遵循這種設(shè)計(jì)。