網(wǎng)頁(yè)布局的歷史：從文藝復(fù)興時(shí)期到虛擬現(xiàn)實(shí)

2015-09-18 分類(lèi)：網(wǎng)站建設(shè)

早在1993年,第一個(gè)網(wǎng)站了:純文本網(wǎng)站開(kāi)發(fā)人員在歐洲核子研究委員會(huì)(的地方)。這是一個(gè)巨大的進(jìn)步在技術(shù)、文化革命的催化劑,真的,真的無(wú)聊的看。設(shè)計(jì)選項(xiàng)沒(méi)有現(xiàn)成的第一個(gè)網(wǎng)站,但已經(jīng)成為分離從業(yè)余愛(ài)好者和普通專(zhuān)業(yè)的在線(xiàn)內(nèi)容。

1990年代

90年代看到暫時(shí)停歇在基于網(wǎng)格的設(shè)計(jì)中,選擇喜歡的風(fēng)格大衛(wèi)·卡森和寶拉謝爾變得更受歡迎。

這是一個(gè)反應(yīng)對(duì)網(wǎng)格的固步自封,尤其是它的教條的使用和與企業(yè)文化。結(jié)果是許多設(shè)計(jì)師拒絕系統(tǒng)支持一個(gè)更有機(jī)的,風(fēng)格和激進(jìn)的結(jié)構(gòu)。

但隨著計(jì)算機(jī)設(shè)計(jì)的興起——尤其是那些web——帶著它的返回受歡迎基于網(wǎng)格的設(shè)計(jì)。90年代的激進(jìn)風(fēng)格將會(huì)阻礙信息的消費(fèi),因?yàn)榫W(wǎng)格有網(wǎng)頁(yè)設(shè)計(jì)中的實(shí)際應(yīng)用。

編碼/排隊(duì)元素的X或Y坐標(biāo)(即列或行)遠(yuǎn)比擁有更容易安排元素定制,具體問(wèn)題具體分析。到了90年代后期技術(shù)發(fā)達(dá),瀏覽網(wǎng)站質(zhì)量的吸引力。

事實(shí)上,網(wǎng)絡(luò)增長(zhǎng)如此迅速的崛起,發(fā)展讓網(wǎng)站更容易和更專(zhuān)業(yè)的生產(chǎn)以指數(shù)增長(zhǎng)。從設(shè)計(jì)師的角度來(lái)看,發(fā)展是關(guān)鍵閃光.

Flash(ahh-ahhhhhh)允許web頁(yè)面元素的動(dòng)畫(huà),剪紙藝術(shù)的方式對(duì)用戶(hù)無(wú)法比較。其中包括動(dòng)畫(huà)按鈕(而不是簡(jiǎn)單的超鏈接),甚至是游戲。你可能會(huì)說(shuō),Flash是真正的網(wǎng)上用戶(hù)交互性的誕生。

2000年代

回到過(guò)去,開(kāi)發(fā)商只有HTML定義文本結(jié)構(gòu)。他們可以定義一段(

)或標(biāo)題(

)等。選項(xiàng)是有限的設(shè)計(jì):開(kāi)發(fā)人員使用HTML的發(fā)明——盡管并不總是嚴(yán)格正確的方式布局頁(yè)面和大量的HTML僅在特定的瀏覽器(“你需要* * * *瀏覽器查看這個(gè)頁(yè)面”,還記得嗎?)。

瀏覽器大戰(zhàn)(通過(guò)thebrowserwars.tumblr.com)

最終,層疊樣式表(CSS)出現(xiàn)解決這個(gè)問(wèn)題:將工作與HTML提供豐富的布局和樣式選擇設(shè)計(jì)師這個(gè)函數(shù)在所有的瀏覽器。

在2000年代的另一個(gè)發(fā)展是拖拽建筑商和所見(jiàn)即所得的介紹(“你所看到的就是你得到的”)編輯器。他們的意思是更容易布局網(wǎng)頁(yè)視覺(jué)。這些工具允許設(shè)計(jì)師與負(fù)編碼經(jīng)驗(yàn)來(lái)創(chuàng)建web頁(yè)面使用熟悉,桌面出版工具風(fēng)格。

這使工作流程更有效率,可以迅速識(shí)別并解決任何問(wèn)題或更改。這是為什么WYSIWYG首先開(kāi)發(fā)了但是后來(lái)被孩子想關(guān)于寵物的博客或者同樣無(wú)趣的東西。

專(zhuān)業(yè)的web開(kāi)發(fā)人員不再使用所見(jiàn)即所得(一些從來(lái)沒(méi)有),因?yàn)樗鼈兪浅裘阎膲牡臉?biāo)記(不正確的和臃腫的代碼),從長(zhǎng)遠(yuǎn)來(lái)看會(huì)導(dǎo)致更多的問(wèn)題比一個(gè)WYSIWYG編輯器提供了修復(fù)。

但最重要的進(jìn)步在2000年代被釋放寬帶互聯(lián)網(wǎng)大眾。與以快得多的速度傳輸信息的能力,設(shè)計(jì)師不受他們的頁(yè)面可以包含多少信息。編碼變得更加復(fù)雜,進(jìn)而提供更多的方法和靈活性來(lái)開(kāi)發(fā)一個(gè)網(wǎng)站。開(kāi)發(fā)人員可以構(gòu)建網(wǎng)站更多的多樣性,給設(shè)計(jì)師更多的選擇,因此更多的控制,在他們的工作。

2010年代

在過(guò)去的六年里,關(guān)鍵的發(fā)展響應(yīng)設(shè)計(jì)對(duì)不同的設(shè)備屏幕大小,允許靈活的網(wǎng)格。智能手機(jī)和平板設(shè)備的hyper-popularity意味著任何網(wǎng)站我們構(gòu)建需要有能力來(lái)適應(yīng)不同的屏幕尺寸。

RWD屏幕尺寸(通過(guò)invisionapp.com)

從設(shè)計(jì)師的角度來(lái)看,設(shè)計(jì)簡(jiǎn)化了開(kāi)發(fā)的過(guò)程中能夠使用的代碼元素或形狀而不是生產(chǎn)和上傳的圖形元素來(lái)實(shí)現(xiàn)這些。

以前,我們需要使用圖像某些效果,例如,圓角框或顏色的漸變,微乎其微的靈活性。然而,編碼-經(jīng)常使用CSS指定元素靈活,能夠適應(yīng)屏幕或?yàn)g覽器窗口大小的變化。

這看到的流體網(wǎng)格的引入,這意味著他們呼吁頁(yè)面元素分級(jí)相關(guān)單位,如百分比,而不是絕對(duì)單位像素或點(diǎn)。更多的選擇和靈活性為設(shè)計(jì)師也更多的責(zé)任?，F(xiàn)在需要額外關(guān)注頁(yè)面內(nèi)容及其層次結(jié)構(gòu),因?yàn)樗鼤?huì)“回流”這取決于設(shè)備。

未來(lái)

的確主線(xiàn)設(shè)計(jì)在過(guò)去的幾百年中網(wǎng)格。作為技術(shù)和媒介,我們吸收信息的發(fā)展,網(wǎng)格系統(tǒng)動(dòng)作正確。技術(shù)進(jìn)步發(fā)展和反應(yīng),并將繼續(xù)這樣做,我們繼續(xù)接觸媒體的新方法。

當(dāng)虛擬現(xiàn)實(shí)耳機(jī)成為互動(dòng)媒體的標(biāo)準(zhǔn)方法,或者即使我們找到一個(gè)方法來(lái)開(kāi)發(fā)全息圖像,網(wǎng)格系統(tǒng)將改變和適應(yīng),但總是會(huì)有協(xié)助用戶(hù)在吸收信息。

名稱(chēng)欄目：網(wǎng)頁(yè)布局的歷史：從文藝復(fù)興時(shí)期到虛擬現(xiàn)實(shí)
當(dāng)前地址：http://chinadenli.net/news47/32897.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、動(dòng)態(tài)網(wǎng)站、App設(shè)計(jì)、品牌網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

網(wǎng)頁(yè)布局的歷史：從文藝復(fù)興時(shí)期到虛擬現(xiàn)實(shí)

)等。選項(xiàng)是有限的設(shè)計(jì):開(kāi)發(fā)人員使用HTML的發(fā)明——盡管并不總是嚴(yán)格正確的方式布局頁(yè)面和大量的HTML僅在特定的瀏覽器(“你需要* * * *瀏覽器查看這個(gè)頁(yè)面”,還記得嗎?)。

)等。選項(xiàng)是有限的設(shè)計(jì):開(kāi)發(fā)人員使用HTML的發(fā)明——盡管并不總是嚴(yán)格正確的方式布局頁(yè)面和大量的HTML僅在特定的瀏覽器(“你需要* * * *瀏覽器查看這個(gè)頁(yè)面”,還記得嗎?)。